.battle-art-window{position:relative;width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 72px);box-sizing:border-box;padding:24px 8px 18px;border-style:solid;border-width:42px 40px 46px;border-image:url(/img/warshards/battle-windows/frame.webp) 85 95 80 95 fill stretch;color:#412b14;background:none;font:17px/1.4 Nunito,sans-serif;isolation:isolate}.battle-art-content{max-height:calc(100dvh - 160px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#a27a39 transparent;padding:6px 4px 4px}.battle-art-title{position:absolute;box-sizing:border-box;left:50%;top:-28px;transform:translate(-50%);width:68%;height:86px;pointer-events:none;display:grid;place-items:center;border:solid transparent;border-width:22px 62px;border-image:url(/img/warshards/battle-windows/title.webp) 44 124 fill / 22px 62px / 0 stretch;background:none;z-index:4}.battle-art-title h2{margin:0 30px;font:bold clamp(22px,3.4vw,38px)/1.05 Georgia,serif;color:#ffe3a3;text-align:center;text-shadow:0 2px 1px #281203,1px 0 #281203,-1px 0 #281203}.battle-art-window>.wood-button--close{position:absolute;right:-14px;top:-14px;z-index:4;transform:scale(1.15)}.battle-art-window p{margin:10px 0}.battle-art-window h3{margin:0 0 12px;font:700 23px/1.15 Georgia,serif;color:#38210d}.battle-art-icon{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0;-webkit-user-select:none;user-select:none}.battle-art-card{border:1px solid #b48b4b88;background:#a87d2a08;box-shadow:inset 0 0 0 3px #f4dca32e;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);padding:15px}.battle-art-divider{position:relative;height:1px;background:#b7904a99;margin:24px 0}.battle-art-divider:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;transform:rotate(45deg);border:2px solid #b7904a;background:#f2d394;box-shadow:0 0 0 6px #f1d496}.battle-info-symbol{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border:2px solid #c49d4b;border-radius:50%;background:linear-gradient(#855b22,#52310e);color:#f4dd9d;font:700 20px Georgia,serif;box-shadow:0 0 0 1px #5d3c17}.battle-art-note{display:flex;align-items:center;gap:15px;padding:14px 18px;background:#aa7d2e20;border-radius:12px;color:#75552c;font-size:16px}.battle-art-intro{display:flex;align-items:center;gap:20px;font-size:19px;line-height:1.55;padding:6px 8px 22px;border-bottom:1px solid #b68b4e77}.battle-art-intro .battle-info-symbol{width:34px;height:34px;font-size:27px;margin:0 8px}.torch-backdrop,.seal-dialog-backdrop{padding:36px 12px;box-sizing:border-box;background:#1b130a80;z-index:1900;overflow-y:auto;display:grid;place-items:center}.torch-art-tabs{display:flex;border-bottom:1px solid #b08b4a99;margin:0 0 22px;padding-bottom:0}.torch-art-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;width:235px;height:65px;border:0;background:url(/img/warshards/battle-windows/tab.webp) center/100% 100% no-repeat;color:#d8c5a3;font:700 25px Georgia,serif;text-shadow:0 2px 1px #271106;cursor:pointer}.torch-art-tabs button[aria-pressed=true]{color:#fff0bb;box-shadow:inset 0 -5px 4px -4px #ffb92d;background-color:#c27c0020}.torch-art-tabs .battle-art-icon{width:42px;height:47px}.torch-art-overview{display:grid;grid-template-columns:26% 39% 1fr;gap:12px;align-items:stretch}.torch-art-portrait{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.torch-art-portrait>img{display:block;width:100%;max-height:260px;object-fit:contain}.torch-art-portrait>b{display:block;position:relative;width:100%;box-sizing:border-box;margin-top:-5px;padding:9px 5px;border:5px ridge #8c887a;border-radius:5px;background:linear-gradient(#413d32,#272820);color:#b5e78d;font-size:18px;text-align:center;text-shadow:0 2px #15190c}.torch-art-levels{text-align:center;display:flex;flex-direction:column;justify-content:space-between}.torch-art-levels h3{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.torch-art-levels>strong{font-size:27px;color:#2e1807;margin-top:10px}.torch-art-flames{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #af864c66;border-radius:6px;padding:10px 4px;background:#b0884214;gap:2px}.torch-art-flames button{border:0;background:none;padding:0;cursor:pointer;border-radius:5px}.torch-art-flames .battle-art-icon{width:100%;height:66px;filter:sepia(1) saturate(.6) brightness(.65);opacity:.55}.torch-art-flames .is-filled .battle-art-icon{filter:none;opacity:1}.torch-art-flames button[aria-pressed=true]{box-shadow:inset 0 -2px #a8762d}.torch-art-flames button:focus-visible{outline:2px solid #81551b}.torch-art-bonuses{position:relative}.torch-art-bonuses h3{text-align:center;font-size:22px}.torch-art-bonuses>.battle-art-icon{position:absolute;left:6px;top:52px;width:70px;height:75px}.torch-art-bonuses>div{padding-left:65px}.torch-art-bonuses p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:3px 0;border-bottom:1px solid #b8873d22;white-space:nowrap;font-size:16px}.torch-art-bonuses b{color:#2b5724;font-size:19px}.torch-art-fuel{grid-column:2/4;display:grid;grid-template-columns:1.15fr 1fr;padding:12px 8px}.torch-art-fuel>div{display:flex;align-items:center;gap:12px;padding:0 8px}.torch-art-fuel>div+div{border-left:1px solid #ac843b77}.torch-art-fuel .battle-art-icon{width:65px;height:70px}.torch-art-fuel span{font-size:16px;line-height:1.25}.torch-art-fuel strong{display:block;font-size:21px;margin:5px 0;color:#38200e}.torch-art-fuel small{font-size:12px}.torch-art-purchase{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 36px 12px}.torch-premium-button{position:relative;isolation:isolate;display:grid;place-items:center;min-height:104px;padding:10px 24px;border:0;background:url(/img/warshards/battle-windows/purchase-blue.webp) center/100% 100% no-repeat;color:#f5e8ce;cursor:pointer;text-shadow:0 2px 2px #0d1c27;font:700 24px Georgia,serif;overflow:hidden;transition:transform .1s}.torch-premium-button.is-gold{background-image:url(/img/warshards/battle-windows/purchase-gold.webp);color:#fff3c5;text-shadow:0 2px 2px #402006}.torch-premium-button>span{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px}.torch-premium-button span>span{display:flex;align-items:center;gap:8px}.torch-premium-button .battle-art-icon{width:25px;height:32px}.torch-premium-button:disabled{filter:saturate(.25) brightness(.8);cursor:default}.torch-premium-button:enabled:active{transform:translateY(2px)}.torch-premium-button:focus-visible{outline:3px solid #9c732a;outline-offset:3px}.torch-premium-button.is-gold:enabled:after{content:"";position:absolute;z-index:1;inset:8px;background:linear-gradient(110deg,transparent 35%,#fff5b500 42%,#fff5b56b 50%,#fff5b500 58%,transparent 65%);transform:translate(-150%);animation:torchGoldSheen 9s ease-in-out infinite;pointer-events:none}@keyframes torchGoldSheen{0%,72%{transform:translate(-150%)}92%,to{transform:translate(150%)}}.torch-art-footer{justify-content:center}.torch-art-footer>span{height:25px;width:1px;background:#9d7438;flex:none;margin:0 18px}.torch-art-wallet{display:block;text-align:center;color:#846033}.torch-art-controls{padding:8px 12px}.torch-art-controls>.wood-dialog-button{min-height:42px}.torch-art-controls .torch-fuel-row{display:flex;align-items:end;gap:16px}.torch-art-controls .torch-fuel-row>label{flex:1}.torch-art-controls select,.torch-market-form input{display:block;width:100%;box-sizing:border-box;padding:8px;border:1px solid #ac844a;border-radius:5px;background:#fff4da77;color:#493017;font:inherit}.torch-art-controls .wood-dialog-button,.torch-market-form .wood-dialog-button,.torch-market-list .wood-dialog-button{min-width:170px;height:43px}.torch-art-renew{display:flex;align-items:center;gap:12px}.torch-art-renew .torch-premium-button{min-height:55px;font-size:17px;flex:1}.torch-art-window .torch-note{font-size:12px;line-height:1.45;color:#816238}.torch-art-window [role=alert]{color:#9b301e}.seal-art-window{width:min(920px,calc(100vw - 32px))}.seal-art-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.seal-art-choices .seal-stone-choice{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:20px 15px 18px;border:3px double #bc924c;border-radius:10px;background:#b88a3310}.seal-art-choices .seal-stone-choice>.battle-art-icon{width:88px;height:108px;align-self:start}.seal-art-choices .seal-stone-choice>div{display:contents}.seal-art-choices .seal-stone-choice strong{align-self:center;font:700 22px/1.2 Georgia,serif}.seal-art-choices .seal-stone-choice>div>div{grid-column:1/3;text-align:center;color:#76532c;font-size:17px}.seal-art-choices .seal-stone-choice>div>div b{font-size:24px;color:#36210b}.seal-art-choices p{grid-column:1/3;min-height:66px;text-align:center;margin:8px 0;padding:15px 0 0;border-top:1px solid #bb924b88;font-size:18px}.seal-art-choices .seal-stone-choice .wood-dialog-button{grid-column:1/3;width:100%;height:54px;font-size:21px}.soul-art-window{width:min(1000px,calc(100vw - 32px));padding-top:40px}.soul-art-window .battle-art-title{left:2%;transform:none;top:0;width:57%;height:67px}.soul-art-window .battle-art-title h2{font-size:27px}.soul-art-window .battle-art-content{padding-top:40px;max-height:calc(100dvh - 250px)}.soul-art-overview{display:grid;grid-template-columns:42% 25% 1fr;align-items:center;gap:10px}.soul-art-overview>p{font-size:20px;line-height:1.5}.soul-art-illustration{width:100%;height:230px}.soul-art-balance{display:flex;align-items:center;gap:12px;margin:15px 0;padding:5px 10px;background:linear-gradient(90deg,#33425100,#334251c9 12%,#334251b3 85%,#33425100);color:#fff3dd}.soul-art-balance.is-red{background:linear-gradient(90deg,#80301c00,#80301cbf 12%,#80301c99 85%,#80301c00)}.soul-art-balance>.battle-art-icon{width:57px;height:77px}.soul-art-balance>strong{font-size:30px;text-shadow:0 2px 2px #1e130c;white-space:nowrap}.soul-art-balance>span{margin-left:auto;color:#a4cbe4;font-weight:900;font-size:20px;white-space:nowrap}.soul-art-balance.is-red>span{color:#e59684}.soul-art-balance i{font-style:normal;font-size:24px}.soul-art-cost{display:flex;align-items:center;gap:15px;margin:26px 10px;font-size:23px;color:#2c210d}.soul-art-cost>b{margin-right:12px;font-weight:800}.soul-art-cost>.battle-art-icon{width:43px;height:57px}.soul-art-cost>strong{font-size:28px}.soul-stamina-icon{display:grid;place-items:center;flex:none;width:65px;height:65px;margin-right:10px;border:4px double #be953c;border-radius:50%;background:linear-gradient(#4b4a39,#242b29);color:#a5eb22;font:700 58px/1 Georgia,serif;text-shadow:0 2px 2px #192b00}.soul-cost-separator{width:1px;height:38px;margin:0 10px;background:#b2935b}.soul-art-details{font-size:13px;color:#77552b}.soul-art-details summary{cursor:pointer;text-align:center}.soul-art-details ul{columns:2;padding-left:25px}@media(prefers-reduced-motion:reduce){.torch-premium-button.is-gold:enabled:after{animation:none}.torch-premium-button{transition:none}}@media(max-width:760px){.battle-art-window{padding:16px 4px 12px;border-width:38px 24px 36px;font-size:14px}.battle-art-title{height:72px;width:80%;top:-56px}.battle-art-window>.wood-button--close{right:-6px;top:-12px;transform:none}.battle-art-content{max-height:calc(100dvh - 160px)}.torch-art-overview{grid-template-columns:28% 1fr}.torch-art-portrait{grid-row:1/3}.torch-art-levels{grid-column:2}.torch-art-bonuses{grid-column:2;display:none}.torch-art-fuel{grid-column:1/3}.torch-art-tabs button{height:52px;font-size:21px}.torch-art-tabs .battle-art-icon{width:30px;height:35px}.torch-art-purchase{margin:16px 0;gap:12px}.torch-premium-button{font-size:20px;min-height:90px;padding:10px}.torch-art-footer{font-size:13px;gap:6px;padding:10px}.torch-art-footer>span{margin:0 5px}.torch-art-portrait>b{font-size:13px}.torch-art-levels h3{font-size:20px}.torch-art-fuel .battle-art-icon{width:44px;height:55px}.torch-art-fuel strong{font-size:18px}.torch-art-fuel span{font-size:13px}.soul-art-overview{grid-template-columns:1fr 40%}.soul-art-overview>p{grid-column:1/3;font-size:17px}.soul-art-window .battle-art-title{top:-10px;width:75%;left:5%;height:65px}.soul-art-window .battle-art-title h2{font-size:22px}.soul-art-window .battle-art-content{padding-top:40px}.soul-art-balance>strong{font-size:24px}.soul-art-balance>span{font-size:15px}.soul-art-balance i{display:none}.soul-art-cost{gap:8px;font-size:17px;margin:22px 0;flex-wrap:wrap}.soul-art-cost>b{margin-right:0}.soul-stamina-icon{width:45px;height:45px;font-size:40px;margin:0}.soul-art-cost>.battle-art-icon{width:30px;height:40px}.battle-art-intro{font-size:16px;gap:8px}.battle-art-intro .battle-info-symbol{margin:0}.seal-art-choices .seal-stone-choice{grid-template-columns:65px 1fr;padding:15px 10px}.seal-art-choices .seal-stone-choice>.battle-art-icon{width:65px;height:80px}.seal-art-choices .seal-stone-choice strong{font-size:18px}.seal-art-choices .seal-stone-choice .wood-dialog-button{font-size:17px}}@media(max-width:470px){.battle-art-window{width:calc(100vw - 16px);padding:14px 0 10px;border-width:36px 20px 34px}.battle-art-title h2{font-size:22px}.battle-art-title{width:85%}.battle-art-card{padding:10px}.torch-art-tabs{margin-bottom:14px}.torch-art-tabs button{font-size:18px;gap:5px}.torch-art-flames .battle-art-icon{height:43px}.torch-art-levels h3{font-size:17px}.torch-art-levels>strong{font-size:22px}.torch-art-levels .battle-info-symbol{display:none}.torch-art-portrait>b{padding:5px 1px;font-size:11px;border-width:3px}.torch-art-fuel{gap:0}.torch-art-fuel>div{gap:5px;padding:0 3px}.torch-art-fuel .battle-art-icon{width:32px;height:44px}.torch-art-fuel strong{font-size:15px}.torch-art-fuel small{font-size:10px}.torch-premium-button{min-height:78px;font-size:17px}.torch-art-controls .torch-fuel-row{flex-wrap:wrap}.torch-art-controls .torch-fuel-row .wood-dialog-button{width:100%}.torch-art-renew{flex-wrap:wrap}.torch-art-renew>small{width:100%}.torch-art-footer{flex-wrap:wrap}.torch-art-footer>span{display:none}.battle-art-intro{font-size:14px;padding:5px 0 14px}.battle-art-intro .battle-info-symbol{display:none}.seal-art-choices{gap:9px;margin-top:14px}.seal-art-choices .seal-stone-choice{display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:8px}.seal-art-choices .seal-stone-choice strong{text-align:center;font-size:17px}.seal-art-choices p{font-size:14px;min-height:65px;margin:0}.seal-art-choices .seal-stone-choice>div>div{font-size:12px}.seal-art-choices .seal-stone-choice .wood-dialog-button{height:48px;font-size:14px}.soul-art-overview{grid-template-columns:1fr}.soul-art-balance{gap:8px;margin:8px 0}.soul-art-balance>strong{font-size:25px}.soul-art-illustration{height:160px}.soul-art-overview>p{grid-column:auto;font-size:15px}.soul-art-cost>b{font-size:16px}.soul-cost-separator{margin:0 3px}.battle-art-note{font-size:13px;padding:10px;gap:10px}.soul-art-cost>strong{font-size:23px}.soul-art-window .battle-art-title h2{font-size:20px}.soul-art-window .battle-art-title{height:58px}}.torch-art-xp-wrap{position:absolute;left:6px;top:52px;width:70px;height:75px;display:grid;place-items:center}.torch-art-xp-wrap .battle-art-icon{width:70px;height:75px}.torch-art-xp-wrap>b{position:absolute;color:#ffdf90;text-shadow:0 2px 1px #211100;font:900 21px Georgia,serif}.soul-art-balance{background:url(/img/warshards/battle-windows/brush-blue.webp) center/100% 100% no-repeat}.soul-art-balance.is-red{background-image:url(/img/warshards/battle-windows/brush-red.webp)}.battle-art-window>.wood-button--close{top:-50px;right:-48px}.battle-art-window:focus{outline:none}@media(max-width:760px){.battle-art-window>.wood-button--close{top:-46px;right:-32px}}@media(max-width:470px){.battle-art-window>.wood-button--close{top:-44px;right:-24px}}.development-window>.wood-button--close{right:-48px}@media(max-width:760px){.development-window>.wood-button--close{right:-32px}}@media(max-width:540px){.development-window>.wood-button--close{right:-20px;top:-40px}}