.ability-screen[data-board-view="2.5d"] .ability-grid :is(.ability-lava-tile,.ability-root-wall-tile,.ability-ice-field-tile){box-shadow:none}.ability-screen[data-board-view="2.5d"] .ability-grid :is(.ability-lava-tile__img,.ability-root-wall-tile__img,.ability-ice-field-tile__img){width:106%;height:116%;margin:-8% -3%;object-fit:fill;transform:none;filter:none;animation:none}.ability-screen[data-board-view="2.5d"] .ability-grid .ability-lava-tile:before,.ability-screen[data-board-view="2.5d"] .ability-grid .ability-lava-tile:after{content:none}@media(prefers-reduced-motion:no-preference){.ability-screen .player-piece.piece-time-driven{transition:translate .14s ease}.ability-screen .player-piece .piece-inner{transition:width .14s ease,height .14s ease}}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .ability-grid .player-piece:not(.piece-clone):not(.exploding)>.piece-contact-shadow{left:-5%;right:-5%;top:92%;height:32%;background:radial-gradient(ellipse,#000b 12%,#00101c66 48%,transparent 76%)}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .piece-red>.piece-contact-shadow{--contact-color: 239, 68, 68}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .piece-me>.piece-contact-shadow{--contact-color: 34, 197, 94}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .piece-contact-shadow:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(var(--contact-color, 59, 130, 246),.5);box-shadow:0 0 3px rgba(var(--contact-color, 59, 130, 246),.2)}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .ability-grid .player-piece:not(.piece-clone):not(.exploding):is(.piece-hidden,.piece-phased,.piece-cloaked,.piece-sun-chariot-active)>.piece-contact-shadow{display:none}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .ability-board-surface{--board-facing-y: 1.094636;transform:perspective(calc(var(--cell-size) * 18)) rotateX(24deg) scale(.94);transform-style:preserve-3d}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .ability-board-platform{inset:-29.11% -25.18% -33.12%!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="1"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena1-platform-silverstone-v1.webp)!important;background-size:101% 102.1%;background-position:center 23%}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="1"] .ability-grid.board-skin-arena1 .grid-cell{background-image:url(/ui/battle/board25d/tile.webp)!important;border-color:transparent}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="2"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena2-platform-matched-v2.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .ability-grid .obstacle-mark{inset:0;background:url(/ui/battle/board25d/obstacle.webp) center / 106% 116% no-repeat;border-radius:0;box-shadow:none}.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .ability-grid .obstacle-mark:before,.ability-screen.ability-battle-redesign[data-board-view="2.5d"] .ability-grid .obstacle-mark:after{content:none}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="3"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena3-platform-unified.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="4"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena4-platform-unified.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="5"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena5-platform-unified.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="6"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena6-platform-unified.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="7"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena7-platform-unified.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="8"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena8-platform-unified.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="9"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena9-platform-unified.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="10"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena10-platform-unified.webp)!important}.ability-screen.ability-battle-redesign[data-board-view="2.5d"][data-hud-arena="11"] .ability-board-platform{background-image:url(/ui/battle/board25d/arena11-platform-unified.webp)!important}.ability-blitz-webp-segment{position:absolute;pointer-events:none;filter:drop-shadow(0 0 2px #a855f7) drop-shadow(0 0 4px #a855f780);background:center / 100% auto no-repeat url(/ui/battle/electric-blitz/frame-01.webp);animation:electric-blitz-webp .9s steps(1,end) both,electric-blitz-envelope .9s linear both}@keyframes electric-blitz-webp{0%{background-image:url(/ui/battle/electric-blitz/frame-01.webp)}6%{background-image:url(/ui/battle/electric-blitz/frame-02.webp)}12%,32%,52%{background-image:url(/ui/battle/electric-blitz/frame-03.webp)}22%,42%,61%{background-image:url(/ui/battle/electric-blitz/frame-04.webp)}72%{background-image:url(/ui/battle/electric-blitz/frame-05.webp)}86%{background-image:url(/ui/battle/electric-blitz/frame-06.webp)}}@keyframes electric-blitz-envelope{0%{opacity:.45}12%,61%{opacity:1}72%{opacity:.65}86%{opacity:.3}to{opacity:0}}.ability-blitz-webp-segment.is-long{-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.ability-blitz-line.is-reduced .ability-blitz-webp-segment{background-image:url(/ui/battle/electric-blitz/frame-02.webp);animation:electric-blitz-soft-fade .9s ease-out both}@keyframes electric-blitz-soft-fade{0%{opacity:.65}to{opacity:0}}@media(prefers-reduced-motion:reduce){.ability-blitz-webp-segment{background-image:url(/ui/battle/electric-blitz/frame-02.webp);animation:electric-blitz-soft-fade .9s ease-out both}}@media(min-width:701px){.game-screen.ability-screen.ability-battle-redesign{max-width:1000px}}.game-screen.ability-screen.ability-battle-redesign{container:ability-battle / inline-size;background:linear-gradient(#0309161f,#0309164d),var(--battle-background, url(/ui/battle/arenas/arena1-background.webp)) center / cover;--ability-board-scale: .92;gap:6px}.ability-screen.ability-battle-redesign .ability-battle-header{display:grid;grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);gap:8px;flex-shrink:0}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel[data-hud-team=red]{grid-column:1;grid-row:1}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel[data-hud-team=blue]{grid-column:3;grid-row:1}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{grid-column:2;grid-row:1}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{height:88px;margin:0;padding:8px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 26px;gap:4px;border:1px solid transparent;background:linear-gradient(110deg,rgba(var(--hud-accent),.12),rgba(var(--hud-accent),.05) 58%,transparent),linear-gradient(#0b1b2eef,#04101eed);box-shadow:0 0 5px rgba(var(--hud-accent),.12),inset 0 1px #bfe1ff14;border-radius:5px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{--player-hud-frame: url(/ui/battle/hud-player-blue-v2.webp);--player-hud-frame-filter: none}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel[data-hud-team=red]{--player-hud-frame-filter: hue-rotate(160deg);background:linear-gradient(110deg,rgba(255,85,80,.12),rgba(255,85,80,.05) 58%,transparent),linear-gradient(#29171cee,#180f17ed)}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel:before{content:"";display:block;position:absolute;inset:-1px;border:18px solid transparent;border-image:var(--player-hud-frame) 128 / 18px / 0 stretch;filter:var(--player-hud-frame-filter);pointer-events:none;z-index:-1}.ability-screen.ability-battle-redesign .ability-battle-header .ability-hud-frame,.ability-screen.ability-battle-redesign .ability-self-panel>.ability-hud-frame{display:none}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-portrait{width:40px;height:40px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-identity{gap:6px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skills{gap:4px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{max-width:130px;justify-self:center}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill{width:32px;height:26px;min-height:0;padding:2px;display:grid;place-items:center;border:1px solid rgba(var(--hud-accent),.6);border-radius:6px;background:linear-gradient(#122c42,#071422);box-shadow:inset 0 1px #bee2ff1a}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill.is-hidden{border-color:#93a8c340;background:#07111ecc;box-shadow:none;color:#718092}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill.is-hidden .ability-opponent-panel-skill-icon{opacity:.65;text-shadow:none;filter:none}.ability-screen.ability-battle-redesign .ability-battle-header .nickname-btn{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating{color:#e3edf6;background:#030c17b3;border-color:rgba(var(--hud-accent),.4)}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-icon{font-size:24px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-name{display:none}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating-row{flex-wrap:nowrap;gap:3px;font-size:.65rem}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating-row>span{flex:0 1 auto;min-width:0}.ability-screen.ability-battle-redesign .ability-battle-header .nickname-btn{font-size:.85rem;line-height:1.15;min-height:0}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-name{min-height:0}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{grid-template-columns:1fr;grid-template-rows:16px minmax(0,1fr) 30px;height:88px;box-sizing:border-box;padding:7px 8px;min-height:0;border:1px solid rgba(104,200,255,.6);border-radius:12px;background:linear-gradient(#10243af5,#061321f5);box-shadow:0 0 5px #5ec2ff1f}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-stage strong{color:#b5d5e8;font-size:.76rem;font-variant-numeric:tabular-nums}.ability-screen.ability-battle-redesign .ability-round-role strong{font-weight:800;text-shadow:0 0 5px rgba(66,212,250,.35)}.ability-screen.ability-battle-redesign .ability-round-role .is-attack strong{text-shadow:0 0 5px rgba(255,105,125,.35)}.ability-screen.ability-battle-redesign .ability-round-time .timer-text{font-variant-numeric:tabular-nums;gap:.2rem;color:#e0e9f0}.ability-screen.ability-battle-redesign .ability-round-stage>svg,.ability-screen.ability-battle-redesign .ability-round-stage div>span,.ability-screen.ability-battle-redesign .ability-round-role div>span{display:none}.ability-screen.ability-battle-redesign .ability-round-role{border:0}.ability-screen.ability-battle-redesign .ability-round-role .ability-role-icon{display:none}.ability-screen.ability-battle-redesign .ability-round-time .timer-container{height:28px;display:grid;grid-template-rows:minmax(0,1fr) 3px;gap:4px;padding:0 3px 2px}.ability-screen.ability-battle-redesign .ability-round-time .timer-text{position:relative;top:auto;left:auto;transform:none;grid-row:1;justify-self:center;min-width:0;line-height:1}.ability-screen.ability-battle-redesign .ability-round-time svg{width:18px;height:18px;flex-shrink:0}.ability-screen.ability-battle-redesign .ability-round-time .timer-track{position:relative;left:auto;right:auto;bottom:auto;height:3px;grid-row:2}.ability-screen.ability-battle-redesign .ability-round-time .timer-text-beat{animation-name:ability-timer-second-critical}@keyframes ability-timer-second-critical{0%,to{transform:scale(1)}48%{transform:scale(1.08)}}.ability-screen.ability-battle-redesign .ability-round-time .timer-text{font-size:1.15rem}.ability-screen.ability-battle-redesign .ability-combat-area{gap:8px;padding-bottom:0}.ability-screen.ability-battle-redesign .gs-board-stage{gap:6px}.ability-screen.ability-battle-redesign .ability-combat-area .gs-grid-area{aspect-ratio:1;margin-top:auto}.ability-screen.ability-battle-redesign .ability-self-panel{margin-inline:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));height:72px;min-height:72px;padding:8px 12px;gap:4px;border:1px solid transparent;border-radius:5px;background:#040f1feb;box-shadow:0 0 6px #46beff26}.ability-screen.ability-battle-redesign .ability-self-panel:before{content:"";display:block;position:absolute;inset:-1px;border:14px solid transparent;border-image:url(/ui/battle/hud-player-blue-v2.webp) 128 / 14px / 0 stretch;pointer-events:none;z-index:-1}.ability-screen.ability-battle-redesign .ability-self-panel>.ability-path-points,.ability-screen.ability-battle-redesign .ability-self-panel>.ability-mana-panel{grid-column:1}.ability-screen.ability-battle-redesign .ability-self-panel .gs-path-gauge{height:6px}.ability-screen.ability-battle-redesign .ability-self-panel .gs-path-seg{height:6px;box-sizing:border-box}.ability-screen.ability-battle-redesign .ability-self-panel :is(.ability-path-points,.ability-mana-panel){width:100%;box-sizing:border-box;padding:0 0 0 2rem}.ability-screen.ability-battle-redesign .ability-self-panel .gs-path-gauge{width:100%;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;height:6px}.ability-screen.ability-battle-redesign .ability-self-panel .ability-path-points .gs-path-gauge{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.ability-screen.ability-battle-redesign .ability-self-panel .gs-path-seg{min-width:0;border-radius:3px}.ability-screen.ability-battle-redesign .ability-grid-shell{align-items:center;overflow:visible}.ability-screen.ability-battle-redesign .ability-board-surface{position:relative;flex:none;--board-facing-y: 1.051462;transform:perspective(calc(var(--cell-size) * 18)) rotateX(18deg) scale(.956);transform-origin:center}.ability-screen.ability-battle-redesign .ability-board-platform{position:absolute;inset:-10.6% -8.94% -12.68% -9.03%;background:url(/ui/battle/arenas/arena1-platform.webp) center / 100% 100% no-repeat;pointer-events:none}.ability-screen.ability-battle-redesign .ability-grid{transform:none;border-color:transparent;outline:none;box-shadow:0 7px #102337,0 10px #071320,0 16px 18px #00000059}.ability-screen.ability-battle-redesign .ability-grid:after{content:"";position:absolute;inset:-1px;box-sizing:border-box;border:2px solid rgba(255,255,255,.96);border-radius:2px;box-shadow:0 0 3px 1px rgb(var(--role-accent)),0 0 8px 2px rgba(var(--role-accent),.8),inset 0 0 2px rgba(var(--role-accent),.7);z-index:3;pointer-events:none}.ability-screen.ability-battle-redesign .ability-role-energy{position:absolute;inset:var(--role-laser-inset);z-index:3;pointer-events:none}.ability-screen.ability-battle-redesign .ability-role-energy>span{position:absolute;inset:0;background:var(--role-laser-image) center / 100% 100% no-repeat;animation:ability-laser-discharge 2.3s ease-in-out infinite;pointer-events:none}.ability-screen.ability-battle-redesign .ability-role-energy>span+span{transform:rotate(180deg);animation-duration:3.1s;animation-delay:-1.7s}@keyframes ability-laser-discharge{0%,to{opacity:.35}23%{opacity:.75}47%{opacity:.45}72%{opacity:.9}}@media(prefers-reduced-motion:reduce){.ability-screen.ability-battle-redesign .ability-role-energy>span{animation:none;opacity:.6}.ability-screen.ability-battle-redesign .ability-role-energy>span+span{display:none}}@media(max-width:700px){.ability-screen.ability-battle-redesign .ability-grid:after{border-width:1px}}.ability-screen.ability-battle-redesign[data-player-role=attack]{--role-accent: 255, 48, 28;--role-laser-image: url(/ui/battle/role-laser-attack.webp);--role-laser-inset: -15.8076% -15.1618% -15.9794% -15.5026%}.ability-screen.ability-battle-redesign[data-player-role=escape]{--role-accent: 28, 174, 255;--role-laser-image: url(/ui/battle/role-laser-escape.webp);--role-laser-inset: -16.8403% -14% -16.3194% -13.8333%}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{border-color:transparent;background:linear-gradient(rgba(var(--role-accent),.1),transparent),linear-gradient(#10243a,#061321);clip-path:polygon(12% 0,88% 0,100% 10%,100% 90%,88% 100%,12% 100%,0 90%,0 10%);border-radius:0;--status-hud-frame: url(/ui/battle/hud-status-escape.webp);--status-hud-filter: none}.ability-screen.ability-battle-redesign[data-player-role=attack] .ability-round-status{--status-hud-filter: hue-rotate(160deg)}.ability-screen.ability-battle-redesign[data-player-role=attack] .ability-round-status{background:linear-gradient(160deg,#ff464129,#821c281a),linear-gradient(#241521,#120e19)}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status:before{content:"";display:block;position:absolute;inset:0;background:var(--status-hud-frame) center / 100% 100% no-repeat;filter:var(--status-hud-filter);pointer-events:none;z-index:-1}@media(prefers-reduced-motion:reduce){.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{transition-duration:50ms}}.ability-screen.ability-battle-redesign .ability-grid .piece-skin-classic.piece-red .piece-inner{background:radial-gradient(ellipse at 31% 23%,#fff4f2 0%,#ffd0ce 7%,transparent 26%),radial-gradient(circle at 35% 30%,#ff9b9e,#ff4c61 46%,#ca203e 76%,#70172d)}.ability-screen.ability-battle-redesign .ability-grid .piece-skin-classic.piece-blue .piece-inner{background:radial-gradient(ellipse at 31% 23%,#f1fcff 0%,#c8f2ff 7%,transparent 26%),radial-gradient(circle at 35% 30%,#8bd8ff,#378cfc 46%,#204ec6 76%,#14275f)}.piece-contact-shadow{display:none}.ability-screen.ability-battle-redesign .player-piece:not(.piece-clone):not(.exploding)>.piece-contact-shadow{display:block;position:absolute;left:8%;right:8%;top:70%;height:34%;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(ellipse,#000b,#00101c66 40%,transparent 72%)}.ability-screen.ability-battle-redesign .ability-grid .piece-board-facing{z-index:2;transform:scaleY(var(--board-facing-y));transform-origin:center}.ability-screen.ability-battle-redesign .ability-grid :is(.ability-charge-float,.ability-heal-float,.ability-mana-float){scale:1 var(--board-facing-y)}.ability-projected-intro{position:absolute;inset:0;pointer-events:none;overflow:visible}.ability-projected-dim{animation:match-intro-dim-in .35s ease-out both}.match-intro-overlay.exiting .ability-projected-dim{animation:match-intro-dim-out .5s ease-in forwards}.ability-projected-tile-pulse{opacity:0;animation:ability-projected-pulse .65s ease-out}@keyframes ability-projected-pulse{35%{opacity:.8}}@media(prefers-reduced-motion:reduce){.ability-projected-tile-pulse{animation:none}}.ability-screen.ability-battle-redesign .gs-utility-bar{min-height:22px;height:22px;margin:0}.ability-screen.ability-battle-redesign .gs-lobby-btn{font-size:.7rem;height:22px;min-height:22px;min-width:0;padding:2px 10px;border-width:1px;border-color:#82c2eba6;background:#040f1fcc}.ability-screen.ability-battle-redesign .gs-lobby-btn>.ability-hud-frame{display:none}.ability-screen.ability-battle-redesign .ability-skill-panel{padding-block:7px;border:1px solid transparent;border-radius:5px;background:linear-gradient(#0b1b2eef,#04101eed);box-shadow:none}.ability-screen.ability-battle-redesign .ability-skill-panel:before{content:"";display:block;position:absolute;inset:-1px;border:10px solid transparent;border-image:url(/ui/battle/hud-player-blue-v2.webp) 128 / 10px / 0 stretch;pointer-events:none;z-index:-1}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn{border-radius:4px}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn:after{content:"";position:absolute;inset:0;border:6px solid transparent;border-image:url(/ui/battle/hud-player-blue.webp) 128 / 6px / 0 stretch;opacity:.25;pointer-events:none}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn:is(.is-selected,.is-active,.is-casting-flash,.is-pressing):after{opacity:.12}.ability-screen.ability-battle-redesign .ability-skill-panel>.ability-hud-frame{display:none}.ability-screen.ability-battle-redesign .ability-self-panel{background:linear-gradient(#0b1b2eef,#04101eed)}.ability-screen.ability-battle-redesign .ability-self-panel .gs-path-count :is(.gs-path-max,.gs-path-sep){color:#a8b7c9;opacity:1;text-shadow:none}.ability-screen.ability-battle-redesign .ability-self-panel .ability-path-points .gs-path-current{color:#86efac;opacity:1;text-shadow:none}.ability-screen.ability-battle-redesign .ability-self-panel .ability-mana-panel .gs-path-current{color:#93c5fd;opacity:1;text-shadow:none}.ability-screen.ability-battle-redesign .ability-self-panel .gs-path-seg:not(.filled){background:#081522;border-color:#84acc82e;box-shadow:none}.ability-screen.ability-battle-redesign .ability-path-points .gs-path-seg.filled{background:linear-gradient(#4ade80,#22c55e);border-color:#22c55e99;box-shadow:0 0 3px #22c55e40}.ability-screen.ability-battle-redesign .ability-mana-panel .gs-path-seg.filled:not(.preview-spend){background:linear-gradient(#60a5fa,#3b82f6);border-color:#3b82f699;box-shadow:0 0 3px #3b82f640}.ability-screen.ability-battle-redesign .ability-mana-panel .gs-path-seg:not(.filled):not([class*=preview-]){background:#061424;border-color:#1b324a}.ability-screen.ability-battle-redesign .ability-mana-panel .gs-path-seg.preview-spend{background:#19385c;border-color:#6ca9df;box-shadow:none}.ability-screen.ability-battle-redesign .ability-path-points{--resource-color: #22c55e}.ability-screen.ability-battle-redesign .ability-mana-panel{--resource-color: #3b82f6}.ability-screen.ability-battle-redesign .ability-self-panel .ability-gauge-icon{stroke:var(--resource-color)}.ability-screen.ability-battle-redesign .ability-self-panel .ability-gauge-icon [fill="#22baff"]{fill:var(--resource-color)}.ability-screen.ability-battle-redesign .ability-self-panel .mana-core-charging .gs-path-gauge{animation-name:ability-mana-blue-charge}@keyframes ability-mana-blue-charge{0%,to{box-shadow:none}25%{box-shadow:0 0 8px 2px #3b82f640}}.ability-screen.ability-battle-redesign .ability-skill-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn{grid-column:span 2}.ability-screen.ability-battle-redesign .ability-skill-buttons:has(>.ability-skill-btn:nth-child(2):last-child)>.ability-skill-btn:first-child{grid-column:2 / span 2}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn:only-child{grid-column:3 / span 2}.ability-screen.ability-battle-redesign .ability-grid:not([class*=board-skin-]){--tile: rgba(8, 29, 49, .82);--tile-hover: rgba(21, 58, 83, .9);--tile-border: rgba(100, 167, 201, .32);background:#03111f3d}.ability-screen.ability-battle-redesign .ability-grid:not([class*=board-skin-]) .grid-cell{border-radius:2px;background:linear-gradient(145deg,#1b354c,#12283b 38%,#0a192a);border-color:#69a4c880;box-shadow:inset 0 1px #c2e3fa2e,inset 1px 0 #8ac6e90f,inset 0 -2px 2px #00050f94}.ability-screen.ability-battle-redesign .ability-grid:not([class*=board-skin-]) .grid-cell:is(:hover,.is-hovered):not(.obstacle){background:linear-gradient(145deg,#254b63,#153549 48%,#102839);border-color:#7dd2f5b8}.ability-screen.ability-battle-redesign .ability-grid:not([class*=board-skin-]) .grid-cell.obstacle{background:radial-gradient(ellipse at 48% 38%,rgba(239,114,148,.22),transparent 72%),linear-gradient(145deg,#854052,#542b3c 48%,#291c2d);border-color:#ed91a9a6;box-shadow:inset 0 1px #ffcedc4d,inset 1px 0 #ffb7ca17,inset 0 -2px 2px #17040fa6}.ability-screen.ability-battle-redesign .ability-grid:not([class*=board-skin-]) .obstacle-mark{background:transparent;box-shadow:none}.ability-screen.ability-battle-redesign .ability-grid:not([class*=board-skin-]) .obstacle-mark:before,.ability-screen.ability-battle-redesign .ability-grid:not([class*=board-skin-]) .obstacle-mark:after{background:#ffcedc;box-shadow:0 0 4px #ff7c9e40}@media(max-width:700px){.game-screen.ability-screen.ability-battle-redesign{padding-inline:4px;overflow-y:auto;padding-top:calc(6px + env(safe-area-inset-top,0px))}.ability-screen.ability-battle-redesign .ability-battle-header{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);gap:4px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{grid-column:2;grid-row:1;grid-template-columns:1fr;height:92px;padding:7px 6px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{height:92px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 26px;padding:6px;gap:4px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-portrait{width:22px;height:22px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill{height:22px;width:24px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-icon{font-size:18px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{justify-self:center}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating{font-size:.65rem;padding:1px 4px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-rune-badge{font-size:inherit;padding:1px 2px}.ability-screen.ability-battle-redesign .ability-battle-header .nickname-btn{font-size:.72rem}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating-row{font-size:.58rem;flex-wrap:wrap;gap:2px;line-height:1.2}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating-row>span{flex:0 0 auto}.ability-screen.ability-battle-redesign .ability-round-status strong{font-size:.82rem}.ability-screen.ability-battle-redesign .ability-round-role strong{font-size:1.1rem;line-height:1.15}.ability-screen.ability-battle-redesign .ability-round-role .ability-role-icon{display:none}.ability-screen.ability-battle-redesign .ability-round-time .timer-text{font-size:.85rem}.ability-screen.ability-battle-redesign .ability-round-time svg{width:1rem;height:1rem}.ability-screen.ability-battle-redesign .gs-board-stage,.ability-screen.ability-battle-redesign .ability-combat-area{flex:1 0 auto;min-height:min-content}.ability-screen.ability-battle-redesign .ability-combat-area .gs-grid-area{flex:0 0 auto;width:100%}.ability-screen.ability-battle-redesign .ability-combat-area{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(12px,1fr) auto 24px auto;row-gap:0}.ability-screen.ability-battle-redesign .ability-combat-area .gs-grid-area{grid-row:2;margin:0}.ability-screen.ability-battle-redesign .ability-self-panel{grid-row:4}.ability-screen.ability-battle-redesign .ability-self-panel{height:62px;min-height:62px;padding:7px 10px}.ability-screen.ability-battle-redesign .ability-self-panel :is(.ability-path-points,.ability-mana-panel){padding-left:1.5rem}.ability-screen.ability-battle-redesign .ability-self-panel .gs-path-label{font-size:.68rem;color:#b6c8d8}.ability-screen.ability-battle-redesign .ability-self-panel .gs-path-count{font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.ability-screen.ability-battle-redesign .ability-battle-header .ability-rune-badge{color:#edf5ff;font-weight:700}}@media(max-width:700px)and (max-height:740px){.ability-screen.ability-battle-redesign .ability-combat-area{grid-template-rows:minmax(4px,1fr) auto 24px auto}}@media(max-width:380px){.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-portrait{display:none}}@media(min-width:701px)and (orientation:portrait){.ability-screen.ability-battle-redesign .ability-combat-area{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(12px,1fr) auto 24px auto;row-gap:0}.ability-screen.ability-battle-redesign .ability-combat-area .gs-grid-area{grid-row:2;width:100%;max-width:600px;margin:0 auto}.ability-screen.ability-battle-redesign .ability-self-panel{grid-row:4}}@media(min-width:900px){.app-outer--game .app-inner:has(>.ability-screen.ability-battle-redesign){max-width:1000px}.ability-screen.ability-battle-redesign .ability-combat-area .gs-grid-area{width:100%;max-width:600px;margin-inline:auto}.ability-screen.ability-battle-redesign :is(.ability-self-panel,.ability-skill-panel){width:100%;max-width:600px;box-sizing:border-box;align-self:center}}@container ability-battle (min-width: 760px){.ability-screen.ability-battle-redesign .ability-battle-header{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr)}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{grid-template-columns:minmax(0,1fr) 104px;grid-template-rows:minmax(0,1fr);align-items:center;gap:8px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-portrait{width:36px;height:36px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating-row{flex-wrap:wrap}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{grid-column:2;grid-row:1;justify-self:end}}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{height:108px;grid-template-columns:minmax(0,1fr);padding:9px;grid-template-rows:minmax(0,1fr) 28px;gap:7px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-identity{display:flex;align-items:center;gap:7px;min-width:0;width:100%}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-portrait{width:32px;height:32px;flex:0 0 32px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-name{min-width:0;gap:4px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating-row{flex-wrap:nowrap;align-items:center}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{justify-self:start;grid-column:1;grid-row:2}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{height:108px}@media(max-width:700px){.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{height:110px;padding:7px;gap:6px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-portrait{width:26px;height:26px;flex-basis:26px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-identity{gap:5px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{height:110px}}@media(max-height:600px){.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{height:88px;padding:6px;gap:4px;grid-template-rows:minmax(0,1fr) 26px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{height:88px}}@media(max-width:700px){.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating-row{font-size:min(.58rem,calc((100cqw - 4px) / var(--badge-units)))}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-rating{font-size:inherit}}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{grid-template-rows:minmax(0,1fr) 32px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{width:100%;max-width:104px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:none;margin:0}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill{box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;min-width:0;padding:2px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-icon{font-size:22px;line-height:1}@media(max-height:600px){.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{grid-template-rows:minmax(0,1fr) 26px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{max-width:86px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-icon{font-size:18px}}.ability-screen.ability-battle-redesign .ability-battle-header,.ability-screen.ability-battle-redesign .ability-self-panel,.ability-screen.ability-battle-redesign .ability-skill-panel{position:relative;z-index:10}.ability-screen.ability-battle-redesign .ability-combat-area .gs-grid-area{position:relative;z-index:0}.ability-screen.ability-battle-redesign .gs-utility-bar{z-index:20}@media(max-height:600px){.game-screen.ability-screen.ability-battle-redesign{overflow-y:auto}.ability-screen.ability-battle-redesign .gs-board-stage{flex:1 0 auto}.ability-screen.ability-battle-redesign .ability-combat-area{flex:1 0 auto;min-height:240px}.ability-screen.ability-battle-redesign .ability-combat-area .gs-grid-area{min-height:150px}}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill.is-empty{border-color:#93a8c333;background:#07111e73;box-shadow:none;color:#718092}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill.is-empty .ability-opponent-panel-skill-icon{opacity:.5;text-shadow:none;filter:none}.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{grid-template-rows:18px minmax(0,1fr) 32px;row-gap:4px;padding:8px 8px 10px}.ability-screen.ability-battle-redesign .ability-round-stage,.ability-screen.ability-battle-redesign .ability-round-role,.ability-screen.ability-battle-redesign .ability-round-time{min-height:0}.ability-screen.ability-battle-redesign .ability-round-time{width:100%}.ability-screen.ability-battle-redesign .ability-round-stage strong{display:block;line-height:1}.ability-screen.ability-battle-redesign .ability-round-role strong{display:block;line-height:1.15}.ability-screen.ability-battle-redesign .ability-round-time .timer-container{box-sizing:border-box;width:100%;height:32px;grid-template-rows:20px 3px;gap:5px;padding:0 2px 4px}.ability-screen.ability-battle-redesign .ability-round-time .timer-text{align-self:center}@media(max-width:700px){.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{padding-inline:6px}}@media(max-height:600px){.ability-screen.ability-battle-redesign .ability-battle-header .ability-round-status{grid-template-rows:16px minmax(0,1fr) 28px;row-gap:2px;padding-block:6px}.ability-screen.ability-battle-redesign .ability-round-time .timer-container{height:28px;grid-template-rows:18px 3px;gap:4px;padding-bottom:3px}}.ability-screen.ability-battle-redesign .ability-grid .grid-cell.is-hovered{outline:2px solid rgba(185,242,255,.9);outline-offset:-3px}.ability-screen.ability-battle-redesign .ability-grid :is(.ember-blast-effect,.inferno-spawn-effect,.ice-spawn-effect,.root-growth-effect){z-index:auto;overflow:visible}.ability-screen.ability-battle-redesign .ability-grid :is(.ember-blast-tile,.inferno-spawn-tile,.ice-spawn-tile,.root-growth-tile){overflow:visible}.board-fx-ground,.board-fx-air{position:absolute;inset:0;pointer-events:none}.ability-screen.ability-battle-redesign .board-fx-ground{z-index:2}.ability-screen.ability-battle-redesign .board-fx-air{z-index:var(--fx-depth, 11);scale:1 var(--board-facing-y);transform-origin:50% 80%}.ability-screen.ability-battle-redesign .ability-grid .player-piece:not(.piece-clone){z-index:var(--piece-depth, 10)}.ability-screen.ability-battle-redesign .ability-grid :is(.ember-blast-source,.ember-blast-jet-axis){z-index:2}.ability-screen.ability-battle-redesign .ability-grid :is(.nova-blast-star,.celestial-impact-star,.celestial-impact-fragments,.electric-blitz-sparks,.atomic-fission-particles,.trajectory-impact-sparks,.thunder-strike-impact-residue,.shadow-rush-shreds,.sun-chariot-impact-rays){scale:1 var(--board-facing-y);transform-box:fill-box;transform-origin:center}.ability-grid.visual-budget-reduced :is(.ember-blast-cinder:nth-of-type(n+3),.ice-spawn-crystal-b,.ice-spawn-shard,.inferno-spawn-embers,.root-growth-vine-b,.root-growth-leaf){display:none}@media(prefers-reduced-motion:reduce){.ability-grid .board-fx-air>:is(.ember-blast-cinder,.ice-spawn-shard,.inferno-spawn-embers,.root-growth-leaf){display:none}}.ability-grid.visual-budget-reduced :is(.electric-blitz-discharge-glow,.celestial-impact-fragments,.atomic-fission-particles,.trajectory-impact-sparks,.thunder-strike-impact-residue,.shadow-rush-shreds,.sun-chariot-impact-rays){display:none}.ability-screen.ability-battle-redesign .ability-skill-icon:has(.skill-thumbnail){filter:none}.ability-battle-header .skill-thumbnail{--skill-thumbnail-scale: .94}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel{container:player-hud / inline-size}.ability-player-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 32px;gap:5px;grid-row:1 / -1;width:100%;height:100%;min-width:0}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{max-width:131px;justify-self:start;align-self:end}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skills{grid-template-columns:minmax(0,1fr) 3px repeat(3,minmax(0,1fr));gap:3px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-rune-slot{position:relative;cursor:pointer;color:var(--rune-accent);border-color:color-mix(in srgb,var(--rune-accent),transparent 35%);transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease}.ability-rune-slot-icon{display:block;width:75%;height:75%;grid-area:1 / 1}.ability-rune-slot.is-empty .ability-rune-slot-icon{opacity:.4}.ability-rune-slot-count{position:absolute;bottom:-1px;right:-1px;min-width:12px;height:12px;padding:0 2px;box-sizing:border-box;display:grid;place-items:center;border-radius:4px;background:#071725;color:#c3ffdc;border:1px solid var(--rune-accent);font:800 9px/1 sans-serif}.ability-screen.ability-battle-redesign .ability-battle-header .ability-rune-slot.is-active{box-shadow:0 0 8px var(--rune-accent),inset 0 0 6px color-mix(in srgb,var(--rune-accent),transparent 60%)}@media(hover:hover){.ability-screen.ability-battle-redesign .ability-battle-header .ability-rune-slot:hover{border-color:#efffff;background:#173344}}.ability-screen.ability-battle-redesign .ability-battle-header .ability-rune-slot:is(:active,.is-touch-pressed){transform:scale(.94);border-color:#fff}.ability-rune-slot:focus-visible{outline:2px solid #e0faff;outline-offset:2px}.ability-rune-slot .ability-rune-notice{position:absolute;top:calc(100% + 5px);left:0;padding:4px 6px;border-radius:6px;background:#0b1423;color:#f1f5f9;font-size:10px;line-height:1.3;white-space:pre;pointer-events:none;z-index:40;animation:rune-notice 1.1s ease-out both}.ability-rune-tooltip{position:fixed;z-index:15000;width:260px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:10px 12px;border:1px solid var(--rune-accent);border-radius:8px;background:#071727f5;color:#e5f3ff;box-shadow:0 4px 16px #0008;font:12px/1.5 sans-serif;pointer-events:none}.ability-rune-tooltip strong,.ability-rune-tooltip span{display:block}.ability-rune-tooltip strong{color:var(--rune-accent);margin-bottom:4px}@container player-hud (min-width: 300px){.ability-player-layout{grid-template-columns:minmax(0,1fr) 151px;grid-template-rows:minmax(0,1fr);align-items:center;gap:12px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{grid-column:2;grid-row:1;max-width:151px;align-self:center;justify-self:end}}@media(max-height:600px){.ability-player-layout{grid-template-rows:minmax(0,1fr) 26px}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill-stack{max-width:108px}}@media(prefers-reduced-motion:reduce){.ability-rune-slot,.ability-rune-slot .ability-rune-notice{animation:none;transition:none}}.ability-battle-header .ability-opponent-panel-skills>:nth-child(2){grid-column:3}.ability-battle-header .ability-opponent-panel-skills>:nth-child(3){grid-column:4}.ability-battle-header .ability-opponent-panel-skills>:nth-child(4){grid-column:5}.arena-round-effects{position:absolute;inset:0;z-index:70;overflow:hidden;pointer-events:none;border-radius:inherit}.arena-round-effects svg{width:100%;height:100%;overflow:hidden}.arena-purge-wave{fill:#6dffa51a;stroke:#a4ffd4;stroke-width:.8;animation:arena-purge-wave .85s ease-out both}.arena-purge-tile{fill:#163f2ddd;stroke:#aaffce;stroke-width:1;animation:arena-purge-tile .85s ease-out both;transform-box:fill-box;transform-origin:center}.arena-portal{fill:#bb88ff30;stroke:#d0b3ff;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:arena-portal .85s ease-out both}.arena-portal.is-red{stroke:#ffb4bd}.arena-portal.is-blue{stroke:#9eeaff}.arena-portal.is-arrival{animation-direction:reverse}@keyframes arena-purge-wave{0%{r:1;opacity:1}to{r:142;opacity:0}}@keyframes arena-purge-tile{0%,20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}@keyframes arena-portal{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}@media(prefers-reduced-motion:reduce){.arena-purge-wave,.arena-purge-tile,.arena-portal{animation:none}.arena-purge-wave{display:none}}.arena-hazard-preview{position:absolute;inset:0;z-index:65;pointer-events:none}.arena-hazard-preview__tile{position:absolute;background:#ffc44824;border:1px dashed rgba(255,217,116,.75);box-sizing:border-box}.ability-current-arena{display:flex;align-items:center;gap:5px;min-width:0;font-size:.65rem;line-height:22px;color:#afc5d9}.ability-current-arena-number{flex-shrink:0;color:#d4eaff;font-weight:800;letter-spacing:.04em}.ability-current-arena-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill.is-casting-flash{opacity:1;border-color:var(--skill-category-color);box-shadow:0 0 8px var(--skill-category-color),inset 0 0 6px color-mix(in srgb,var(--skill-category-color),transparent 60%);z-index:3;transform-origin:center;animation:equipped-skill-cast 1.5s ease-out,equipped-skill-pop .3s ease-out}@keyframes equipped-skill-pop{0%,to{transform:scale(1)}40%{transform:scale(var(--equipped-skill-pop-scale, 1.12))}}@container player-hud (max-width: 200px){.ability-opponent-panel-skill{--equipped-skill-pop-scale: 1.08}}.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill.is-casting-flash :is(.ability-skill-icon,.ability-skill-name){animation:none}@keyframes equipped-skill-cast{0%,to{box-shadow:none}20%,45%{box-shadow:0 0 8px var(--skill-category-color),inset 0 0 6px color-mix(in srgb,var(--skill-category-color),transparent 60%)}}@media(prefers-reduced-motion:reduce){.ability-screen.ability-battle-redesign .ability-battle-header .ability-opponent-panel-skill.is-casting-flash{animation:none}}