.spotlight-selection{--selection-line: rgba(236, 224, 255, .16);--selection-purple: #b99bff;--selection-purple-strong: #7854d8;--selection-gold: #f2cf58;position:relative;isolation:isolate;height:clamp(34rem,calc(100dvh - var(--shell-viewport-offset)),52rem);min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(199,176,255,.25);border-radius:var(--radius-feature);color:var(--color-text);background:linear-gradient(105deg,#080a11fa 0,#080a11fa 31%,#0c0a14f0 55%,#070a10fa),var(--selection-arena) center / cover;box-shadow:0 30px 80px #00000075}.spotlight-selection:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(116deg,transparent 0 17%,rgba(185,155,255,.08) 17.1% 17.5%,transparent 17.6%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.018) 80px)}.selection-match-strip{z-index:4;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.38rem .55rem .38rem .85rem;border-bottom:1px solid var(--selection-line);background:#080a10e6}.selection-match-identity,.selection-match-actions{min-width:0;display:flex;align-items:center;gap:.6rem}.selection-match-identity strong{color:var(--selection-gold);font-family:var(--font-display);font-size:1rem;font-weight:400;letter-spacing:.07em}.selection-match-identity span{color:#aeb5c5;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.selection-match-identity span+span:before{content:"/";margin-right:.6rem;color:#565d6d}.selection-ready-count{color:#c8cddd;font-size:.68rem;font-weight:900;letter-spacing:.08em}.selection-ready-count strong{color:#fff;font-variant-numeric:tabular-nums}.selection-match-actions button,.selection-drawer-header button,.stand-compare-open,.stand-compare-mode>header button{min-height:38px;border:1px solid #474c5e;border-radius:4px;padding:.42rem .68rem;color:#e5e7ee;background:#191d28;font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.selection-chat-trigger{position:relative}.selection-chat-trigger>span{position:absolute;top:-.25rem;right:-.25rem;min-width:1.15rem;height:1.15rem;display:grid;place-items:center;border:2px solid #10131a;border-radius:50%;color:#100d04;background:var(--selection-gold);font-size:.6rem}.spotlight-selection-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:clamp(17rem,25vw,20.5rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"roster decision" "roster commit";gap:1px;background:var(--selection-line)}.stand-roster{grid-area:roster;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.55rem;padding:.7rem;background:#0e1018f5}.stand-roster>header{display:flex;justify-content:space-between;gap:.8rem;align-items:end}.stand-roster>header>div{min-width:0;display:grid;gap:.1rem}.stand-roster>header span,.stand-spotlight-dossier>header span,.stand-compare-mode>header span,.selection-drawer-header>div>span,.selection-rules-content section>span,.spotlight-passive>span,.spotlight-kit>header span,.spotlight-stats>header span{color:var(--selection-purple);font-size:.61rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.stand-roster h2{margin:0;color:#fff;font-size:1rem;line-height:1.1}.stand-roster>header>strong{color:#777f92;font-size:.7rem;font-variant-numeric:tabular-nums}.stand-roster-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.stand-roster-filters button{min-width:0;min-height:36px;border:1px solid transparent;border-radius:3px;padding:.25rem;color:#aeb4c4;background:#202431;font-size:.66rem;text-transform:uppercase}.stand-roster-filters button[aria-pressed=true]{border-color:var(--selection-purple);color:#fff;background:#33284b;box-shadow:inset 0 -2px 0 var(--selection-purple)}.stand-roster-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.35rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem}.stand-roster-grid>button{position:relative;min-width:0;min-height:68px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.45rem;overflow:hidden;border:1px solid #313646;border-radius:4px;padding:.3rem .35rem;color:#e8ebf4;background:#1f232feb;text-align:left}.stand-roster-grid>button:before{content:"";position:absolute;inset:auto 0 0;height:2px;scale:0 1;transform-origin:left;background:var(--selection-purple);transition:scale var(--duration-fast) var(--ease-out)}.stand-roster-grid>button.is-previewed{border-color:#9b7be9;color:#fff;background:linear-gradient(110deg,#3d2f5a,#26273a)}.stand-roster-grid>button.is-previewed:before{scale:1 1}.stand-roster-grid>button.is-locked{box-shadow:inset 0 0 0 1px var(--selection-gold)}.stand-roster-portrait{position:relative;width:48px;aspect-ratio:1;overflow:hidden;border-radius:2px;background:#11141c}.stand-roster-portrait img,.stand-roster-portrait .spotlight-art-fallback{width:100%;height:100%;object-fit:contain}.stand-roster-lock{position:absolute;inset:auto 0 0;padding:.08rem .15rem;color:#171204;background:var(--selection-gold);font-size:.48rem;font-weight:950;text-align:center;text-transform:uppercase}.stand-roster-copy{min-width:0;display:grid;gap:.17rem}.stand-roster-copy strong{overflow:hidden;font-size:.7rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.stand-roster-copy>span{overflow:hidden;color:#929bad;font-size:.51rem;font-weight:800;letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stand-roster-mark{color:#8a91a2;font-size:.7rem}.is-previewed .stand-roster-mark{color:var(--selection-gold)}.stand-roster-compare-hint{margin:0;padding:.45rem;border-left:2px solid var(--selection-gold);color:#d9d1ad;background:#2a2619;font-size:.68rem}.spotlight-selection-decision{grid-area:decision;min-width:0;min-height:0;overflow:hidden;background:#090a10d1}.stand-spotlight{position:relative;min-width:0;height:100%;display:grid;grid-template-columns:minmax(17rem,.88fr) minmax(23rem,1.12fr);overflow:hidden;background:radial-gradient(circle at 26% 42%,rgba(154,117,238,.22),transparent 34%),linear-gradient(110deg,#13121fe0,#0c0d15f5)}.stand-spotlight:after{content:"";position:absolute;z-index:3;inset:0 auto 0 44%;width:1px;rotate:8deg;background:linear-gradient(transparent,rgba(211,188,255,.46),transparent);pointer-events:none}.stand-spotlight-slice{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;pointer-events:none;clip-path:polygon(0 0,0 0,0 100%,0 100%);background:linear-gradient(108deg,transparent 34%,rgba(242,207,88,.26) 35% 38%,transparent 39%)}.stand-spotlight.is-locked .stand-spotlight-slice{animation:spotlight-lock-slice .42s var(--ease-out) both}.stand-spotlight-art{position:relative;min-width:0;min-height:0;display:grid;place-items:end center;overflow:hidden;animation:spotlight-art-enter .21s var(--ease-out) both}.stand-spotlight-art:after{content:"";position:absolute;inset:auto 0 0;height:26%;background:linear-gradient(transparent,#07080ddb);pointer-events:none}.stand-spotlight-art>img,.stand-spotlight-art>.spotlight-art-fallback{position:relative;z-index:1;width:96%;height:96%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 28px rgba(0,0,0,.62))}.stand-spotlight.is-locked .stand-spotlight-art>img{animation:spotlight-lock-advance .42s var(--ease-out) both}.stand-spotlight-art-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.stand-spotlight-art-backdrop span{width:max-content;color:#c7acff0e;font-family:var(--font-display);font-size:clamp(4rem,7.5vw,8rem);letter-spacing:.04em;rotate:-8deg;text-transform:uppercase;white-space:nowrap}.stand-spotlight-state{position:absolute;z-index:4;top:.8rem;left:0;padding:.32rem .7rem .32rem .9rem;border-left:1px solid var(--selection-purple);color:#f4efff;background:#161121e6;font-size:.64rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.is-locked .stand-spotlight-state{border-left-color:var(--selection-gold);color:#171204;background:var(--selection-gold)}.stand-spotlight-dossier{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.55rem;padding:1rem 1.15rem .85rem 1.35rem;animation:spotlight-copy-enter .22s 35ms var(--ease-out) both}.stand-spotlight-dossier>header{min-width:0;display:flex;align-items:start;justify-content:space-between;gap:.75rem}.stand-spotlight-dossier>header>div{min-width:0}.stand-spotlight-dossier h2,.stand-compare-mode h2{margin:.12rem 0 0;color:#fff;font-family:var(--font-display);font-size:clamp(1.9rem,3.8vw,4rem);font-weight:400;letter-spacing:.025em;line-height:.92;text-wrap:balance}.stand-spotlight-dossier>header p{max-width:48ch;margin:.5rem 0 0;color:#c9ceda;font-size:clamp(.74rem,1vw,.88rem);line-height:1.45}.stand-spotlight-tabs{display:flex;border-bottom:1px solid var(--selection-line)}.stand-spotlight-tabs button{min-height:40px;border-radius:0;padding:.35rem .8rem;color:#8f98aa;background:transparent;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.stand-spotlight-tabs button[aria-selected=true]{color:#fff;box-shadow:inset 0 -2px 0 var(--selection-purple)}.stand-spotlight-detail{min-height:0;overflow:auto;padding-right:.25rem}.spotlight-overview{display:grid;gap:.7rem}.spotlight-vitals{display:grid;grid-template-columns:.6fr .7fr 1.4fr;gap:1px;margin:0;background:var(--selection-line)}.spotlight-vitals>div{min-width:0;display:grid;gap:.2rem;padding:.52rem .6rem;background:#191b26f5}.spotlight-vitals dt,.spotlight-kit dt{color:#868fa2;font-size:.56rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.spotlight-vitals dd,.spotlight-kit dd{margin:0;color:#fff;font-size:.78rem;font-weight:900}.spotlight-strengths{display:flex;flex-wrap:wrap;gap:.35rem}.spotlight-strengths span{padding:.28rem .48rem;border:1px solid #58467b;border-radius:3px;color:#ded2fa;background:#271f36;font-size:.62rem;font-weight:850}.spotlight-passive{display:grid;gap:.15rem;padding:.62rem .7rem;border:1px solid rgba(185,155,255,.2);background:linear-gradient(90deg,#46326875,#191b25b3)}.spotlight-passive strong{color:#fff;font-size:.82rem}.spotlight-passive p,.spotlight-judgement p,.spotlight-stats>p{margin:0;color:#b8bfce;font-size:.69rem;line-height:1.45}.spotlight-judgement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.spotlight-judgement p{display:grid;gap:.2rem;padding:.55rem .62rem;border-top:1px solid #414757;background:#12141cc2}.spotlight-judgement strong{color:#e9eaf0;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.spotlight-kit,.spotlight-stats{display:grid;gap:.6rem}.spotlight-kit>header,.spotlight-stats>header{display:flex;justify-content:space-between;gap:1rem}.spotlight-kit>header strong,.spotlight-stats>header strong{color:#8f98aa;font-size:.62rem}.spotlight-kit ol{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.spotlight-kit li{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.55rem;padding:.55rem;border:1px solid #353a49;background:#181b24e0}.spotlight-ability-number{color:#5f6677;font-family:var(--font-display);font-size:1.25rem}.spotlight-ability-copy{min-width:0;display:grid;gap:.35rem}.spotlight-ability-copy>div:first-child{display:flex;justify-content:space-between;gap:.7rem}.spotlight-ability-copy>div:first-child strong{color:#fff;font-size:.77rem}.spotlight-ability-copy>div:first-child span{color:var(--selection-purple);font-size:.58rem;font-weight:850;text-transform:uppercase}.spotlight-ability-copy p{margin:0;color:#b5bdcb;font-size:.66rem;line-height:1.4}.spotlight-ability-copy dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin:0}.spotlight-ability-copy dl>div{display:grid;gap:.08rem}.spotlight-ability-bizarre{display:flex;flex-wrap:wrap;gap:.3rem}.spotlight-ability-bizarre span{padding:.16rem .3rem;border-left:2px solid #7555b5;color:#bcb1d6;background:#241e30;font-size:.55rem;text-transform:capitalize}.spotlight-stats dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;margin:0}.spotlight-stats dl>div{display:grid;grid-template-columns:minmax(0,1fr) 2.4fr;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid #343947}.spotlight-stats dt{color:#aeb5c4;font-size:.65rem}.spotlight-stats dd{display:grid;grid-template-columns:1.2rem 1fr;align-items:center;gap:.4rem;margin:0}.spotlight-stats dd strong{color:#fff;font-family:var(--font-display)}.spotlight-stats dd span{height:5px;background:linear-gradient(90deg,var(--selection-purple) calc((var(--rank) / 5) * 100%),#313643 0)}.spotlight-art-fallback{display:grid;place-items:center;align-content:center;gap:.2rem;border:1px solid #604a8c;color:#d7c8f8;background:linear-gradient(135deg,transparent 48%,rgba(185,155,255,.2) 49% 51%,transparent 52%),#201a2c}.spotlight-art-fallback span{font-size:.48rem;letter-spacing:.12em}.spotlight-art-fallback strong{font-family:var(--font-display);font-size:1.4rem}.selection-commit-bar{grid-area:commit;position:relative;z-index:6;min-width:0;min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,auto);align-items:center;gap:1rem;padding:.55rem .8rem .6rem 1rem;border-top:1px solid #4a3c64;background:linear-gradient(100deg,#171320,#20172f 62%,#17131e)}.selection-commit-copy{min-width:0;display:grid;gap:.08rem}.selection-commit-copy>span{color:var(--selection-purple);font-size:.59rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.selection-commit-copy>strong{overflow:hidden;color:#fff;font-size:.86rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.selection-commit-copy>small{overflow:hidden;color:#aab1c0;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.selection-commit-copy>p{margin:.15rem 0 0;color:#ffd7df;font-size:.65rem;line-height:1.35}.selection-commit-actions{display:flex;justify-content:end;gap:.45rem}.selection-lock-button{min-width:16rem;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:.8rem;overflow:hidden;border:1px solid #ffe58d;border-radius:3px;padding:.55rem .72rem .55rem .9rem;color:#171204;background:linear-gradient(110deg,#e8b82f,#ffdb62);box-shadow:0 9px 28px #edbb3229;text-align:left;text-transform:uppercase}.selection-lock-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-lock-button i{width:2rem;height:2rem;display:grid;place-items:center;background:#1712041f;font-size:1.1rem;font-style:normal}.selection-change-button{min-width:10rem;min-height:48px;border:1px solid #5d566e;border-radius:3px;color:#f0edf6;background:#282331;text-transform:uppercase}.selection-commit-bar.is-locked{border-top-color:#f2cf589e;background:linear-gradient(100deg,#211e13,#282318 62%,#17151b)}.selection-commit-bar.is-locked .selection-commit-copy>span,.selection-commit-bar.is-starting .selection-commit-copy>span{color:var(--selection-gold)}.selection-commit-bar.is-starting{background:linear-gradient(100deg,#1e170df0,#4d3612e0),var(--selection-arena) center / cover}.selection-start-progress{position:absolute;inset:auto 0 0;height:4px;overflow:hidden;background:#ffffff1f}.selection-start-progress i{display:block;width:100%;height:100%;transform-origin:left;background:var(--selection-gold)}.stand-compare-mode{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.65rem;overflow:hidden;padding:.85rem 1rem;background:linear-gradient(120deg,#191325f5,#0a0c12f5)}.stand-compare-mode>header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.stand-compare-mode h2{font-size:clamp(1.65rem,3vw,2.8rem)}.stand-compare-mode>header p,.stand-compare-heads article p,.stand-compare-empty p{margin:.25rem 0 0;color:#aeb5c4;font-size:.67rem;line-height:1.4}.stand-compare-heads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.stand-compare-heads article,.stand-compare-empty{min-width:0;display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:.65rem;padding:.55rem;border:1px solid #464052;background:#1b1c26e6}.stand-compare-heads article>div{grid-row:1 / 4;width:66px;aspect-ratio:.82;overflow:hidden;background:#11131a}.stand-compare-heads article img,.stand-compare-heads article .spotlight-art-fallback{width:100%;height:100%;object-fit:contain}.stand-compare-heads article>span{color:var(--selection-purple);font-size:.55rem;font-weight:900;text-transform:uppercase}.stand-compare-heads article>strong{color:#fff;font-size:.86rem}.stand-compare-empty{place-content:center;border-style:dashed;text-align:center}.stand-compare-empty>span{grid-row:1 / 4;color:#5a5168;font-family:var(--font-display);font-size:2rem}.stand-compare-table{min-height:0;overflow:auto;border-top:1px solid #433c50}.stand-compare-table>div{display:grid;grid-template-columns:8rem repeat(2,minmax(0,1fr));gap:.7rem;padding:.48rem .3rem;border-bottom:1px solid #333644}.stand-compare-table strong{color:#8f98aa;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase}.stand-compare-table span{color:#d8dce6;font-size:.65rem;line-height:1.38}.selection-drawer{width:min(31rem,calc(100vw - 1rem));height:100dvh;max-height:none;margin:0 0 0 auto;overflow:visible;border:0;border-left:1px solid #554769;padding:0;color:var(--color-text);background:#11131b;box-shadow:-28px 0 70px #0000007a}.selection-drawer::backdrop{background:#040509b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.selection-drawer>section{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.selection-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .9rem;border-bottom:1px solid #343747}.selection-drawer-header h2{margin:.1rem 0 0;color:#fff;font-family:var(--font-display);font-size:1.65rem;font-weight:400;letter-spacing:.04em}.selection-drawer-header button{min-width:56px;min-height:44px}.selection-drawer-content{min-height:0;overflow:auto;padding:.85rem}.selection-rules-content{display:grid;gap:.65rem}.selection-rules-content section{display:grid;gap:.25rem;padding:.75rem;border-top:1px solid #654d96;background:#1b1d27}.selection-rules-content section strong{color:#fff}.selection-rules-content section p,.selection-secrecy-note{margin:0;color:#b3bac9;font-size:.73rem;line-height:1.5}.selection-secrecy-note{display:grid;gap:.15rem;padding:.7rem;border:1px solid rgba(242,207,88,.34);color:#d6cfad;background:#242116}.selection-secrecy-note strong{color:var(--selection-gold);font-size:.65rem;text-transform:uppercase}.selection-fighter-list{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.selection-fighter-list li{min-width:0;min-height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem;border:1px solid #343846;background:#1b1e28}.selection-fighter-avatar{width:42px;aspect-ratio:1;display:grid;place-items:center;color:#141009;background:var(--selection-gold);font-family:var(--font-display);font-size:1.2rem}.selection-fighter-list li>div{min-width:0;display:grid;gap:.1rem}.selection-fighter-list li>div span{color:#8f98aa;font-size:.61rem;text-transform:uppercase}.selection-fighter-list li>div strong{overflow:hidden;color:#fff;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.selection-fighter-status{padding:.28rem .4rem;border-left:2px solid #777f91;color:#c4c9d4;background:#242834;font-size:.6rem;font-weight:900;text-transform:uppercase}.selection-fighter-status.ready,.selection-fighter-status.starting{border-left-color:var(--selection-gold);color:#f7eaae}.selection-fighter-status.disconnected{border-left-color:#ff6875;color:#ffd5d9}.selection-chat-drawer .selection-drawer-content,.selection-chat-drawer .chat-panel{min-height:0;height:100%}.selection-chat-drawer .selection-drawer-content{overflow:hidden}@keyframes spotlight-art-enter{0%{opacity:0;translate:-.45rem 0;clip-path:inset(0 14% 0 0)}to{opacity:1;translate:0 0;clip-path:inset(0)}}@keyframes spotlight-copy-enter{0%{opacity:0;translate:.35rem 0}to{opacity:1;translate:0 0}}@keyframes spotlight-lock-advance{45%{scale:1.025;filter:contrast(1.18) drop-shadow(0 20px 30px rgba(0,0,0,.66))}to{scale:1}}@keyframes spotlight-lock-slice{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}42%{clip-path:polygon(0 0,72% 0,58% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@media(max-width:1099px){.spotlight-selection{height:auto;min-height:calc(100dvh - var(--shell-viewport-offset));max-height:none}.spotlight-selection-workspace{grid-template-columns:1fr;grid-template-rows:minmax(25rem,58dvh) auto auto;grid-template-areas:"decision" "roster" "commit";padding-bottom:6rem}.stand-roster{grid-template-columns:12rem minmax(0,1fr);grid-template-rows:auto auto;align-items:center}.stand-roster>header{grid-column:1;grid-row:1}.stand-roster-filters{grid-column:1;grid-row:2}.stand-roster-grid{grid-column:2;grid-row:1 / 3;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,68px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.stand-roster-grid>button{width:9.8rem;scroll-snap-align:start}.stand-roster-compare-hint{grid-column:1 / -1}.selection-commit-bar{position:fixed;z-index:90;right:var(--shell-gutter);bottom:0;left:var(--shell-gutter);width:auto;box-sizing:border-box;box-shadow:0 -16px 38px #00000080}}@media(max-width:699px){.command-copy-button,.command-popover button{min-height:44px}.spotlight-selection{min-height:calc(100dvh - 6.4rem);border-right:0;border-left:0;border-radius:0}.selection-match-strip{min-height:46px;padding:.25rem .35rem}.selection-match-identity span:not(:last-child),.selection-match-actions>button:first-of-type{display:none}.selection-match-identity strong{font-size:.86rem}.selection-match-identity span:last-child{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-match-identity span:last-child:before{content:"";margin:0}.selection-ready-count{order:-1}.selection-match-actions{gap:.2rem}.selection-match-actions button{min-height:44px;padding:.32rem .42rem}.spotlight-selection-workspace{grid-template-rows:minmax(18.5rem,34dvh) auto auto;padding-bottom:calc(7.75rem + env(safe-area-inset-bottom))}.stand-spotlight{grid-template-columns:38% minmax(0,1fr)}.stand-spotlight:after{left:38%}.stand-spotlight-art>img,.stand-spotlight-art>.spotlight-art-fallback{width:118%;height:82%}.stand-spotlight-art-backdrop span{font-size:3.4rem}.stand-spotlight-state{top:.45rem;padding:.25rem .42rem;font-size:.53rem}.stand-spotlight-dossier{gap:.38rem;padding:.58rem .52rem .45rem .65rem}.stand-spotlight-dossier>header{gap:.3rem}.stand-spotlight-dossier h2{font-size:clamp(1.55rem,8vw,2.35rem)}.stand-spotlight-dossier>header p{display:-webkit-box;overflow:hidden;font-size:.68rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}.stand-compare-open{min-height:44px;padding:.3rem .4rem}.stand-spotlight-tabs button{min-width:44px;min-height:44px;padding:.3rem .5rem}.spotlight-vitals{grid-template-columns:repeat(3,minmax(0,1fr))}.spotlight-vitals>div{padding:.35rem}.spotlight-vitals dt{font-size:.48rem}.spotlight-vitals dd{font-size:.65rem}.spotlight-strengths,.spotlight-judgement{display:none}.spotlight-passive{padding:.42rem .5rem}.spotlight-passive p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.stand-roster{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.38rem;padding:.5rem}.stand-roster>header{grid-column:1;grid-row:1}.stand-roster-filters{grid-column:1;grid-row:2}.stand-roster-filters button{min-height:44px}.stand-roster-grid{grid-column:1;grid-row:3;grid-template-rows:62px;padding-bottom:.18rem}.stand-roster-grid>button{width:9.2rem;min-height:62px}.stand-roster-compare-hint{grid-row:4}.selection-commit-bar{right:0;left:0;grid-template-columns:1fr;gap:.35rem;padding:.5rem .55rem calc(.5rem + env(safe-area-inset-bottom))}.selection-commit-copy>small{white-space:normal}.selection-commit-actions,.selection-lock-button,.selection-change-button{width:100%}.selection-lock-button,.selection-change-button{min-width:0;min-height:52px}.stand-compare-mode{padding:.55rem}.stand-compare-heads article,.stand-compare-empty{grid-template-columns:46px minmax(0,1fr)}.stand-compare-heads article>div{width:46px}.stand-compare-heads article p,.stand-compare-mode>header p{display:none}.stand-compare-table>div{grid-template-columns:5.5rem repeat(2,minmax(8rem,1fr))}.stand-compare-table{overflow:auto}.selection-drawer{width:100vw;border-left:0}}@media(max-width:374px){.selection-match-strip{gap:.25rem}.selection-match-identity{flex:1 1 auto;gap:.25rem}.selection-match-identity strong{font-size:0}.selection-match-identity strong:after{content:attr(data-short);font-size:.8rem}.selection-match-identity span:last-child{max-width:4.8rem}.selection-match-actions{flex:0 0 auto;gap:.1rem}.selection-match-actions button{min-width:44px;padding-inline:.32rem;font-size:.62rem}}@media(max-width:340px){body:has(.spotlight-selection){min-width:0}.selection-match-identity span:last-child{display:none}.stand-compare-open{position:absolute;z-index:6;top:.4rem;right:.4rem}.stand-spotlight-dossier>header{padding-top:2.45rem}}@media(max-height:650px)and (min-width:700px){.spotlight-selection{height:calc(100dvh - 6rem);min-height:30rem}.stand-spotlight-dossier{padding-top:.65rem}.stand-spotlight-dossier h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){.stand-spotlight-art,.stand-spotlight-dossier,.stand-spotlight.is-locked .stand-spotlight-art>img,.stand-spotlight.is-locked .stand-spotlight-slice{animation-duration:80ms;animation-name:spotlight-opacity-only}.stand-roster-grid>button:before{transition-duration:0ms}}@keyframes spotlight-opacity-only{0%{opacity:0}to{opacity:1}}@media(forced-colors:active){.spotlight-selection,.stand-spotlight,.stand-roster,.selection-commit-bar,.selection-drawer{forced-color-adjust:auto;border:1px solid CanvasText;background:Canvas}.stand-roster-grid>button.is-previewed,.stand-roster-grid>button.is-locked,.stand-roster-filters button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-3px}.selection-lock-button,.selection-change-button{border:2px solid ButtonText}}@media(prefers-contrast:more){.spotlight-selection,.stand-roster-grid>button,.spotlight-kit li,.selection-drawer{border-color:#d8dbe3}.selection-match-identity span,.stand-roster-copy>span,.spotlight-passive p,.spotlight-judgement p{color:#f0f1f5}}@font-face{font-family:SF Fedora;font-style:normal;font-weight:400;src:url(/assets/font/SF%20Fedora.ttf) format("truetype")}:root{--font-display: "SF Fedora", Impact, sans-serif;--font-body: "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .78rem;--text-sm: .85rem;--text-md: 1rem;--text-lg: 1.35rem;--color-canvas: #10131a;--color-canvas-deep: #090b10;--color-ink: #07101c;--color-surface: rgba(19, 24, 34, .92);--color-surface-solid: #131822;--color-surface-raised: #171c27;--color-surface-emphasis: #181e2a;--color-control: #252d3f;--color-control-hover: #2a3142;--color-track: #2a3140;--color-border: #2d3547;--color-border-strong: #30384a;--color-border-interactive: #596179;--color-text: #f5f7fb;--color-text-strong: #ffffff;--color-text-soft: #d8deea;--color-text-muted: #aeb7c8;--color-text-subtle: #8f99ad;--color-action: #f1c84b;--color-brand: #f7d154;--color-focus: #8db8ff;--color-error: #8c1d34;--color-error-text: #ffe9ec;--color-team-self: #4aa3ff;--color-team-enemy: #ff4f5e;--color-team-ally: #54f0a4;--color-stand: #8b84ff;--color-objective: #f6cf4f;--color-momentum: #a985ff;--color-momentum-soft: #d8c3ff;--space-1: .25rem;--space-2: .45rem;--space-3: .5rem;--space-4: .65rem;--space-5: .75rem;--space-6: 1rem;--space-7: 1.25rem;--space-8: 2rem;--space-9: 2.5rem;--layout-gap: var(--space-6);--panel-padding: var(--space-6);--shell-gutter: var(--space-3);--layout-max: 105rem;--shell-viewport-offset: 7.5rem;--board-viewport-offset: 9rem;--radius-sm: 6px;--radius-control: 7px;--radius-surface: 12px;--radius-card: 14px;--radius-feature: 16px;--radius-pill: 999px;--shadow-surface: 0 18px 50px rgba(0, 0, 0, .18);--shadow-raised: 0 24px 60px rgba(0, 0, 0, .42);--duration-fast: .16s;--duration-standard: .22s;--ease-out: cubic-bezier(.16, 1, .3, 1);color:var(--color-text);background:var(--color-canvas);color-scheme:dark;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}.preset-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;min-width:0;margin:0;padding:0;border:0}.preset-picker legend,.arena-map-picker h3,.fate-break-editor h3{margin:0 0 .55rem;color:var(--color-text-strong);font-size:var(--text-sm);font-weight:900}.preset-card{min-width:0;min-height:8.6rem;display:flex;flex-direction:column;align-items:stretch;gap:.7rem;padding:.9rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-card);color:var(--color-text-soft);background:var(--color-surface-raised);text-align:left;box-shadow:0 12px 30px #00000026;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.preset-card.selected{border-color:#f6cf4fc7;color:#fff6d0;background:#252317}.preset-card-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.preset-card-heading strong{color:var(--color-text-strong);font-size:1rem}.preset-card-heading small{border-radius:var(--radius-pill);padding:.22rem .45rem;color:#181404;background:var(--color-objective);font-size:.66rem;font-weight:900;text-transform:uppercase}.preset-promises{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}.preset-promises i{border:1px solid rgba(246,207,79,.28);border-radius:var(--radius-pill);padding:.2rem .42rem;color:#fceca8;font-size:.68rem;font-style:normal;font-weight:850}.arena-map-picker{display:grid;gap:.75rem;min-width:0}.arena-map-picker>header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.arena-map-picker h3{margin-bottom:.2rem}.arena-map-picker p,.arena-map-summary span{margin:0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.45}.arena-map-picker>header>span{flex:0 0 auto;color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:800}.arena-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:19rem;overflow:auto;padding:.12rem .25rem .12rem .12rem}.arena-map-option{position:relative;min-width:0;min-height:5.1rem;display:grid;grid-template-columns:4.75rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.45rem;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-surface);color:var(--color-text);background:#11151e;text-align:left;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.arena-map-option img{width:4.75rem;height:4.1rem;object-fit:cover;border-radius:8px;filter:saturate(.82) brightness(.82)}.arena-map-option>span{min-width:0;display:grid;gap:.22rem}.arena-map-option strong,.arena-map-option small{overflow:hidden;text-overflow:ellipsis}.arena-map-option strong{color:var(--color-text-strong);font-size:.78rem;white-space:nowrap}.arena-map-option small{color:var(--color-text-subtle);font-size:.66rem;line-height:1.3}.arena-map-option>i{width:.8rem;aspect-ratio:1;border:2px solid var(--color-border-interactive);border-radius:50%}.arena-map-option.selected{border-color:var(--arena-accent)}.arena-map-option.selected img{filter:saturate(1.05) brightness(.95)}.arena-map-option.selected>i{border:3px solid #11151e;background:var(--arena-accent);box-shadow:0 0 0 2px var(--arena-accent)}.arena-map-summary{display:grid;gap:.35rem;padding:.75rem 0;border-top:1px solid var(--color-border)}.arena-map-summary>strong{color:var(--color-text-strong)}.arena-map-summary ul{display:flex;flex-wrap:wrap;gap:.35rem;margin:.2rem 0 0;padding:0;list-style:none}.arena-map-summary li{border-radius:var(--radius-pill);padding:.24rem .45rem;color:#ffdda1;background:#302418;font-size:.67rem;font-weight:800}.selection-arena-context{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(22rem,1.2fr);gap:1rem;padding:1rem;overflow:hidden;border-radius:var(--radius-feature);background:#10141d;box-shadow:0 18px 44px #0000003d}.selection-arena-context:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#07090ef0,#07090eb3),var(--arena-preview);background-position:center;background-size:cover}.selection-arena-context>div{display:grid;align-content:center;gap:.25rem}.selection-arena-context>div>span{color:var(--color-objective);font-size:var(--text-xs);font-weight:900;text-transform:uppercase}.selection-arena-context>div>strong{color:var(--color-text-strong);font-family:var(--font-display);font-size:clamp(1.55rem,3vw,2.35rem);font-weight:400;letter-spacing:-.02em}.selection-arena-context p{max-width:54ch;margin:0;color:var(--color-text-soft);line-height:1.5}.selection-arena-context ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.selection-arena-context li{display:grid;align-content:center;gap:.25rem;min-width:0;padding:.75rem;border:1px solid rgba(246,207,79,.22);border-radius:var(--radius-surface);background:#0d1017d1}.selection-arena-context li strong{color:#ffe98e}.selection-arena-context li span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.objective-ribbon{position:relative;z-index:20;display:grid;grid-template-columns:minmax(9rem,auto) minmax(16rem,1fr) minmax(11rem,auto) auto;align-items:stretch;gap:1px;overflow:visible;border:1px solid rgba(246,207,79,.3);border-radius:var(--radius-card);background:#342d17;box-shadow:0 14px 34px #0003}.objective-ribbon>div{min-width:0;padding:.72rem .85rem;background:#171711}.objective-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;border-radius:var(--radius-card) 0 0 var(--radius-card);font-variant-numeric:tabular-nums}.objective-score span{color:#cfc6a1;font-size:.65rem;font-weight:900;text-transform:uppercase}.objective-score span:last-child{text-align:right}.objective-score strong{color:#fff4bb;font-family:var(--font-display);font-size:1.6rem;font-weight:400;letter-spacing:-.02em}.objective-score strong i{padding:0 .28rem;color:#7e7450;font-style:normal}.objective-holder{display:flex;align-items:center;gap:.7rem}.relic-icon{flex:0 0 auto;width:1.7rem;fill:var(--color-objective);filter:drop-shadow(0 4px 5px rgba(0,0,0,.38))}.objective-holder>div,.objective-event{min-width:0;display:grid;align-content:center;gap:.18rem}.objective-holder strong,.objective-event strong{overflow:hidden;color:var(--color-text-strong);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.objective-holder span,.objective-event span{color:#bfb89e;font-size:.66rem}.objective-event{border-radius:0}.bizarre-rules{position:relative;min-width:5rem;border-radius:0 var(--radius-card) var(--radius-card) 0;background:#171711}.bizarre-rules summary{height:100%;display:grid;place-items:center;padding:.65rem;color:#fff0aa;font-size:.72rem;font-weight:900;cursor:pointer;list-style:none}.bizarre-rules summary::-webkit-details-marker{display:none}.bizarre-rules-panel{position:absolute;z-index:50;top:calc(100% + .55rem);right:0;width:min(32rem,calc(100vw - 2rem));max-height:min(70vh,42rem);display:grid;gap:1rem;overflow:auto;padding:1rem;border:1px solid rgba(246,207,79,.34);border-radius:var(--radius-card);color:var(--color-text);background:#12150f;box-shadow:0 24px 60px #00000085;animation:bizarre-panel-in var(--duration-standard) var(--ease-out) both}@keyframes bizarre-panel-in{0%{opacity:0;transform:translateY(-2%)}to{opacity:1;transform:translateY(0)}}.bizarre-rules-panel h3,.bizarre-rules-panel h4,.bizarre-rules-panel p{margin:0}.bizarre-rules-panel header,.bizarre-rules-panel section{display:grid;gap:.35rem}.bizarre-rules-panel h3{font-family:var(--font-display);font-size:1.5rem;font-weight:400}.bizarre-rules-panel h4{color:#ffe98f;font-size:.82rem}.bizarre-rules-panel p,.bizarre-rules-panel li span{color:#c9c5b3;font-size:var(--text-xs);line-height:1.5}.bizarre-rules-panel ul{display:grid;gap:.5rem;margin:.3rem 0 0;padding:0;list-style:none}.bizarre-rules-panel li{display:grid;gap:.12rem;padding-top:.45rem;border-top:1px solid rgba(246,207,79,.14)}.bizarre-now{display:grid;gap:.22rem;margin:.75rem 0 0;padding:.75rem;border:1px solid rgba(246,207,79,.24);border-radius:var(--radius-surface);background:#211f14}.bizarre-now.danger{border-color:#ff4f5e75;background:#2a171b}.bizarre-now>span{color:#cdbf82;font-size:.63rem;font-weight:900;text-transform:uppercase}.bizarre-now strong{color:var(--color-text-strong);font-size:.8rem}.bizarre-now p{margin:0;color:#c9c5b3;font-size:.72rem;line-height:1.45}.bizarre-first-guide{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(28rem,2fr) auto;align-items:center;gap:1rem;padding:.8rem .9rem;border:1px solid rgba(169,133,255,.34);border-radius:var(--radius-card);background:linear-gradient(100deg,#1b1724,#15171d)}.bizarre-first-guide>div{display:grid;gap:.15rem}.bizarre-first-guide>div>span,.bizarre-receipt span{color:#cdb8f1;font-size:.64rem;font-weight:900;text-transform:uppercase}.bizarre-first-guide>div>strong{color:var(--color-text-strong);font-size:.78rem;line-height:1.35}.bizarre-first-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none}.bizarre-first-guide li{display:flex;align-items:center;gap:.45rem;min-width:0}.bizarre-first-guide li>i{flex:0 0 auto;width:1.55rem;height:1.55rem;display:grid;place-items:center;border:1px solid #765ea4;color:#f4ebff;background:#292036;font-size:.68rem;font-style:normal;font-weight:900}.bizarre-first-guide li>span{min-width:0;display:grid;color:#bcb5c6;font-size:.63rem;line-height:1.3}.bizarre-first-guide li strong{overflow:hidden;color:#f4effa;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.bizarre-first-guide>button{min-height:2.45rem;padding:.55rem .8rem;border:1px solid #8e73bd;color:#f2e8ff;background:#352747}.bizarre-receipt{display:grid;grid-template-columns:.45rem minmax(0,1fr) auto;align-items:stretch;gap:.75rem;overflow:hidden;padding:.72rem .75rem .72rem 0;border:1px solid rgba(169,133,255,.34);border-radius:var(--radius-card);background:#17151d;box-shadow:0 14px 34px #00000038;animation:bizarre-receipt-in var(--duration-standard) var(--ease-out) both}.bizarre-receipt>i{background:var(--color-momentum)}.bizarre-receipt.objective>i{background:var(--color-objective)}.bizarre-receipt.danger>i{background:var(--color-danger)}.bizarre-receipt.combo>i{background:#7de3c2}.bizarre-receipt.fate>i{background:#d8c3ff}.bizarre-receipt>div{display:grid;gap:.15rem}.bizarre-receipt strong{color:var(--color-text-strong);font-size:.82rem}.bizarre-receipt p{margin:0;color:#c5bfce;font-size:.7rem;line-height:1.4}.bizarre-receipt>button{align-self:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #534c60;border-radius:50%;color:#d8d1df;background:transparent;font-size:1.15rem}@keyframes bizarre-receipt-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}.arena-consequence{display:grid;gap:.16rem;margin:.55rem 0 0;padding:.62rem .7rem;border-left:3px solid #5f6572;color:#c9c5cf;background:#080b106b;font-size:.68rem;line-height:1.38}.arena-consequence strong{color:#f0edf3;font-size:.7rem}.arena-consequence.objective{border-color:var(--color-objective)}.arena-consequence.danger{border-color:var(--color-danger)}.arena-consequence.fate{border-color:var(--color-momentum)}.momentum-meter{display:grid;gap:.28rem;margin-top:.55rem}.momentum-label{display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:#d8c3ff;font-size:.64rem;font-weight:900;text-transform:uppercase}.momentum-label strong{color:#f5edff;font-variant-numeric:tabular-nums}.momentum-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.momentum-track>i{position:relative;height:.38rem;overflow:hidden;border:1px solid #55436e;border-radius:2px;background:#211a2b}.momentum-track>i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-momentum);transform:scaleX(var(--momentum-fill));transform-origin:left;transition:transform var(--duration-standard) var(--ease-out)}.momentum-meter.ready .momentum-label{color:#f5eaff}.momentum-meter.ready .momentum-track>i:before{background:#d8c3ff}.momentum-meter.spent .momentum-track>i:before{transform:scaleX(0)}.momentum-meter.spent .momentum-track>i{border-style:dashed;border-color:#6e647a;background:transparent}.momentum-meter.compact .momentum-label{font-size:.58rem}.relic-status-chip{color:#1d1804!important;background:var(--color-objective)!important}.style-opportunity{display:grid;grid-template-columns:auto 1fr;gap:.35rem;margin:.7rem 0 0;padding-top:.65rem;border-top:1px solid rgba(169,133,255,.22);color:#d8cbed;font-size:.72rem;line-height:1.45}.style-opportunity strong{color:#d8c3ff;text-transform:uppercase}.style-opportunity.chain strong{color:#f0e7ff}.style-opportunity.repeat strong{color:#ffce89}.fate-break-editor{display:grid;gap:.75rem;margin-top:.75rem;padding:.8rem;border:1px solid rgba(169,133,255,.48);border-radius:var(--radius-card);background:#1d1728;box-shadow:0 16px 38px #00000038;animation:fate-editor-in var(--duration-standard) var(--ease-out) both}@keyframes fate-editor-in{0%{opacity:0;transform:translateY(2%)}to{opacity:1;transform:translateY(0)}}.fate-break-editor>header{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.fate-break-editor h3{margin-bottom:.2rem}.fate-break-editor p{margin:0;color:#c7b8db;font-size:.7rem;line-height:1.4}.fate-break-editor>header>span{flex:0 0 auto;border-radius:var(--radius-pill);padding:.24rem .45rem;color:#251539;background:#d8c3ff;font-size:.64rem;font-weight:900}.fate-break-choices,.fate-break-detail.ability-options{display:grid;gap:.45rem}.fate-break-choices button,.fate-break-detail.ability-options button{display:grid;gap:.22rem;padding:.7rem;border:1px solid #514267;color:var(--color-text);background:#262032;text-align:left}.fate-break-choices button.selected,.fate-break-detail.ability-options button[aria-pressed=true]{border-color:#c4a6ff;color:#fff;background:#37274c}.fate-break-choices button span,.fate-break-detail.ability-options button span{color:#c4b8d2;font-size:.68rem;line-height:1.4}.fate-break-detail{display:grid;gap:.18rem;padding-top:.65rem;border-top:1px solid rgba(169,133,255,.22);color:#f1eaff;font-size:.72rem}.fate-break-detail>span{color:#bdafca;line-height:1.4}.keyboard-tile-grid button.is-fate{box-shadow:inset 0 0 0 2px #a985ff}@media(hover:hover)and (pointer:fine){.preset-card:hover,.arena-map-option:hover{transform:translateY(-2px)}}@media(max-width:980px){.selection-arena-context{grid-template-columns:1fr}.objective-ribbon{grid-template-columns:minmax(8rem,auto) 1fr auto}.objective-event{grid-column:1 / 3;border-radius:0 0 0 var(--radius-card)}.bizarre-rules{grid-column:3;grid-row:1 / 3}.bizarre-first-guide{grid-template-columns:1fr auto}.bizarre-first-guide ol{grid-column:1 / -1;grid-row:2}}@media(max-width:700px){.preset-picker,.arena-map-grid,.selection-arena-context ol{grid-template-columns:1fr}.arena-map-grid{max-height:23rem}.objective-ribbon{position:sticky;top:.4rem;grid-template-columns:minmax(7rem,auto) 1fr auto}.objective-ribbon>div{padding:.6rem}.objective-holder span,.objective-score span{display:none}.objective-holder strong,.objective-event strong{font-size:.7rem}.bizarre-rules-panel{position:fixed;top:auto;right:.5rem;bottom:.5rem;left:.5rem;width:auto;max-height:78vh}.fate-break-editor>header{flex-direction:column}.bizarre-first-guide{grid-template-columns:1fr auto;gap:.7rem}.bizarre-first-guide ol{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bizarre-rules-panel,.fate-break-editor,.bizarre-receipt{animation:none}.preset-card,.arena-map-option,.momentum-track>i:before{transition:none}}*{box-sizing:border-box}::selection{color:var(--color-canvas);background:var(--color-brand)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}*{scrollbar-color:var(--color-border-interactive) var(--color-surface-raised);scrollbar-width:thin}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(60,97,160,.24),transparent 34rem),linear-gradient(135deg,var(--color-canvas) 0%,#181b24 52%,#16111a 100%)}button,input{font:inherit}code{overflow-wrap:anywhere;color:var(--color-text-soft);font-size:var(--text-sm)}button{border:0;border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-action);padding:var(--space-5) var(--space-6);font-weight:800;cursor:pointer;transition:filter var(--duration-fast) ease,opacity var(--duration-fast) ease,translate var(--duration-fast) ease}button:hover:not(:disabled){filter:brightness(1.07)}button:active:not(:disabled){translate:0 1px}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:var(--color-text);background:var(--color-control-hover)}input{width:100%;border:1px solid var(--color-border-interactive);border-radius:var(--radius-control);color:var(--color-text-strong);background:#141925;padding:.8rem .9rem;outline:none;caret-color:var(--color-brand);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}input:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px #8db8ff29}input::placeholder{color:var(--color-text-subtle);opacity:1}input[type=range]{height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--radius-pill);background:var(--color-track);padding:0;box-shadow:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--color-surface-solid);border-radius:var(--radius-pill);background:var(--color-action);box-shadow:0 2px 8px #0000006b}input[type=range]::-moz-range-track{height:4px;border:0;border-radius:var(--radius-pill);background:var(--color-track)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:3px solid var(--color-surface-solid);border-radius:var(--radius-pill);background:var(--color-action);box-shadow:0 2px 8px #0000006b}input[type=file]{padding:var(--space-2);color:var(--color-text-muted)}input[type=file]::file-selector-button{min-height:36px;margin-right:var(--space-4);border:0;border-radius:var(--radius-control);padding:var(--space-3) var(--space-5);color:var(--color-text);background:var(--color-control-hover);font:inherit;font-weight:800;cursor:pointer}input[type=file]::file-selector-button:hover{filter:brightness(1.08)}[aria-busy=true]{cursor:progress}button[aria-busy=true]{position:relative;padding-right:2.6rem}button[aria-busy=true]:disabled{opacity:.85}button[aria-busy=true]:after{content:"";position:absolute;top:50%;right:.9rem;width:.85rem;aspect-ratio:1;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-pill);translate:0 -50%;animation:ui-spin .7s linear infinite}.ui-tooltip{width:max-content;max-width:min(32ch,calc(100vw - 2rem));padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-solid);box-shadow:0 10px 28px #00000061;font-size:var(--text-xs);line-height:1.4}@keyframes ui-spin{to{rotate:360deg}}.app-shell{position:relative;width:min(var(--layout-max),calc(100vw - (var(--shell-gutter) * 2)));margin:0 auto;padding:var(--space-5) 0 var(--space-6)}.skip-link{position:fixed;z-index:150;top:var(--space-5);left:var(--space-5);padding:var(--space-4) var(--space-6);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-brand);box-shadow:var(--shadow-surface);font-weight:900;text-decoration:none;translate:0 calc(-100% - var(--space-8));transition:translate var(--duration-fast) var(--ease-out)}.skip-link:focus-visible{translate:0 0}.phase-focus-target{min-width:0}.phase-focus-target:focus:not(:focus-visible){outline:none}.command-bar{position:relative;z-index:50;display:grid;grid-template-columns:minmax(210px,.72fr) minmax(280px,1fr) auto;align-items:center;gap:var(--space-6);min-height:72px;margin-bottom:var(--layout-gap);padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);background:#0d1119;box-shadow:0 12px 36px #00000047}.brand-lockup,.command-context,.command-actions{min-width:0}.brand-lockup h1,.brand-lockup p,.panel h2,.stand-card h4{margin:0}.brand-lockup h1{position:relative;overflow:hidden;color:var(--color-text);font-family:var(--font-display);font-size:clamp(2rem,2.6vw,3.1rem);line-height:.86;text-overflow:ellipsis;white-space:nowrap}.brand-lockup p{margin-top:var(--space-1);overflow:hidden;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.command-context,.command-actions{display:flex;align-items:center;gap:var(--space-3)}.command-context{justify-content:center;overflow:hidden}.command-actions{justify-content:flex-end}.panel h2,.stand-card h4{font-family:var(--font-body)}.muted{color:var(--color-text-muted)}.phase-chip,.round-chip,.command-room{display:inline-flex;align-items:center;min-height:34px;flex:0 0 auto;border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:850}.phase-chip,.round-chip{gap:var(--space-3);padding:0 var(--space-4)}.phase-chip i{width:7px;aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-brand);box-shadow:0 0 0 4px #f7d1541a}.command-room{max-width:min(100%,260px);overflow:hidden;border:1px solid var(--color-border-strong)}.command-room>span{padding-left:var(--space-4);color:var(--color-text-subtle)}.command-room strong{min-width:0;padding-inline:var(--space-3);overflow:hidden;color:var(--color-brand);font-variant-numeric:tabular-nums;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap}.command-copy-button{align-self:stretch;min-width:58px;border-radius:0;padding:0 var(--space-4);color:var(--color-text-soft);background:var(--color-control);font-size:var(--text-xs)}.copy-button{padding:var(--space-4) .85rem;color:var(--color-text);background:var(--color-control-hover)}.copy-button[aria-pressed=true]{color:var(--color-canvas);background:var(--color-action)}.command-copy-button[data-copy-state=copied],.copy-button[data-copy-state=copied]{color:#bdf9d7;background:#54f0a41f}.lobby-copy-button[data-copy-state=copied]{color:var(--color-canvas-deep);background:var(--color-team-ally)}.command-copy-button[data-copy-state=failed],.copy-button[data-copy-state=failed],.lobby-copy-button[data-copy-state=failed]{color:var(--color-error-text);background:var(--color-error)}.command-menu{position:relative}.command-menu summary{list-style:none}.command-menu summary::-webkit-details-marker{display:none}.command-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-surface);color:var(--color-text);background:var(--color-control);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease}.command-trigger:hover{background:var(--color-control-hover)}.command-menu[open]>.command-trigger{border-color:#f7d15485;background:var(--color-surface-emphasis)}.account-trigger{width:clamp(170px,14vw,220px)}.settings-trigger{width:clamp(150px,12vw,186px)}.account-trigger-copy,.settings-trigger>span{display:grid;min-width:0;gap:.05rem}.account-trigger-copy strong,.account-trigger-copy small,.settings-trigger strong,.settings-trigger small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger-copy strong,.settings-trigger strong{font-size:.82rem}.account-trigger-copy small,.settings-trigger small{color:var(--color-text-muted);font-size:.72rem}.command-icon{width:22px;height:22px;fill:none;stroke:var(--color-brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.command-chevron{width:18px;height:18px;fill:none;stroke:var(--color-text-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:rotate var(--duration-fast) var(--ease-out)}.command-menu[open] .command-chevron{rotate:180deg}.command-popover{position:absolute;z-index:100;top:calc(100% + var(--space-3));right:0;width:min(420px,calc(100vw - (var(--shell-gutter) * 2)));border-radius:var(--radius-card);color:var(--color-text);background:var(--color-surface-solid);box-shadow:0 24px 64px #00000085;animation:command-popover-in var(--duration-standard) var(--ease-out) both}.account-panel,.account-popover,.settings-popover{display:grid;gap:var(--space-5);padding:var(--space-6)}.popover-heading{display:grid;gap:var(--space-1);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-strong)}.popover-heading strong{font-family:var(--font-display);font-size:1.55rem;line-height:.95}.popover-heading span{color:var(--color-text-muted);font-size:var(--text-xs)}.account-field{gap:var(--space-1)}.account-field>span{color:var(--color-text-muted);font-size:var(--text-xs)}.account-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-5)}.account-summary>div{display:grid;min-width:0;gap:var(--space-1)}.account-summary strong,.account-summary span,.account-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary strong{font-size:1.1rem}.account-summary span,.account-summary small{color:var(--color-text-muted);font-size:var(--text-xs)}.account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.auth-tabs button{min-height:34px;padding:.35rem .55rem;color:var(--color-text);background:var(--color-control);font-size:var(--text-xs)}.auth-tabs button.active{color:var(--color-canvas);background:var(--color-action)}.avatar-image{width:38px;height:38px;flex:0 0 auto;border:2px solid rgba(241,200,75,.7);border-radius:var(--radius-pill);object-fit:cover;background:var(--color-control-hover)}.avatar-image.large{width:92px;height:92px}.avatar-image.fallback{display:grid;place-items:center;color:var(--color-canvas);background:var(--color-action);font-weight:900}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-strong)}.setting-row>div{display:grid;gap:var(--space-1)}.setting-row>div span{max-width:34ch;color:var(--color-text-muted);font-size:var(--text-xs)}.setting-runtime-status{color:var(--color-brand);font-size:var(--text-xs);line-height:1.4}.setting-runtime-status.unavailable{color:var(--color-text-soft)}.setting-runtime-diagnostic{max-width:42ch;color:var(--color-text-subtle);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;line-height:1.4;overflow-wrap:anywhere}.audio-lab-shell{display:grid;align-content:start;gap:var(--space-6);min-height:100vh;padding:clamp(1.25rem,3vw,3rem);color:var(--color-text);background:var(--color-canvas)}.audio-lab-heading,.audio-lab-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.audio-lab-heading h1,.audio-lab-heading p,.audio-lab-section-heading h2,.audio-lab-section-heading p{margin:0}.audio-lab-heading h1{font-size:clamp(2.3rem,6vw,5.2rem)}.audio-lab-heading p,.audio-lab-section-heading p{color:var(--color-text-muted)}.audio-lab-heading a{color:var(--color-brand);text-underline-offset:.25em}.audio-lab-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:var(--layout-gap);width:min(1600px,100%);margin-inline:auto}.audio-lab-control-panel,.audio-lab-conductor{display:grid;align-content:start;gap:var(--space-5);padding:var(--panel-padding);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-surface)}.audio-lab-control-panel label{display:grid;gap:var(--space-2);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800}.audio-lab-switches{display:grid;gap:var(--space-3)}.audio-lab-switches label{grid-template-columns:auto 1fr;align-items:center}.audio-lab-actions,.audio-lab-scenarios{display:flex;flex-wrap:wrap;gap:var(--space-3)}.audio-lab-status{min-height:1.5em;margin:0;color:var(--color-brand)}.audio-lab-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.audio-lab-metrics div{display:grid;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-emphasis)}.audio-lab-metrics dt{color:var(--color-text-muted);font-size:var(--text-xs)}.audio-lab-metrics dd{margin:0;font-variant-numeric:tabular-nums;font-weight:900}.audio-lab-now{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-5);color:var(--color-canvas);background:var(--color-action)}.audio-lab-now span{font-size:var(--text-xs);font-weight:900;text-transform:uppercase}.audio-lab-now strong{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.8rem);text-transform:uppercase}.audio-lab-now small{grid-column:1 / -1}.audio-lab-table-wrap{max-width:100%;overflow-x:auto}.audio-lab-table-wrap table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.audio-lab-table-wrap th,.audio-lab-table-wrap td{padding:var(--space-3);border-bottom:1px solid var(--color-border-strong);text-align:left;vertical-align:top}.audio-lab-table-wrap th{color:var(--color-brand)}.audio-lab-table-wrap td{color:var(--color-text-soft)}@media(max-width:820px){.audio-lab-heading,.audio-lab-section-heading{align-items:flex-start;flex-direction:column}.audio-lab-grid{grid-template-columns:1fr}}.setting-toggle{min-width:58px;color:var(--color-text);background:var(--color-control-hover)}.setting-toggle[aria-pressed=true]{color:var(--color-canvas);background:var(--color-action)}.audio-controls{display:grid;gap:var(--space-4)}.audio-control{display:grid;grid-template-columns:46px 70px minmax(120px,1fr) 42px;align-items:center;gap:var(--space-3);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800}.audio-control input{min-width:0}.audio-control strong{text-align:right}.icon-button{min-height:34px;padding:var(--space-1) var(--space-3);color:var(--color-text);background:var(--color-control-hover);font-size:var(--text-xs)}.icon-button[aria-pressed=true]{color:var(--color-canvas);background:var(--color-action)}@keyframes command-popover-in{0%{opacity:.2;filter:blur(6px);transform:translateY(-.5rem) scale(.985)}}.error-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);width:100%;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid rgba(255,126,145,.3);border-radius:var(--radius-surface);color:var(--color-error-text);background:#421826}.error-mark{display:grid;width:32px;aspect-ratio:1;place-items:center;border-radius:var(--radius-pill);color:#421826;background:var(--color-error-text)}.error-mark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.error-banner>div{display:grid;min-width:0;gap:.1rem}.error-banner>div>span{overflow-wrap:anywhere}.error-banner small{color:#f6c4ce}.error-dismiss{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-error-text);background:#ffffff1a}.error-dismiss svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.menu-picture{display:grid;place-items:center;margin-bottom:var(--layout-gap);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-surface);background:#050608}.menu-picture img{display:block;width:min(100%,960px);max-height:360px;object-fit:contain}.battle-layout{display:grid;gap:var(--layout-gap)}.home-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(420px,36vw,600px);gap:var(--layout-gap);width:min(100%,93.75rem);height:min(680px,calc(100vh - var(--shell-viewport-offset) + var(--space-7)));min-height:min(560px,calc(100vh - var(--shell-viewport-offset)));margin-inline:auto}.home-visual,.home-console{min-width:0;border-radius:var(--radius-feature);box-shadow:var(--shadow-surface)}.home-visual{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;color:var(--color-text);background:#050608;animation:home-poster-enter .62s var(--ease-out) both}.home-artwork{display:grid;min-height:0;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(138,40,155,.18),transparent 32rem),#050608}.home-artwork img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.home-manifesto{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-7);padding:var(--space-7);border-top:1px solid #24202a;background:linear-gradient(135deg,#101018,#0a0b10 70%)}.home-manifesto h2,.home-manifesto p,.home-console h2,.home-console h3,.home-console p{margin:0}.home-manifesto h2{max-width:17ch;text-wrap:balance;font-family:var(--font-display);font-size:clamp(2.1rem,3.4vw,3.5rem);line-height:.92;letter-spacing:-.02em}.home-manifesto p{max-width:52ch;margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.45}.home-path{display:flex;align-items:center;gap:var(--space-3);margin:0;padding:0;list-style:none}.home-path li{display:grid;justify-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:.68rem;font-weight:800}.home-path span{display:grid;width:26px;aspect-ratio:1;place-items:center;border:1px solid var(--color-border-interactive);border-radius:var(--radius-pill);color:var(--color-brand);background:var(--color-surface-emphasis);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.home-console{display:grid;align-content:start;gap:var(--space-4);padding:clamp(1.15rem,1.9vw,1.65rem);background:var(--color-surface-solid)}.home-console>header{display:grid;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-strong)}.home-console h2{font-family:var(--font-display);font-size:clamp(2rem,2.8vw,3rem);line-height:.95;letter-spacing:-.02em}.home-console>header p,.home-join>div p{max-width:48ch;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.45}.home-field{gap:var(--space-2)}.home-field>span,.home-field-label{color:var(--color-text-soft);font-size:var(--text-sm);font-weight:800}.home-field-label{display:block}.home-field>small{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.home-field input{min-height:44px}.home-player{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-surface);background:var(--color-surface-emphasis)}.home-player>div{display:grid;min-width:0;gap:.05rem}.home-player span,.home-player small{color:var(--color-text-muted);font-size:var(--text-xs)}.home-player strong{overflow:hidden;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.home-create-button{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:var(--space-4) var(--space-5);text-align:left}.home-create-button>span{display:grid;gap:.05rem}.home-create-button strong{font-size:1rem}.home-create-button small{color:#07101cb8;font-size:var(--text-xs)}.button-arrow{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--duration-fast) var(--ease-out)}button:hover .button-arrow{translate:3px 0}.home-join{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-strong)}.home-join>div{display:grid;gap:var(--space-1)}.home-join h3{font-size:var(--text-md)}.home-join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.home-join-row input{min-width:0;color:var(--color-text-strong);font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.home-join-row button{display:inline-flex;align-items:center;gap:var(--space-3);min-width:104px;color:var(--color-text);background:var(--color-control-hover)}@keyframes home-poster-enter{0%{opacity:.35;filter:brightness(.62) blur(8px);clip-path:inset(0 0 10% 0 round var(--radius-feature))}}.lobby-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:stretch;gap:var(--layout-gap);width:min(100%,86rem);height:min(680px,calc(100vh - var(--shell-viewport-offset)));min-height:min(560px,calc(100vh - var(--shell-viewport-offset)));margin-inline:auto}.lobby-main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-7);min-width:0;min-height:0;padding:clamp(1rem,1.8vw,1.5rem);border-radius:var(--radius-feature);background:var(--color-surface);box-shadow:var(--shadow-surface)}.lobby-header,.lobby-invite,.lobby-code-action,.lobby-team>header,.lobby-waiting,.chat-heading{display:flex;align-items:center;justify-content:space-between}.lobby-header{gap:var(--space-7);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-strong)}.lobby-header>div:first-child,.lobby-invite>div:first-child,.lobby-waiting>div{display:grid;min-width:0;gap:var(--space-2)}.lobby-header h2,.lobby-header p,.lobby-invite h3,.lobby-invite p,.lobby-team h3,.lobby-waiting strong,.lobby-waiting span,.chat-heading h2,.chat-heading h3,.chat-empty p{margin:0}.lobby-header h2{font-family:var(--font-display);font-size:clamp(2rem,3vw,3.2rem);line-height:.94;letter-spacing:-.02em}.lobby-header p,.lobby-invite p{max-width:62ch;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.4}.lobby-progress{display:grid;flex:0 0 auto;justify-items:end;gap:.05rem}.lobby-progress strong{color:var(--color-brand);font-family:var(--font-display);font-size:2rem;line-height:.9;font-variant-numeric:tabular-nums}.lobby-progress strong span,.lobby-progress small{color:var(--color-text-muted)}.lobby-progress small{font-size:var(--text-xs);font-weight:800}.lobby-invite{gap:var(--space-7);padding:var(--space-5);border:1px solid rgba(247,209,84,.24);border-radius:var(--radius-card);background:linear-gradient(110deg,rgba(247,209,84,.08),transparent 48%),var(--color-surface-emphasis)}.lobby-invite h3{font-size:var(--text-md)}.lobby-code-action{flex:0 0 auto;gap:var(--space-4)}.lobby-code-action code{color:var(--color-brand);font-family:var(--font-display);font-size:clamp(2rem,3.3vw,3.2rem);line-height:.9;letter-spacing:.12em;white-space:nowrap}.lobby-copy-button{display:inline-flex;align-items:center;gap:var(--space-3);min-width:126px;min-height:52px;padding-inline:var(--space-5);white-space:nowrap}.copy-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lobby-formation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-5);min-height:0}.lobby-team{display:grid;gap:var(--space-3);min-width:0}.lobby-team>header{gap:var(--space-4)}.lobby-team h3{font-size:var(--text-md)}.lobby-team>header span{color:var(--color-text-muted);font-size:.7rem;font-weight:800;white-space:nowrap}.lobby-team ul{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.lobby-seat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:70px;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-surface);background:var(--color-surface-emphasis)}.lobby-team.left .lobby-seat{border-color:#4aa3ff52;background:#1c2a41b8}.lobby-team.right .lobby-seat{border-color:#e7558f4d;background:#371b2dad}.lobby-seat.open{border-style:dashed;background:#171c279e}.lobby-seat-placeholder{display:grid;width:38px;aspect-ratio:1;place-items:center;border:1px dashed var(--color-border-interactive);border-radius:var(--radius-pill);color:var(--color-text-subtle);background:var(--color-control)}.lobby-seat-placeholder svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lobby-seat-identity{display:grid;min-width:0;gap:.05rem}.lobby-seat-identity>span{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.7rem;font-weight:800}.lobby-seat-identity small{border-radius:var(--radius-pill);padding:.05rem var(--space-2);color:var(--color-canvas);background:var(--color-brand);font-size:.62rem}.lobby-seat-identity strong{overflow:hidden;color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.lobby-seat-status{flex:0 0 auto;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);color:var(--color-text-muted);background:var(--color-control);font-size:.66rem;font-weight:850;white-space:nowrap}.lobby-seat-status.connected{color:#bdf9d7;background:#54f0a41a}.lobby-seat-status.disconnected{color:var(--color-error-text);background:#8c1d344d}.lobby-versus{color:var(--color-brand);font-family:var(--font-display);font-size:1.65rem;text-shadow:0 6px 18px rgba(0,0,0,.45)}.lobby-waiting{justify-content:flex-start;gap:var(--space-4);min-height:62px;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-surface);background:var(--color-surface-emphasis)}.lobby-waiting>div{gap:.1rem}.lobby-waiting strong{font-size:var(--text-sm)}.lobby-waiting>div span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.35}.lobby-waiting-signal{display:grid;width:28px;aspect-ratio:1;flex:0 0 auto;place-items:center;border:1px solid rgba(247,209,84,.35);border-radius:var(--radius-pill);background:#f7d15412}.lobby-waiting-signal i{width:8px;aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-brand);animation:lobby-waiting-pulse 1.8s var(--ease-out) infinite}@keyframes lobby-waiting-pulse{50%{opacity:.35;transform:scale(.72)}}.profile-layout{max-width:680px;margin:0 auto 1rem}.profile-header{display:flex;align-items:center;gap:.85rem}.profile-header h2,.profile-header p{margin:0}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.stats-row div{display:grid;place-items:center;gap:.15rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-surface);background:var(--color-surface-emphasis);padding:.8rem}.stats-row strong{color:var(--color-action);font-size:var(--text-lg)}.stats-row span{color:var(--color-text-muted);font-size:.86rem;font-weight:800}.panel,.board-panel{border:0;border-radius:var(--radius-surface);background:var(--color-surface);box-shadow:var(--shadow-surface)}.panel{display:grid;gap:var(--layout-gap);padding:var(--panel-padding)}.battle-stage{display:grid;gap:var(--layout-gap);width:min(100%,90rem);margin-inline:auto}.battle-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,380px);align-items:start;gap:var(--layout-gap)}.battle-arena-shell{min-width:0;overflow:hidden;border-radius:var(--radius-surface);background:var(--color-surface);box-shadow:var(--shadow-surface)}.battle-arena-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--color-surface-solid)}.battle-arena-header>div:first-child{display:grid;min-width:0;gap:var(--space-1)}.battle-arena-header h2,.battle-arena-header p{margin:0}.battle-arena-header h2{font-family:var(--font-display);font-size:clamp(1.65rem,2.5vw,2.35rem);line-height:.92}.battle-arena-header p{max-width:58ch;overflow:hidden;color:var(--color-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.board-legend{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-4)}.board-legend span{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800}.board-legend i{width:10px;height:10px;border:2px solid currentColor;border-radius:2px}.board-legend i.move{color:#54f0a4;background:#54f0a43d}.board-legend i.target{color:#ff6673;background:#ff4f5e3d}.board-legend i.selected{color:var(--color-brand);background:#f7d1543d}.board-panel{display:grid;place-items:center;position:relative;min-width:0;padding:var(--space-5);border-radius:0;background:#080a0f;box-shadow:none}.board-panel.has-intro .phaser-board{pointer-events:none}.battle-board-frame{position:relative;width:min(100%,calc(100vh - 12rem),900px);aspect-ratio:1;height:auto}.battle-board-accessible{position:relative;width:100%;height:100%}.phaser-board{position:relative;width:100%;aspect-ratio:1;height:auto;overflow:hidden;border-radius:var(--radius-control);background:var(--color-canvas-deep)}.phaser-board canvas{display:block;width:100%!important;height:100%!important}.keyboard-arena{position:absolute;z-index:16;bottom:var(--space-3);left:var(--space-3)}.keyboard-arena>summary{display:flex;align-items:center;justify-content:space-between;width:196px;min-height:42px;gap:var(--space-4);border:1px solid rgba(247,209,84,.46);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);color:var(--color-text);background:#0d1119f5;box-shadow:var(--shadow-raised);cursor:pointer;list-style:none}.keyboard-arena>summary::-webkit-details-marker{display:none}.keyboard-arena>summary:hover,.keyboard-arena[open]>summary{border-color:var(--color-brand);background:var(--color-surface-solid)}.keyboard-arena>summary span{font-size:var(--text-xs);font-weight:900}.keyboard-arena>summary small{color:var(--color-text-muted);font-size:.66rem;font-weight:800}.keyboard-arena-panel{position:absolute;bottom:calc(100% + var(--space-3));left:0;display:grid;width:min(28rem,calc(100vw - 8rem));max-height:calc(100vh - 10rem);gap:var(--space-4);overflow:auto;padding:var(--space-5);border:1px solid var(--color-border-interactive);border-radius:var(--radius-card);color:var(--color-text);background:#0d1119fb;box-shadow:0 24px 60px #0000009e}.keyboard-arena-panel header{display:grid;gap:var(--space-1)}.keyboard-arena-panel header strong{font-size:var(--text-sm)}.keyboard-arena-panel header p{margin:0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.keyboard-tile-grid{display:grid;gap:var(--space-1)}.keyboard-tile-grid [role=row]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}.keyboard-tile-grid button{display:grid;aspect-ratio:1;min-width:0;min-height:0;place-items:center;align-content:center;gap:1px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-1);color:var(--color-text-subtle);background:var(--color-canvas-deep)}.keyboard-tile-grid button span{font-size:.58rem;font-weight:850}.keyboard-tile-grid button strong{min-height:.75rem;color:var(--color-text);font-size:.68rem}.keyboard-tile-grid button.is-move{border-color:#54f0a4;color:#bdf9d7;background:#54f0a424}.keyboard-tile-grid button.is-target{border-color:#ff6673;color:#ffc1c7;background:#ff4f5e24}.keyboard-tile-grid button.is-selected{border-color:var(--color-brand);color:var(--color-brand);background:#f7d1542e;box-shadow:inset 0 0 0 1px var(--color-brand)}.keyboard-tile-grid button.has-you strong{color:var(--color-team-self)}.keyboard-tile-grid button.has-ally strong{color:var(--color-team-ally)}.keyboard-tile-grid button.has-enemy strong{color:var(--color-team-enemy)}.keyboard-arena-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-muted);font-size:.66rem;font-weight:800}.keyboard-arena-legend span{display:inline-flex;align-items:center;gap:var(--space-2)}.keyboard-arena-legend i{width:9px;height:9px;border:2px solid currentColor;border-radius:2px}.keyboard-arena-legend .move{color:#54f0a4}.keyboard-arena-legend .target{color:#ff6673}.keyboard-arena-legend .selected{color:var(--color-brand)}.battle-board-error{display:grid;place-items:center;align-content:center;gap:.8rem;width:min(100%,calc(100vh - var(--board-viewport-offset)),940px);aspect-ratio:1;padding:2rem;border:1px solid var(--color-error);border-radius:var(--radius-surface);background:#12151d;color:var(--color-error-text);text-align:center}.battle-board-error p{max-width:34rem;margin:0;color:var(--color-text-soft)}label{display:grid;gap:var(--space-2);color:var(--color-text-soft);font-weight:700}.team-mode-picker{display:grid;gap:var(--space-3);color:var(--color-text-soft);font-weight:800}.battle-board-loading{display:grid;width:100%;aspect-ratio:1;place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-8);border-radius:var(--radius-control);color:var(--color-text-soft);background:var(--color-canvas-deep);text-align:center}.battle-board-loading p{max-width:32ch;margin:0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.commit-turn-button[aria-busy=true]{opacity:1}.commit-turn-button[aria-busy=true] svg{display:none}.battle-loader-mark{width:38px;aspect-ratio:1;margin-bottom:var(--space-3);border:3px solid var(--color-border-interactive);border-top-color:var(--color-brand);border-radius:var(--radius-pill);animation:ui-spin .8s linear infinite}.team-mode-picker>span{font-size:var(--text-sm)}.team-mode-picker div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.team-mode-picker button{display:grid;min-height:52px;justify-items:start;align-content:center;gap:.05rem;padding:var(--space-3) var(--space-4);color:var(--color-text);background:var(--color-control);text-align:left}.team-mode-picker button.active{color:var(--color-canvas);background:var(--color-action)}.team-mode-picker button strong{font-size:var(--text-sm)}.team-mode-picker button small{color:var(--color-text-muted);font-size:.7rem}.team-mode-picker button.active small{color:#07101cb8}.stand-selection-stage{display:grid;gap:var(--layout-gap);width:min(100%,100rem);margin-inline:auto}.selection-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);min-width:0;padding:var(--space-7) clamp(1rem,2vw,1.75rem);border-radius:var(--radius-feature);background:var(--color-surface);box-shadow:var(--shadow-surface)}.selection-header>div:first-child{display:grid;min-width:0;gap:var(--space-3)}.selection-header h2,.selection-header p,.stand-catalog-header h3,.stand-catalog-header p,.stand-card-header h4,.stand-passive p,.stand-kit h5,.stand-kit p,.selection-readiness h3,.selection-current-pick span,.selection-current-pick strong,.selection-current-pick small{margin:0}.selection-header h2{font-family:var(--font-display);font-size:clamp(2.35rem,4vw,4.25rem);line-height:.9;letter-spacing:-.02em}.selection-header p{max-width:68ch;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.45}.selection-progress{display:grid;width:min(100%,340px);flex:0 0 auto;gap:var(--space-4)}.selection-progress-copy{display:grid;gap:var(--space-1)}.selection-progress-copy strong{color:var(--color-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.selection-progress-copy span{overflow:hidden;color:var(--color-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.selection-progress-track{height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-track)}.selection-progress-track i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--color-brand);transform:scaleX(var(--selection-ready-ratio, 0));transform-origin:left;transition:transform var(--duration-standard) var(--ease-out)}.selection-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:var(--layout-gap);min-width:0}.stand-catalog{display:grid;min-width:0;gap:var(--space-7)}.stand-catalog-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-7);padding:var(--space-4) var(--space-2) var(--space-5);border-bottom:1px solid var(--color-border-strong)}.stand-catalog-header>div{display:grid;min-width:0;gap:var(--space-2)}.stand-catalog-header h3{color:var(--color-text);font-size:var(--text-lg)}.stand-catalog-header p{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.stand-catalog-header>span{flex:0 0 auto;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:850;white-space:nowrap}.stand-catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-width:0}.stand-catalog-tools>p{margin:0;color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.stand-catalog-tools>p strong{color:var(--color-text-soft);font-variant-numeric:tabular-nums}.stand-filter{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1);border-radius:var(--radius-control);background:var(--color-surface-emphasis)}.stand-filter button{min-height:38px;padding:var(--space-2) var(--space-5);color:var(--color-text-muted);background:transparent;font-size:var(--text-xs)}.stand-filter button.active{color:var(--color-canvas);background:var(--color-brand)}.stand-comparison{display:grid;gap:var(--space-5);padding:var(--space-5);border:1px solid rgba(139,132,255,.35);border-radius:var(--radius-card);background:#8b84ff0f}.stand-comparison>header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5)}.stand-comparison>header>div{display:grid;gap:var(--space-1)}.stand-comparison h4,.stand-comparison p{margin:0}.stand-comparison h4{font-size:var(--text-md)}.stand-comparison p{color:var(--color-text-muted);font-size:var(--text-xs)}.stand-comparison-clear{min-height:38px;padding:var(--space-2) var(--space-4);color:var(--color-text-soft);background:var(--color-control);font-size:var(--text-xs)}.stand-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.stand-comparison-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.stand-comparison-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.stand-comparison-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-4);min-width:0;padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-surface-solid)}.stand-comparison-grid article>strong,.stand-comparison-grid article>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stand-comparison-grid article>strong{color:var(--color-text);font-size:var(--text-sm)}.stand-comparison-grid article>span{color:var(--color-brand);font-size:.66rem;font-weight:850}.stand-comparison-grid article>button{grid-column:2;grid-row:1 / span 2;align-self:start;min-height:32px;padding:var(--space-1) var(--space-3);color:var(--color-text-muted);background:var(--color-control);font-size:.64rem}.stand-comparison-grid dl{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid var(--color-border-strong)}.stand-comparison-grid dl>div:last-child{grid-column:1 / -1}.stand-comparison-grid dt,.stand-comparison-grid dd{margin:0}.stand-comparison-grid dt{color:var(--color-text-subtle);font-size:.62rem;font-weight:850;text-transform:uppercase}.stand-comparison-grid dd{overflow:hidden;color:var(--color-text-soft);font-size:var(--text-xs);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.stand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.875rem,1fr));align-items:stretch;gap:var(--space-7)}.stand-card{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start;gap:var(--space-6);min-width:0;overflow:hidden;padding:var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.stand-card:hover,.stand-card:focus-within{border-color:var(--color-border-interactive);background:var(--color-surface-solid)}.stand-card:hover{transform:translateY(-2px)}.stand-card.selected{border-color:var(--color-brand);background:linear-gradient(150deg,rgba(247,209,84,.08),transparent 42%),var(--color-surface-solid);box-shadow:inset 0 0 0 1px #f7d15459;animation:stand-pick-confirm .42s var(--ease-out) both}@keyframes stand-pick-confirm{0%{clip-path:inset(0 0 5% 0 round var(--radius-card));filter:brightness(1.16)}}.stand-card-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5);min-width:0}.stand-card-header>div:first-child{display:grid;min-width:0;gap:var(--space-2)}.stand-card-header h4{overflow:hidden;color:var(--color-text);font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.stand-selected-badge{display:inline-flex;align-items:center;width:fit-content;gap:var(--space-2);color:var(--color-brand);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.stand-selected-badge.placeholder{visibility:hidden}.stand-selected-badge svg,.stand-select-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.stand-vitals{display:grid;flex:0 0 auto;justify-items:end;gap:var(--space-1)}.stand-vitals strong{color:var(--color-brand);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.stand-vitals span{color:var(--color-text-muted);font-size:.68rem;font-weight:800}.stand-card-media{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(124px,.95fr);align-items:center;gap:var(--space-4);min-width:0}.stand-card-summary{display:grid;align-content:center;min-width:0;gap:var(--space-2)}.stand-card-summary>span{color:var(--color-brand);font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.stand-card-summary>strong{overflow:hidden;color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.stand-card-summary>p{display:-webkit-box;margin:0;overflow:hidden;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.stand-card-summary ul{display:grid;gap:var(--space-1);margin:var(--space-2) 0 0;padding:var(--space-3) 0 0;border-top:1px solid var(--color-border-strong);list-style:none}.stand-card-summary li{overflow:hidden;color:var(--color-text-soft);font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.stand-preview{display:grid;height:174px;min-width:0;overflow:hidden;place-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-surface);background:radial-gradient(circle at 50% 42%,rgba(139,132,255,.18),transparent 64%),var(--color-canvas-deep)}.stand-preview img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(0,0,0,.45))}.stand-preview[data-stand=star-platinum] img{transform:scale(1.14)}.stand-preview[data-stand=ratt] img{transform:scale(1.08)}.stand-details-toggle{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);color:var(--color-text-soft);background:transparent;font-size:var(--text-xs)}.stand-details-toggle:hover{border-color:var(--color-border-interactive);background:var(--color-surface-emphasis)}.stand-details-toggle i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;transition:rotate var(--duration-fast) var(--ease-out)}.stand-details-toggle[aria-expanded=true] i{rotate:225deg}.stand-details{display:grid;align-content:start;gap:var(--space-5);min-width:0}.stand-details-overview{display:grid;grid-template-columns:minmax(112px,124px) minmax(0,1fr);align-items:center;gap:var(--space-5)}.stand-preview-fallback{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-5);color:var(--color-text-muted);text-align:center}.stand-preview-fallback svg{width:44px;height:44px;fill:none;stroke:var(--color-brand);stroke-width:1.3}.stand-preview-fallback span{font-size:var(--text-xs);font-weight:800}.stand-passive{display:grid;gap:var(--space-2);padding-block:var(--space-4);border-block:1px solid rgba(247,209,84,.22)}.stand-passive>span{color:var(--color-brand);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.stand-passive strong{color:var(--color-text);font-size:var(--text-sm)}.stand-passive p,.stand-kit p{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4;overflow-wrap:anywhere}.stand-kit{display:grid;align-content:start;gap:var(--space-4);min-width:0}.stand-kit h5{color:var(--color-text-soft);font-size:var(--text-xs)}.stand-kit ul{display:grid;margin:0;padding:0;list-style:none}.stand-kit li{display:grid;gap:var(--space-2);padding-block:var(--space-4);border-top:1px solid var(--color-border-strong)}.stand-ability-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0}.stand-ability-heading strong{min-width:0;overflow:hidden;color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.stand-ability-heading>span{flex:0 0 auto;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);color:var(--color-text-soft);background:var(--color-control);font-size:.62rem;font-weight:850}.stand-ability-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);color:var(--color-text-subtle);font-size:.64rem;font-weight:800}.stand-ability-meta span+span:before{margin-right:var(--space-3);color:var(--color-border-interactive);content:"·"}.stand-select-button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:48px;margin-top:auto;padding-inline:var(--space-5)}.stand-card-actions{display:grid;grid-template-columns:minmax(90px,.72fr) minmax(0,1.28fr);align-self:end;gap:var(--space-3)}.stand-compare-button{min-height:48px;padding:var(--space-3);color:var(--color-text-soft);background:var(--color-control);font-size:var(--text-xs)}.stand-compare-button[aria-pressed=true]{color:#c7c3ff;background:#8b84ff29;box-shadow:inset 0 0 0 1px #8b84ff66}.stand-select-button[aria-pressed=true]{color:var(--color-canvas);background:var(--color-brand)}.selection-rail{align-self:stretch;min-width:0}.selection-rail-sticky{position:sticky;top:var(--space-5);display:grid;grid-template-rows:auto minmax(260px,1fr);gap:var(--layout-gap);max-height:calc(100vh - (var(--space-5) * 2))}.selection-readiness{display:grid;gap:var(--space-5);min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-solid)}.selection-readiness>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.selection-readiness h3{color:var(--color-text);font-size:var(--text-md)}.selection-readiness>header span{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:850;white-space:nowrap}.selection-readiness ul{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.selection-player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-width:0;min-height:52px;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-emphasis)}.selection-player.left{border-color:#4aa3ff47}.selection-player.right{border-color:#ff4f5e47}.selection-player-identity{display:grid;min-width:0;gap:var(--space-1)}.selection-player-identity span{color:var(--color-text-subtle);font-size:.62rem;font-weight:850}.selection-player-identity strong{min-width:0;overflow:hidden;color:var(--color-text);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.selection-player-status{flex:0 0 auto;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);color:var(--color-text-muted);background:var(--color-control);font-size:.62rem;font-weight:900;white-space:nowrap}.selection-player-status.ready{color:#bdf9d7;background:#54f0a41a}.selection-player-status.disconnected{color:var(--color-error-text);background:#8c1d344d}.selection-current-pick{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:var(--space-4);min-width:0;padding-top:var(--space-5);border-top:1px solid var(--color-border-strong)}.selection-current-pick>div:last-child{display:grid;min-width:0;gap:var(--space-1)}.selection-current-pick span,.selection-current-pick small{color:var(--color-text-muted);font-size:.66rem;line-height:1.35}.selection-current-pick strong{overflow:hidden;color:var(--color-brand);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.selection-current-art,.selection-current-pick.empty>svg{width:70px;height:70px;overflow:hidden;border-radius:var(--radius-surface);background:var(--color-canvas-deep)}.selection-current-art img{display:block;width:100%;height:100%;object-fit:contain}.selection-current-pick.empty>svg{padding:var(--space-5);fill:none;stroke:var(--color-brand);stroke-width:1.35}.health-label,.selection-readout,.button-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.battle-sidebar{display:grid;gap:var(--layout-gap)}.health-block{display:grid;min-width:0;gap:var(--space-2)}.health-label{min-width:0;color:var(--color-text-soft);font-size:var(--text-xs)}.health-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-label strong{flex:0 0 auto}.health-track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-track)}.health-fill{width:100%;height:100%;transition:transform var(--duration-fast) ease;transform:scaleX(var(--health-ratio, 1));transform-origin:left}.health-fill.blue{background:var(--color-team-self)}.health-fill.red{background:var(--color-team-enemy)}.health-fill.green{background:var(--color-team-ally)}.selection-readout{flex-wrap:wrap;color:var(--color-text-soft)}.status-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:22px;margin-top:var(--space-2)}.ability-list,.mode-toggle,.stance-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.stance-picker{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.ability-list button,.stance-picker button,.mode-toggle button{min-height:44px;color:var(--color-text);background:var(--color-control)}.ability-list button.active,.stance-picker button.active,.mode-toggle button.active{color:var(--color-canvas);background:var(--color-action)}.battle-hud{display:grid;grid-template-columns:minmax(180px,.26fr) minmax(0,1fr);gap:var(--space-6);padding:var(--space-5);border-radius:var(--radius-surface);background:#0d1119;box-shadow:var(--shadow-surface)}.battle-hud-header{display:grid;align-content:space-between;min-width:0;gap:var(--space-4);padding-right:var(--space-6);border-right:1px solid var(--color-border-strong)}.battle-hud-header>div{display:grid;gap:var(--space-1)}.battle-hud-header h2,.battle-hud-header p{margin:0}.battle-hud-header h2{font-family:var(--font-display);color:var(--color-brand);font-size:clamp(1.8rem,2.8vw,2.55rem);line-height:.9}.battle-hud-header p{overflow:hidden;color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.turn-order{display:flex;gap:var(--space-2);min-width:0;margin:0;padding:0;list-style:none}.turn-order li{display:flex;align-items:center;min-width:0;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.turn-order li span{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1px solid var(--color-border-interactive);border-radius:var(--radius-sm);font-weight:900}.turn-order li strong{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-order li.active{color:var(--color-brand)}.turn-order li.active strong{display:block}.combatant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);min-width:0}.combatant-card{min-width:0;padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px transparent;transition:background var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.combatant-card.active{background:#1d2230;box-shadow:inset 0 0 0 1px #f7d15480}.combatant-card.defeated{filter:saturate(.35);opacity:.68}.combatant-card-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.combatant-card-header>div{display:grid;min-width:0;gap:1px}.combatant-card-header strong,.combatant-card-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combatant-card-header strong{color:var(--color-text-strong);font-size:var(--text-sm)}.combatant-card-header small,.combatant-relation{color:var(--color-text-muted);font-size:.7rem}.combatant-id{display:grid;width:28px;height:28px;place-items:center;border:2px solid currentColor;border-radius:var(--radius-sm);color:var(--color-brand);font-size:var(--text-xs);font-weight:900}.combatant-card.blue .combatant-id{color:var(--color-team-self)}.combatant-card.red .combatant-id{color:var(--color-team-enemy)}.combatant-card.green .combatant-id{color:var(--color-team-ally)}.combatant-relation{font-weight:900;text-transform:uppercase}.combatant-card .status-chip-row small,.waiting-loadout span,.action-preview-meta span{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--color-text-soft);background:var(--color-control);font-size:.68rem;font-weight:800}.battle-command{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:var(--space-4);scroll-margin-top:var(--space-4);max-height:min(760px,calc(100vh - 19rem));overflow:hidden;padding:var(--space-6);border-radius:var(--radius-surface);background:var(--color-surface-solid);box-shadow:var(--shadow-raised)}.battle-command.is-waiting{grid-template-rows:auto}.battle-command-scroll{display:grid;align-content:start;gap:var(--space-5);min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:var(--space-2)}.battle-command-header{display:grid;gap:var(--space-3)}.battle-command-header h2,.battle-command-header p,.command-section-heading h3,.turn-plan h3,.action-preview p,.battle-waiting-state p{margin:0}.battle-command-header h2{font-family:var(--font-display);font-size:clamp(2rem,3vw,2.8rem);line-height:.9;letter-spacing:-.01em;text-wrap:balance}.battle-command-header p{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.turn-signal{display:inline-flex;align-items:center;width:fit-content;gap:var(--space-2);color:var(--color-brand);font-size:var(--text-xs);font-weight:900;letter-spacing:.05em;text-transform:uppercase}.turn-signal i{width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor;box-shadow:0 0 0 4px #f7d1541a}.turn-signal.waiting{color:var(--color-text-muted)}.battle-command .turn-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.battle-command .turn-stepper li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 var(--space-3);min-width:0;padding:var(--space-3);border-radius:var(--radius-control);color:var(--color-text-muted);background:var(--color-surface-emphasis);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.battle-command .turn-stepper li>span{display:grid;grid-row:span 2;width:26px;height:26px;place-items:center;border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-control);font-size:var(--text-xs);font-weight:900}.battle-command .turn-stepper strong,.battle-command .turn-stepper small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-command .turn-stepper strong{color:var(--color-text-soft);font-size:var(--text-xs)}.battle-command .turn-stepper small{font-size:.68rem}.battle-command .turn-stepper li.active{color:var(--color-brand);background:#f7d15414;box-shadow:inset 0 0 0 1px #f7d15473}.battle-command .turn-stepper li.active>span{color:var(--color-canvas);background:var(--color-brand)}.battle-command .turn-stepper li.complete>span:after{content:"";width:9px;height:5px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;rotate:-45deg}.battle-command .turn-stepper li.complete>span{color:transparent}.battle-command .turn-stepper li.complete>span:after{color:var(--color-team-ally)}.turn-plan{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);background:#0e131d}.turn-plan h3,.command-section-heading h3{font-size:var(--text-sm)}.turn-plan dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0}.turn-plan dl>div{min-width:0}.turn-plan dt{color:var(--color-text-subtle);font-size:.68rem;font-weight:800;text-transform:uppercase}.turn-plan dd{overflow:hidden;margin:var(--space-1) 0 0;color:var(--color-text-strong);font-size:var(--text-xs);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.turn-plan>p{margin:0;color:var(--color-team-ally);font-size:.7rem;font-weight:800}.turn-plan>p.invalid{color:#ff8a95}.move-directive,.battle-waiting-state{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-control);color:var(--color-team-ally);background:#54f0a412}.move-directive>svg,.battle-waiting-state>svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.move-directive>div,.battle-waiting-state>div:not(.waiting-loadout){display:grid;min-width:0;gap:var(--space-1)}.move-directive strong,.battle-waiting-state strong{color:var(--color-text-strong);font-size:var(--text-xs)}.move-directive span,.battle-waiting-state p{color:var(--color-text-muted);font-size:.7rem;line-height:1.45}.command-section{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-strong)}.command-section.deferred{opacity:.76}.command-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.command-section-heading span{color:var(--color-text-muted);font-size:.68rem;font-weight:700}.battle-command .stance-picker button{min-width:0;min-height:38px;padding:var(--space-3);font-size:var(--text-xs)}.battle-command .ability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.battle-command .battle-ability{display:grid;min-width:0;min-height:58px;align-content:center;justify-items:start;gap:var(--space-1);padding:var(--space-3) var(--space-4);color:var(--color-text);background:var(--color-control);text-align:left}.battle-command .battle-ability strong,.battle-command .battle-ability span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.battle-command .battle-ability strong{font-size:var(--text-xs);white-space:nowrap}.battle-command .battle-ability span{color:var(--color-text-muted);font-size:.68rem;white-space:nowrap}.battle-command .battle-ability.active{color:var(--color-canvas);background:var(--color-brand)}.battle-command .battle-ability.active span{color:#07101cb8}.battle-condition-warning{margin:0;color:#ffb5bd;font-size:.7rem;line-height:1.45}.action-preview{display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);background:#8b84ff14;box-shadow:inset 0 0 0 1px #8b84ff42}.action-preview>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.action-preview>div:first-child span{color:var(--color-text-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.action-preview>div:first-child strong{overflow:hidden;color:var(--color-text-strong);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.action-preview p{color:var(--color-text-soft);font-size:var(--text-xs);line-height:1.45}.action-preview-meta,.waiting-loadout{display:flex;flex-wrap:wrap;gap:var(--space-2)}.commit-turn-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;margin-top:var(--space-1)}.commit-turn-button svg{width:20px;height:20px}.battle-waiting-state{align-content:center;min-height:220px;color:var(--color-text-muted);background:var(--color-surface-emphasis)}.waiting-loadout{grid-column:1 / -1;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-strong)}.battle-intelligence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--layout-gap)}.battle-intelligence>.panel{min-width:0;border:1px solid var(--color-border);background:var(--color-surface-solid);box-shadow:none}.battle-intelligence-heading,.battle-chat .chat-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.battle-intelligence-heading h2,.battle-intelligence-heading span{margin:0}.battle-intelligence-heading span{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:800}.battle-intelligence .log-panel ol,.battle-chat .chat-messages{min-height:190px;max-height:240px;overscroll-behavior:contain}.combat-log-empty{color:var(--color-text-muted);list-style:none}.log-panel ol{display:grid;gap:.5rem;max-height:260px;margin:0;padding-left:1.2rem;overflow:auto;scroll-behavior:auto;color:var(--color-text-soft)}.scroll-region,.chat-scroll-region{position:relative;min-width:0;min-height:0}.chat-scroll-region{display:grid}.lobby-chat .chat-scroll-region,.selection-chat .chat-scroll-region,.lobby-chat .chat-scroll-region .chat-messages,.selection-chat .chat-scroll-region .chat-messages{height:100%}.scroll-latest{position:absolute;z-index:2;right:var(--space-3);bottom:var(--space-3);min-height:32px;padding:var(--space-2) var(--space-4);border:1px solid rgba(247,209,84,.45);border-radius:var(--radius-pill);color:var(--color-canvas-deep);background:var(--color-brand);box-shadow:0 8px 24px #0000006b;font-size:.7rem;white-space:nowrap}.chat-panel{align-content:start}.lobby-chat{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;min-width:0;min-height:0;border:1px solid var(--color-border);background:var(--color-surface-solid);box-shadow:none}.chat-heading{gap:var(--space-5)}.chat-heading h2,.chat-heading h3{margin:0}.selection-chat .chat-heading h3{font-size:var(--text-md)}.chat-heading span{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:800;white-space:nowrap}.chat-messages{display:grid;align-content:start;gap:var(--space-4);min-height:180px;max-height:280px;overflow:auto;padding-right:var(--space-1);overscroll-behavior:contain;scroll-behavior:auto}.lobby-chat .chat-messages{min-height:0;max-height:none}.selection-chat{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;min-width:0;min-height:260px;border:1px solid var(--color-border);background:var(--color-surface-solid);box-shadow:none}.selection-chat .chat-messages{min-height:0;max-height:none}.selection-chat .chat-empty{height:100%;min-height:0;padding:var(--space-5)}.chat-empty{display:grid;align-content:center;justify-items:center;gap:var(--space-3);min-height:180px;padding:var(--space-7);color:var(--color-text-muted);text-align:center}.lobby-chat .chat-empty{height:100%;min-height:0}.chat-empty svg{width:34px;height:34px;fill:none;stroke:var(--color-brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chat-empty strong{color:var(--color-text-soft)}.chat-empty p{max-width:28ch;font-size:var(--text-xs);line-height:1.4}.chat-message{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem;width:min(100%,92%);border:1px solid var(--color-border-strong);border-radius:var(--radius-surface);background:var(--color-surface-emphasis);padding:var(--space-4) var(--space-5)}.chat-message.mine{justify-self:end;border-color:#4aa3ff73;background:#172235}.chat-message.theirs{justify-self:start;border-color:#ff4f5e61}.chat-meta{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:var(--space-5);color:var(--color-text-soft);font-size:var(--text-xs)}.chat-message p{grid-column:2}.chat-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta time{flex:0 0 auto;color:var(--color-text-subtle)}.chat-message p{margin:0;color:var(--color-text);line-height:1.35;overflow-wrap:anywhere}.chat-form{display:grid;gap:var(--space-3)}.chat-form>label{color:var(--color-text-soft);font-size:var(--text-xs)}.chat-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.chat-form-row button{min-width:76px}.victory-screen{--victory-gold: var(--color-brand);--victory-ink: var(--color-canvas-deep);--victory-paper: #f4f0df;--victory-divider: #36323f;--victory-track: #302d38;position:relative;isolation:isolate;contain:paint;display:grid;width:min(100%,100rem);gap:clamp(1.25rem,3vw,2.5rem);margin-inline:auto;overflow:clip;padding:clamp(1rem,3.5vw,3.5rem);border-radius:var(--radius-feature);background:radial-gradient(circle at 50% 13%,rgba(126,81,221,.42),transparent 28rem),linear-gradient(150deg,#151020,#080910 54%,#17101b);box-shadow:0 28px 90px #00000085;animation:victory-screen-enter .7s var(--ease-out) both}.victory-screen.is-draw{--victory-gold: #d9e1f1;background:radial-gradient(circle at 50% 12%,rgba(90,109,150,.38),transparent 30rem),linear-gradient(150deg,#161c28,#080a10 54%,#151925)}.victory-screen.is-draw .victory-confetti{display:none}.victory-rays{position:absolute;z-index:-1;top:-42rem;left:50%;width:86rem;aspect-ratio:1;translate:-50% 0;background:repeating-conic-gradient(from -8deg,rgba(247,209,84,.28) 0deg 4deg,transparent 4deg 11deg);-webkit-mask-image:radial-gradient(circle,#000 0 42%,transparent 72%);mask-image:radial-gradient(circle,#000 0 42%,transparent 72%);animation:victory-rays-turn 30s linear infinite;pointer-events:none}.victory-confetti{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;contain:paint;overflow:clip;pointer-events:none}.victory-confetti i{--confetti-x: 50%;--confetti-delay: 0s;--confetti-color: var(--color-brand);position:absolute;top:-2rem;left:var(--confetti-x);width:7px;height:20px;background:var(--confetti-color);animation:victory-confetti-fall 2.4s cubic-bezier(.22,.61,.36,1) var(--confetti-delay) both}.victory-confetti i:nth-child(1){--confetti-x: 6%;--confetti-delay: .12s;--confetti-color: var(--color-stand)}.victory-confetti i:nth-child(2){--confetti-x: 13%;--confetti-delay: .34s}.victory-confetti i:nth-child(3){--confetti-x: 20%;--confetti-delay: .04s;--confetti-color: #e7558f}.victory-confetti i:nth-child(4){--confetti-x: 29%;--confetti-delay: .46s;--confetti-color: var(--victory-paper)}.victory-confetti i:nth-child(5){--confetti-x: 37%;--confetti-delay: .2s}.victory-confetti i:nth-child(6){--confetti-x: 44%;--confetti-delay: .58s;--confetti-color: var(--color-stand)}.victory-confetti i:nth-child(7){--confetti-x: 52%;--confetti-delay: .08s;--confetti-color: #e7558f}.victory-confetti i:nth-child(8){--confetti-x: 59%;--confetti-delay: .42s}.victory-confetti i:nth-child(9){--confetti-x: 67%;--confetti-delay: .16s;--confetti-color: var(--victory-paper)}.victory-confetti i:nth-child(10){--confetti-x: 73%;--confetti-delay: .66s;--confetti-color: var(--color-stand)}.victory-confetti i:nth-child(11){--confetti-x: 80%;--confetti-delay: .28s}.victory-confetti i:nth-child(12){--confetti-x: 87%;--confetti-delay: .5s;--confetti-color: #e7558f}.victory-confetti i:nth-child(13){--confetti-x: 93%;--confetti-delay: .1s;--confetti-color: var(--victory-paper)}.victory-confetti i:nth-child(14){--confetti-x: 97%;--confetti-delay: .38s}.victory-hero{position:relative;z-index:1;display:grid;justify-items:center;min-width:0;text-align:center}.victory-hero h2{max-width:100%;margin:0;color:var(--victory-gold);font-family:var(--font-display);font-size:clamp(4rem,10vw,6rem);line-height:.82;letter-spacing:.04em;text-wrap:balance;-webkit-text-stroke:2px #1b1100;text-shadow:0 7px 0 #704815,0 20px 44px rgba(0,0,0,.68);animation:victory-title-slam .76s var(--ease-out) 80ms both}.victory-hero h2:focus{outline:none}.is-draw .victory-hero h2{-webkit-text-stroke-color:#101621;text-shadow:0 7px 0 #394458,0 20px 44px rgba(0,0,0,.68)}.result-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3) var(--space-5);max-width:65ch;margin:var(--space-6) 0 clamp(1.25rem,2.4vw,2.25rem);color:#eee9dc;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:800;letter-spacing:.02em}.result-summary strong{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--victory-ink);background:var(--victory-gold);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.is-viewer-loss .result-summary strong{color:#2b0810;background:#ff8995}.winner-lineup{display:flex;justify-content:center;align-items:end;width:min(100%,1040px);min-height:280px;padding-inline:clamp(0rem,4vw,3rem)}.winner-card{position:relative;display:grid;flex:0 1 310px;min-width:0;margin:0 -1.1rem;animation:winner-card-reveal .82s var(--ease-out) .22s both}.winner-card:nth-child(2n){translate:0 .8rem;animation-delay:.3s}.winner-count-1 .winner-card{flex-basis:360px}.winner-count-4 .winner-card{flex-basis:250px;margin-inline:-.55rem}.winner-portrait{position:relative;height:clamp(210px,25vw,340px);overflow:hidden;background:radial-gradient(circle at 50% 28%,rgba(139,132,255,.28),transparent 48%),linear-gradient(160deg,#252034,#0b0c12 76%);box-shadow:0 24px 44px #00000085;clip-path:polygon(8% 0,100% 4%,93% 100%,0 94%)}.winner-card:nth-child(2n) .winner-portrait{clip-path:polygon(0 5%,92% 0,100% 94%,7% 100%)}.winner-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 4px #f7d154d1;clip-path:inherit;pointer-events:none}.winner-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center 42%;filter:saturate(1.12) contrast(1.06) drop-shadow(0 18px 16px rgba(0,0,0,.58));transform:scale(1.03)}.winner-portrait>.avatar-image{width:100%;height:100%;border:0;border-radius:0}.winner-ribbon{position:absolute;z-index:4;right:-.8rem;bottom:4.35rem;min-width:9rem;rotate:-8deg;padding:.55rem 2.4rem;color:#18100a;background:var(--victory-gold);box-shadow:0 10px 24px #00000059;font-size:.78rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.winner-card figcaption{position:relative;z-index:2;display:grid;justify-items:center;gap:.1rem;min-height:76px;align-content:center;margin:-1.25rem .75rem 0;padding:.8rem 1rem;color:#11121a;background:var(--victory-paper);box-shadow:0 14px 32px #0000006b;transform:skew(-3deg)}.winner-card figcaption strong{max-width:100%;font-family:var(--font-display);font-size:clamp(1.15rem,2.1vw,1.75rem);line-height:.94;overflow-wrap:anywhere;text-align:center;text-wrap:balance}.winner-card figcaption span{color:#5c5662;font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.winner-art-fallback{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:var(--space-4);padding:var(--space-7);color:var(--victory-gold);text-align:center}.winner-art-fallback svg{width:72px;height:72px;fill:none;stroke:currentColor;stroke-width:1.25}.winner-art-fallback span{font-family:var(--font-display);font-size:var(--text-lg)}.battle-dossier{position:relative;z-index:2;display:grid;gap:clamp(1.25rem,2.5vw,2rem);padding:clamp(1.25rem,3vw,2.5rem);border-radius:var(--radius-card);background:#171620;box-shadow:var(--shadow-raised)}.dossier-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.dossier-heading h3{margin:0 0 .35rem;color:#f7f3e7;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);line-height:.95;letter-spacing:.02em}.dossier-heading p{margin:0;color:#bdb7c7}.victor-health{display:grid;grid-template-columns:auto auto;gap:.45rem 1rem;width:min(100%,320px);color:#d8d2de;font-size:.88rem}.victor-health strong{color:var(--victory-gold);font-variant-numeric:tabular-nums;text-align:right}.victor-health-track{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--victory-track)}.victor-health-track span{display:block;height:100%;border-radius:inherit;background:var(--victory-gold)}.result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-block:1px solid var(--victory-divider)}.result-stats div{display:grid;gap:.35rem;padding:1.3rem clamp(.8rem,2vw,1.6rem);border-right:1px solid var(--victory-divider)}.result-stats div:last-child{border-right:0}.result-stats dt{color:#a9a2b4;font-size:.78rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.result-stats dd{margin:0;color:#f7f3e7;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:950;line-height:1;font-variant-numeric:tabular-nums}.result-roster{display:grid}.result-roster article{display:grid;grid-template-columns:auto minmax(130px,1fr) minmax(170px,.7fr) auto;align-items:center;gap:1rem;min-width:0;padding:.85rem 0;border-bottom:1px solid #312e39}.result-roster article:last-child{border-bottom:0}.result-roster article.lost{color:#c6c0cc}.result-roster article.viewer{margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4);border-radius:var(--radius-control);background:#4aa3ff0f}.roster-identity,.roster-health{display:grid;min-width:0;gap:.25rem}.roster-identity strong{overflow:hidden;color:#f6f2e8;text-overflow:ellipsis;white-space:nowrap}.roster-identity span,.roster-health>span{color:#aaa4b4;font-size:.8rem}.roster-identity em{color:var(--color-team-self);font-style:normal;font-weight:900}.roster-health>div{height:5px;overflow:hidden;border-radius:var(--radius-pill);background:var(--victory-track)}.roster-health i{display:block;height:100%;background:var(--color-stand)}.won .roster-health i{background:var(--victory-gold)}.roster-result{min-width:5rem;color:#9f98aa;font-size:.78rem;letter-spacing:.08em;text-align:right;text-transform:uppercase}.won .roster-result{color:var(--victory-gold)}.victory-rematch{display:flex;align-items:center;justify-content:space-between;width:min(100%,760px);gap:var(--space-6);margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid rgba(247,209,84,.34);border-radius:var(--radius-card);background:#080910c7;box-shadow:0 18px 42px #00000061;text-align:left}.victory-rematch>div{display:grid;min-width:0;gap:var(--space-1)}.victory-rematch>div strong{color:var(--victory-paper);font-size:var(--text-sm)}.victory-rematch>div span{color:#bdb7c7;font-size:var(--text-xs);line-height:1.4}.rematch-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-width:190px;min-height:52px;color:#18100a;background:var(--victory-gold);box-shadow:0 14px 28px #00000057;transition:translate var(--duration-standard) var(--ease-out),box-shadow var(--duration-standard) var(--ease-out),filter var(--duration-fast) ease}.rematch-button:hover:not(:disabled){translate:0 -2px;box-shadow:0 18px 34px #0000006b}.rematch-button:active:not(:disabled){translate:0 1px}.rematch-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.rematch-button[aria-busy=true] svg{display:none}.rematch-button[aria-busy=true]{opacity:1}.post-battle-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--layout-gap)}.post-battle-grid>.panel{min-width:0;border:1px solid var(--color-border);background:var(--color-surface-solid);box-shadow:none}.post-battle-grid .log-panel ol,.post-battle-grid .chat-messages{min-height:220px;max-height:300px;overscroll-behavior:contain}.team-playtest-check{display:grid;gap:var(--space-5);padding-block:var(--space-6);border-block:1px solid var(--victory-divider)}.team-playtest-check>header,.team-playtest-check>footer,.team-playtest-check.recorded{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.team-playtest-check h4{margin:0 0 var(--space-1);color:var(--victory-paper);font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1}.team-playtest-check header p,.team-playtest-check.recorded p,.team-playtest-check footer p{max-width:68ch;margin:0;color:#bdb7c7;font-size:var(--text-xs);line-height:1.5}.team-playtest-check header>span,.team-playtest-check.recorded>span{flex:0 0 auto;color:var(--victory-gold);font-size:var(--text-xs);font-weight:900;letter-spacing:.06em;text-transform:uppercase}.team-playtest-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem)}.team-playtest-questions fieldset{display:grid;align-content:start;min-width:0;margin:0;padding:0;border:0}.team-playtest-questions legend{width:100%;margin-bottom:var(--space-3);padding:0;color:#f7f3e7;font-size:var(--text-sm);font-weight:850;line-height:1.35}.team-playtest-questions label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);padding:.7rem var(--space-2);border-top:1px solid #312e39;color:#d8d2de;cursor:pointer;line-height:1.4}.team-playtest-questions label:last-child{border-bottom:1px solid #312e39}.team-playtest-questions label:hover,.team-playtest-questions label:has(input:checked){color:#fff8dc;background:#f7d15414}.team-playtest-questions input{width:1rem;height:1rem;margin:.14rem 0 0;accent-color:var(--victory-gold)}.team-playtest-check footer button{flex:0 0 auto;min-height:44px;padding-inline:var(--space-5);color:#18100a;background:var(--victory-gold)}.team-playtest-check footer button[aria-busy=true]{opacity:1}.team-playtest-check.recorded{color:#dff8df}.team-playtest-error{margin:calc(var(--space-2) * -1) 0 0;color:#ffabb3;font-size:var(--text-xs);font-weight:750}@media(max-width:760px){.team-playtest-check>header,.team-playtest-check>footer,.team-playtest-check.recorded{align-items:flex-start;flex-direction:column}.team-playtest-questions{grid-template-columns:1fr}.team-playtest-check footer button{width:100%}}@keyframes victory-screen-enter{0%{opacity:0;filter:blur(12px);transform:scale(1.015)}}@keyframes victory-title-slam{0%{opacity:.15;filter:blur(8px);transform:translateY(-2.5rem) scale(1.24)}}@keyframes winner-card-reveal{0%{opacity:0;filter:blur(9px);transform:translateY(5rem) rotate(-2deg)}}@keyframes victory-rays-turn{to{transform:rotate(360deg)}}@keyframes victory-confetti-fall{0%{opacity:0;transform:translate3d(0,-2rem,0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(4rem,44rem,0) rotate(540deg)}}.stand-stats-radar{width:100%;max-width:124px;aspect-ratio:1;border:1px solid rgba(247,209,84,.28);border-radius:var(--radius-pill);background:radial-gradient(circle at 50% 50%,rgba(247,209,84,.16),transparent 44%),radial-gradient(circle at 50% 50%,#3d4037 0%,var(--color-surface-raised) 72%)}.stand-stats-radar svg{display:block;width:100%;height:100%}.radar-grid{fill:none;stroke:#f4e79738;stroke-width:.8}.radar-axis{stroke:#f4e79759;stroke-width:.9}.radar-fill{fill:#453cff80}.radar-stroke{fill:none;stroke:var(--color-stand);stroke-width:1.7}.radar-label,.radar-rank{fill:#dce4f3;font-family:var(--font-body);font-size:8.5px;font-weight:900;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#000000bf;stroke-width:2px}.radar-rank{fill:var(--color-brand);font-size:10px}.battle-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-4);overflow:hidden;border-radius:var(--radius-surface);background:linear-gradient(90deg,#182238f5,#0a0b10f0 48%,#361425f5),#090b10;animation:intro-fade 2.4s ease forwards;pointer-events:none}.vs-side{display:grid;justify-items:center;gap:var(--space-4);min-width:0;padding:var(--space-5)}.vs-side.left{justify-items:start;text-align:left}.vs-side.right{justify-items:end;text-align:right}.vs-side strong,.vs-mark{font-family:var(--font-display);color:var(--color-brand);text-shadow:3px 4px 0 #000000}.vs-side strong{max-width:100%;font-size:clamp(1.25rem,2.4vw,2.6rem);line-height:.9;overflow-wrap:anywhere}.vs-side p{max-width:100%;margin:0;overflow:hidden;color:#dce4f3;font-size:var(--text-xs);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.vs-character-frame{position:relative;display:grid;place-items:center;width:min(100%,270px);height:min(34vh,320px)}.vs-character-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 18px rgba(0,0,0,.65))}.vs-character-frame[data-fighters="2"] img{width:72%}.vs-character-frame[data-fighters="2"] img:first-child{right:auto;z-index:2}.vs-character-frame[data-fighters="2"] img:last-child{left:auto;z-index:1;opacity:.82}.vs-side.left .vs-character-frame img{transform:scaleX(-1)}.vs-mark{font-size:clamp(2.5rem,5vw,5rem)}@keyframes intro-fade{0%{opacity:0;transform:scale(1.04)}12%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.turn-callout,.guard-chip,.ui-badge{display:inline-flex;align-items:center;width:fit-content;margin:.1rem 0 .5rem;border:1px solid rgba(247,209,84,.45);border-radius:var(--radius-sm);padding:.2rem .45rem;background:#f7d15414;color:var(--color-brand);font-size:var(--text-xs);font-weight:800}.active-combatant{border-radius:var(--radius-sm);padding:.55rem;background:#f7d1540f;box-shadow:inset 0 0 0 1px #f7d15452}.health-label strong,.stats-row strong,.audio-control strong,.lobby-code-action code,.lobby-progress strong,.result-stats dd,.roster-health,.victor-health strong{font-variant-numeric:tabular-nums}@media(min-width:1440px){:root{--layout-gap: var(--space-7);--panel-padding: var(--space-7);--shell-gutter: var(--space-6)}}@media(min-width:1900px){:root{--layout-max: 112.5rem;--shell-gutter: var(--space-8)}}@media(max-width:1180px)and (min-width:561px){:root{--shell-viewport-offset: 10rem;--board-viewport-offset: 11.5rem}.command-bar{grid-template-columns:minmax(200px,1fr) auto;grid-template-areas:"brand actions" "context context";row-gap:var(--space-4)}.brand-lockup{grid-area:brand}.command-context{grid-area:context;justify-content:flex-start;padding-top:var(--space-3);border-top:1px solid var(--color-border-strong)}.command-actions{grid-area:actions}}@media(max-width:900px){.home-stage,.lobby-stage,.selection-workspace,.battle-layout,.battle-workspace,.battle-intelligence{grid-template-columns:1fr}.battle-command{max-height:none}.battle-hud{grid-template-columns:1fr}.battle-hud-header{padding-right:0;padding-bottom:var(--space-5);border-right:0;border-bottom:1px solid var(--color-border-strong)}.selection-rail-sticky{position:static;max-height:none}.home-stage{height:auto;min-height:auto}.home-artwork img{min-height:300px}.lobby-stage{height:auto;min-height:auto}.lobby-main{min-height:620px}.lobby-chat{min-height:420px}.board-panel{justify-content:start;overflow-x:auto}.battle-board-frame{width:min(100%,calc(100vw - 2.5rem),calc(100vh - 10rem),940px)}.winner-lineup{min-height:280px}.winner-card{margin-inline:-.5rem}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.result-stats div:nth-child(2){border-right:0}.result-stats div:nth-child(-n+2){border-bottom:1px solid var(--victory-divider)}}@media(max-width:560px){.app-shell{width:min(100vw - 1rem,1180px)}.command-bar{grid-template-columns:1fr;grid-template-areas:"brand" "context" "actions";align-items:stretch}.brand-lockup{grid-area:brand}.command-context{grid-area:context;justify-content:flex-start;flex-wrap:wrap;padding-block:var(--space-4);border-block:1px solid var(--color-border-strong)}.command-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.account-trigger,.settings-trigger{width:100%}.account-menu .command-popover{right:auto;left:0}.command-popover{width:calc(100vw - 2rem)}.audio-control{grid-template-columns:46px 62px minmax(72px,1fr) 40px}.ability-list,.mode-toggle,.stance-picker,.turn-stepper{grid-template-columns:1fr}.home-manifesto{grid-template-columns:1fr;align-items:start}.home-path{justify-content:space-between}.lobby-header,.lobby-code-action{align-items:flex-start;flex-direction:column}.lobby-progress{justify-items:start}.lobby-formation{grid-template-columns:1fr}.lobby-versus{justify-self:center}.lobby-seat{grid-template-columns:auto minmax(0,1fr)}.lobby-seat-status{grid-column:2;width:fit-content}.lobby-invite{align-items:flex-start;flex-direction:column}.lobby-code-action{width:100%}.battle-intro{grid-template-columns:1fr}.battle-intro{gap:0}.vs-character-frame{width:170px;height:150px}.victory-screen{margin-inline:-.1rem;padding:1rem;border-radius:12px}.victory-hero h2{font-size:clamp(3.25rem,15.5vw,4.6rem);-webkit-text-stroke-width:1px;text-shadow:0 5px 0 #704815,0 16px 34px rgba(0,0,0,.68)}.winner-lineup{align-items:stretch;min-height:0;padding-inline:0}.winner-card,.winner-card:nth-child(2n){margin-inline:-.3rem;translate:0 0}.winner-portrait{height:clamp(180px,58vw,290px)}.winner-card figcaption{margin-inline:.4rem;padding-inline:.5rem}.winner-card figcaption strong{font-size:clamp(1rem,5vw,1.5rem)}.winner-card figcaption span,.winner-ribbon{font-size:.65rem}.dossier-heading,.victory-rematch{align-items:stretch;flex-direction:column}.victor-health{width:100%}.result-stats dt{font-size:.66rem}.result-roster article{grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem}.result-roster .avatar-image{grid-row:1 / span 2;align-self:start}.roster-health{grid-column:2 / -1;grid-row:2}.roster-result{grid-column:3;grid-row:1}.rematch-button{width:100%}.post-battle-grid{grid-template-columns:1fr}}@media(max-height:780px)and (min-width:901px){.app-shell{padding-top:var(--space-2)}.command-bar[data-phase=battle]{grid-template-columns:minmax(170px,.48fr) minmax(0,1fr) auto;grid-template-areas:"brand context actions";min-height:56px;row-gap:0;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4)}.command-bar[data-phase=battle] .brand-lockup h1{font-size:clamp(1.65rem,2.3vw,2.15rem)}.command-bar[data-phase=battle] .brand-lockup p,.command-bar[data-phase=battle] .account-trigger-copy,.command-bar[data-phase=battle] .settings-trigger>span,.command-bar[data-phase=battle] .command-chevron{display:none}.command-bar[data-phase=battle] .command-context{justify-content:center;padding-top:0;border-top:0}.command-bar[data-phase=battle] .command-actions{gap:var(--space-2)}.command-bar[data-phase=battle] .account-trigger,.command-bar[data-phase=battle] .settings-trigger{display:grid;grid-template-columns:1fr;width:42px;min-height:42px;place-items:center;padding:var(--space-2)}.battle-stage{gap:var(--space-3)}.battle-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:var(--space-3)}.victory-screen{gap:var(--space-6);padding:var(--space-7)}.victory-hero h2{font-size:clamp(3.75rem,7vw,4.75rem)}.result-summary{margin-block:var(--space-5) var(--space-6)}.winner-lineup{min-height:220px}.winner-portrait{height:min(29vh,230px)}.winner-card figcaption{min-height:66px}.winner-ribbon{bottom:3.85rem}.battle-dossier{gap:var(--space-6);padding:var(--space-7)}.battle-hud{gap:var(--space-4);padding:var(--space-3)}.battle-hud-header{gap:var(--space-2);padding-right:var(--space-3)}.battle-hud-header h2{font-size:clamp(1.45rem,2.2vw,1.9rem)}.battle-hud-header p{font-size:.68rem}.combatant-card{padding:var(--space-2) var(--space-3)}.combatant-card-header{gap:var(--space-2);margin-bottom:var(--space-1)}.combatant-card-header small{display:none}.combatant-id{width:24px;height:24px}.combatant-card .status-chip-row{min-height:0;margin-top:var(--space-1)}.combatant-card .status-chip-row small{padding-block:1px;font-size:.62rem}.health-track{height:6px}.battle-arena-header{padding:var(--space-3) var(--space-4)}.battle-arena-header h2{font-size:1.65rem}.battle-arena-header p{display:none}.board-panel{padding:var(--space-3)}.battle-board-frame{width:min(100%,calc(100vh - 15.5rem),900px)}.battle-command{gap:var(--space-3);max-height:calc(100vh - 10.75rem);padding:var(--space-4)}.battle-command-scroll{gap:var(--space-3)}.battle-command-header h2{font-size:1.7rem}.battle-command-header p{display:-webkit-box;overflow:hidden;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.turn-plan,.move-directive,.action-preview{padding:var(--space-3)}.command-section{gap:var(--space-2);padding-top:var(--space-3)}.battle-command .battle-ability{min-height:48px}.action-preview{gap:var(--space-2)}.commit-turn-button{min-height:44px}.selection-header{padding-block:var(--space-5)}.selection-header h2{font-size:clamp(2.2rem,3.3vw,3.35rem)}.stand-card{gap:var(--space-5);padding:var(--space-5)}.stand-preview{height:148px}.stand-kit li{padding-block:var(--space-3)}.selection-rail-sticky{grid-template-rows:auto minmax(220px,1fr)}.selection-readiness{gap:var(--space-3);padding:var(--space-4)}.selection-player{min-height:46px;padding:var(--space-2)}.selection-player .avatar-image{width:32px;height:32px}.selection-current-pick{grid-template-columns:56px minmax(0,1fr);padding-top:var(--space-3)}.selection-current-art,.selection-current-pick.empty>svg{width:56px;height:56px}.selection-chat{min-height:220px}}@media(max-width:560px){.selection-header{align-items:stretch;flex-direction:column}.selection-progress{width:100%}.stand-grid{grid-template-columns:1fr}.stand-card-media{grid-template-columns:minmax(0,1fr) minmax(108px,120px)}}.team-mode-picker button{min-height:132px;align-content:start;gap:var(--space-2)}.team-mode-promise{color:var(--color-text-soft);font-size:.66rem;line-height:1.35}.team-mode-picker button.active .team-mode-promise{color:#07101cd1}.team-mode-formation{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2);border-top:1px solid rgba(174,183,200,.2)}.team-mode-formation b{color:var(--color-text-subtle);font-size:.58rem;letter-spacing:.08em}.team-mode-picker button.active .team-mode-formation{border-top-color:#07101c38}.team-mode-picker button.active .team-mode-formation b{color:#07101c9e}.formation-side{display:flex;align-items:center;gap:var(--space-2)}.formation-side.right{justify-content:flex-end}.formation-side i{width:12px;height:12px;border:2px solid currentColor;border-radius:3px;background:currentColor;box-shadow:inset 0 0 0 2px var(--color-control)}.formation-side.left{color:var(--color-team-self)}.formation-side.right{color:var(--color-team-enemy)}.team-mode-picker button.active .formation-side{color:var(--color-ink)}.team-mode-picker button.active .formation-side i{box-shadow:inset 0 0 0 2px var(--color-action)}.team-format-brief{min-width:0;display:grid;grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6);border:1px solid rgba(247,209,84,.3);border-radius:var(--radius-card);background:linear-gradient(120deg,rgba(247,209,84,.1),transparent 44%),var(--color-surface-emphasis);box-shadow:0 14px 34px #00000029}.team-format-brief>div:first-child{min-width:0;display:grid;gap:var(--space-1)}.team-format-brief>div:first-child strong{color:var(--color-brand);font-family:var(--font-display);font-size:clamp(1.45rem,2vw,2rem);line-height:.95}.team-format-brief>div:first-child span,.team-format-brief>p{margin:0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.45}.team-format-trade{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.team-format-trade>span{min-width:0;padding:var(--space-4);border:1px solid rgba(174,183,200,.18);border-radius:var(--radius-control);color:var(--color-text-soft);background:#090b105c;font-size:var(--text-xs);line-height:1.4;overflow-wrap:anywhere}.team-format-trade>span:first-child b{color:var(--color-objective)}.team-format-trade>span:last-child b{color:var(--color-team-ally)}.team-seat-badge{display:inline-flex;margin-inline-start:var(--space-1);padding:.1rem .3rem;border-radius:3px;font-size:.52rem;font-weight:950;letter-spacing:.06em;vertical-align:middle}.team-seat-badge.solo{color:#fff0a8;background:#f7d15429}.team-seat-badge.partner{color:#bdf9d7;background:#54f0a41f}.resolve-meter{display:grid;gap:.22rem;margin-top:var(--space-2)}.resolve-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:#ffe79a;font-size:.62rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.resolve-label strong{font-variant-numeric:tabular-nums}.resolve-track{height:5px;overflow:hidden;border-radius:2px;background:#332f20}.resolve-track i{display:block;width:100%;height:100%;background:#f7d154;box-shadow:0 2px 10px #f7d15447;transform:scaleX(var(--resolve-ratio));transform-origin:left center;transition:transform var(--duration-standard) var(--ease-out)}.resolve-meter.depleted{opacity:.52}.turn-order li.reaction-step{color:var(--color-objective)}.turn-order li.reaction-step span{border-style:dashed;border-color:#f7d1548c}.turn-order li.reaction-step.active span{color:var(--color-ink);background:var(--color-objective)}.battle-command.is-reaction{box-shadow:inset 0 0 0 1px #f7d15461,var(--shadow-raised)}.battle-command.is-reaction .battle-command-scroll,.battle-command.is-reaction .reaction-composer{gap:var(--space-3)}.reaction-composer{min-width:0;display:grid;align-content:start;gap:var(--space-5)}.reaction-composer>header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5)}.reaction-composer h3,.reaction-composer p{margin:0}.reaction-composer h3{color:var(--color-brand);font-family:var(--font-display);font-size:clamp(1.7rem,2.7vw,2.45rem);line-height:.95}.reaction-composer header p{max-width:48ch;margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.45}.reaction-timer{min-width:58px;display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center;gap:.2rem;padding:var(--space-3);border:1px solid rgba(247,209,84,.45);border-radius:var(--radius-control);color:var(--color-brand);background:#1d1b12;font-variant-numeric:tabular-nums}.reaction-timer strong{font-size:1.25rem}.reaction-timer span{font-size:.58rem;font-weight:900;text-transform:uppercase}.reaction-timer.urgent{color:#ff9aa4;border-color:#ff4f5e94;background:#28131a}.reaction-timer-track{height:5px;overflow:hidden;border-radius:2px;background:var(--color-track)}.reaction-timer-track i{display:block;width:100%;height:100%;background:var(--color-objective);transform:scaleX(var(--reaction-time));transform-origin:left center;transition:transform .2s linear,background-color var(--duration-fast) var(--ease-out)}.reaction-guide{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid rgba(141,184,255,.32);border-radius:var(--radius-control);color:var(--color-text-soft);background:#1e2e468f}.reaction-guide p{font-size:var(--text-xs);line-height:1.45}.reaction-guide button{flex:0 0 auto;padding:var(--space-2) var(--space-4);color:var(--color-text);background:var(--color-control)}.reaction-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.reaction-options button{min-width:0;min-height:86px;display:grid;align-content:start;justify-items:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-surface);color:var(--color-text-soft);background:var(--color-surface-raised);text-align:left;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.reaction-options button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-border-interactive)}.reaction-options button.selected{border-color:#f7d154c7;background:#282416}.reaction-options button:disabled{opacity:.5;cursor:not-allowed}.reaction-options button>span{color:var(--color-objective);font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.reaction-options button strong{color:var(--color-text-strong);font-size:var(--text-sm);line-height:1.25}.reaction-detail{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);color:#fff0a8;background:#f7d1541a}.reaction-detail span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.focus-ability-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;border:0}.focus-ability-picker legend{grid-column:1 / -1;margin-bottom:var(--space-1);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:900}.focus-ability-picker label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-control);cursor:pointer}.focus-ability-picker label>span{min-width:0;display:flex;justify-content:space-between;gap:var(--space-3)}.focus-ability-picker strong{overflow:hidden;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.focus-ability-picker small{color:var(--color-brand);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.commit-reaction-button{width:100%;min-height:52px;color:var(--color-ink);background:var(--color-action);font-weight:950}.commit-reaction-button:disabled{color:var(--color-text-muted);background:var(--color-control)}.team-format-rules{width:min(100%,32rem);justify-self:end;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-solid)}.team-format-rules summary{padding:var(--space-3) var(--space-4);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:900;cursor:pointer}.team-format-rules>div{padding:0 var(--space-4) var(--space-4)}.team-format-rules-section{display:grid;gap:var(--space-3)}.team-format-rules-section h4,.team-format-rules-section p{margin:0}.team-format-rules-section h4{color:var(--color-brand);font-size:var(--text-sm)}.team-format-rules-section p{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.bizarre-rules-panel>.team-format-rules-section{padding-top:var(--space-5);border-top:1px solid var(--color-border-strong)}.team-balance-receipt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid rgba(247,209,84,.36);border-radius:var(--radius-surface);color:var(--color-text-soft);background:#211e14;box-shadow:0 14px 34px #00000038}.team-balance-receipt.last-stand{border-color:#ff4f5e7a;background:#28151b}.team-balance-receipt.reaction{border-color:#8db8ff6b;background:#172033}.team-balance-receipt>div{min-width:0;display:grid;gap:var(--space-1)}.team-balance-receipt strong{color:var(--color-brand);font-size:var(--text-sm);overflow-wrap:anywhere}.team-balance-receipt span{color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.team-balance-receipt button{flex:0 0 auto;padding:var(--space-2) var(--space-4);color:var(--color-text-soft);background:var(--color-control)}@media(max-width:900px){.team-format-brief,.reaction-options{grid-template-columns:1fr}.reaction-options button{min-height:0}}@media(max-width:560px){.team-format-trade,.focus-ability-picker{grid-template-columns:1fr}.reaction-composer>header,.reaction-guide,.team-balance-receipt{align-items:stretch;flex-direction:column}.reaction-timer{align-self:flex-start}.team-balance-receipt button{width:100%}}@media(prefers-reduced-motion:reduce){.reaction-options button,.reaction-timer-track i,.resolve-track i{transition:none}.reaction-options button:hover:not(:disabled){transform:none}}@media(forced-colors:active){.resolve-track,.reaction-timer-track{border:1px solid CanvasText}.resolve-track i,.reaction-timer-track i{background:Highlight}}.animation-lab-shell{--lab-gold: #f7d154;--lab-violet: #8b84ff;min-height:100vh;display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);color:#f5f7fb;background:radial-gradient(circle at 72% 12%,rgba(139,132,255,.14),transparent 31rem),#090b10}.animation-lab-catalog{position:sticky;z-index:2;top:0;height:100vh;overflow-y:auto;padding:1.5rem 1.25rem 3rem;border-right:1px solid rgba(247,209,84,.18);background:#090b10e6;box-shadow:16px 0 48px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.animation-lab-title{padding:.35rem .25rem 1.35rem;border-bottom:1px solid rgba(247,209,84,.2)}.animation-lab-title>span,.animation-lab-toolbar>div:first-child>span{display:block;color:var(--lab-gold);font-size:.7rem;font-weight:800;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.animation-lab-title h1,.animation-lab-toolbar h2{margin:.45rem 0 0;font-family:var(--font-display);font-weight:400;letter-spacing:.025em;line-height:.95;text-wrap:balance}.animation-lab-title h1{max-width:13ch;font-size:clamp(2rem,3vw,2.7rem)}.animation-lab-title p,.animation-lab-toolbar p{color:var(--color-text-muted);line-height:1.55}.animation-lab-title p{margin:.85rem 0 0;font-size:.78rem}.animation-lab-group{margin-top:1.25rem}.animation-lab-group h2{margin:0 0 .5rem .25rem;color:#cfd5e1;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.animation-lab-group>div{display:grid;gap:.25rem}.animation-lab-group button,.animation-lab-actions button,.animation-lab-actions select{min-height:38px;border:1px solid rgba(143,153,173,.2);border-radius:5px;color:var(--color-text-soft);background:#171c27b8;font:inherit;transition:color .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1),background-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}.animation-lab-group button{position:relative;width:100%;padding:.55rem .7rem .55rem 1rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.animation-lab-group button:before{content:"";position:absolute;inset:7px auto 7px 0;width:3px;background:transparent}.animation-lab-group button.is-active{border-color:#f7d1549e;color:#fff7d1;background:linear-gradient(90deg,#f7d1542e,#f7d1540a)}.animation-lab-group button.is-active:before{background:var(--lab-gold);box-shadow:0 0 14px #f7d154b8}.animation-lab-stage{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1.25rem;padding:clamp(1rem,2.5vw,2rem)}.animation-lab-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;min-height:88px;padding-bottom:1rem;border-bottom:1px solid rgba(143,153,173,.2)}.animation-lab-toolbar>div:first-child{flex:1 1 auto;min-width:0}.animation-lab-toolbar h2{font-size:clamp(2rem,4vw,3.35rem);white-space:normal}.animation-lab-toolbar p{max-width:64ch;margin:.65rem 0 0;font-size:.83rem}.animation-lab-actions{flex:0 0 auto;display:flex;align-items:end;gap:.5rem}.animation-lab-actions label{display:grid;gap:.3rem;color:var(--color-text-subtle);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.animation-lab-actions select,.animation-lab-actions button{padding:.5rem .75rem;cursor:pointer}.animation-lab-actions button.is-active{border-color:var(--lab-violet);color:#f1efff;background:#8b84ff33}.animation-lab-actions button:active{transform:scale(.97)}.animation-lab-board{min-height:0;display:grid;place-items:center;isolation:isolate}.animation-lab-board:before{content:"";position:absolute;z-index:-1;width:min(70vw,760px);aspect-ratio:1;border-radius:50%;background:#8b84ff14;filter:blur(80px)}.animation-lab-board .battle-board-frame{width:min(100%,calc(100vh - 15.5rem),760px);border:1px solid rgba(247,209,84,.24);border-radius:9px;background:#06070a;box-shadow:0 0 0 6px #080a0fcc,0 28px 70px #00000080,0 0 48px #8b84ff14}.animation-lab-board .phaser-board{border-radius:8px}.animation-lab-readout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;min-height:42px;padding:.65rem .85rem;border:1px solid rgba(143,153,173,.16);border-radius:6px;color:var(--color-text-subtle);background:#0d1119c2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-variant-numeric:tabular-nums}.animation-lab-readout strong,.animation-lab-readout code{color:var(--color-text-strong)}.animation-lab-readout .is-clean{color:#73e6ad}@media(hover:hover)and (pointer:fine){.animation-lab-group button:hover,.animation-lab-actions button:hover,.animation-lab-actions select:hover{border-color:#f7d15485;color:#fff;background-color:#2a3142e6}}@media(max-width:1040px){.animation-lab-shell{grid-template-columns:1fr}.animation-lab-catalog{position:relative;height:auto;max-height:38vh;border-right:0;border-bottom:1px solid rgba(247,209,84,.18)}.animation-lab-toolbar{align-items:stretch;flex-direction:column}.animation-lab-actions{flex-wrap:wrap}.animation-lab-board .battle-board-frame{width:min(100%,720px)}}@media(max-width:640px){.animation-lab-stage{padding:.75rem}.animation-lab-toolbar h2{font-size:2.35rem}.animation-lab-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.animation-lab-actions label,.animation-lab-actions select,.animation-lab-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.victory-screen,.victory-hero h2,.winner-card,.victory-confetti i,.victory-rays,.home-visual,.stand-card.selected,.lobby-waiting-signal i,.battle-intro,.battle-loader-mark,.command-popover,button[aria-busy=true]:after{animation:none}button,input,.health-fill,.selection-progress-track i,.command-trigger,.command-chevron,.button-arrow,.skip-link,.rematch-button,.animation-lab-group button,.animation-lab-actions button,.animation-lab-actions select{transition:none}.chat-messages,.log-panel ol{scroll-behavior:auto}}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--battle-ink: #10131a;--battle-panel: #171922;--battle-panel-raised: #20232e;--battle-paper: #eef0f7;--battle-muted: #aeb7c8;--battle-gold: #f7d154;--battle-red: #ff4f5e;--battle-green: #54f0a4;--battle-violet: #b994ff}.app-shell.phase-battle{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0;overflow:hidden;background:var(--battle-ink)}.phase-battle>.command-bar{position:absolute;z-index:70;inset:.65rem .75rem auto;min-height:58px;margin:0;padding:.35rem .55rem;border-color:#eef0f729;background:linear-gradient(90deg,#10131af5,#171922db,#10131af5);box-shadow:0 12px 35px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.battle-stage.arena-first{isolation:isolate;position:relative;width:100%;height:100dvh;min-height:680px;overflow:hidden;color:var(--battle-paper);background:#151821}.battle-stage-backdrop{position:absolute;z-index:-3;top:-2.5rem;right:-2.5rem;bottom:-2.5rem;left:-2.5rem;background-image:linear-gradient(180deg,#0c0e147a,#0c0e1408 35%,#0c0e1414 58%,#0c0e14e0),radial-gradient(circle at 50% 45%,transparent 0 24%,rgba(12,14,20,.24) 72%,rgba(12,14,20,.7) 100%),var(--battle-terrain);background-position:center;background-size:cover;filter:saturate(.82) contrast(1.05);transform:scale(1.04)}.battle-stage-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:repeating-linear-gradient(118deg,transparent 0 18px,rgba(238,240,247,.08) 19px,transparent 20px 39px);mix-blend-mode:overlay;pointer-events:none}.battle-hud{position:absolute;z-index:20;inset:4.9rem 1rem auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr) minmax(0,1fr);align-items:start;gap:clamp(.6rem,2vw,2rem);pointer-events:none}.battle-hud-team{display:grid;gap:.35rem}.fighter-hud{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;min-width:0;max-width:470px;min-height:62px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}.fighter-hud.is-mirrored{grid-template-columns:minmax(0,1fr) 68px;margin-left:auto;text-align:right}.fighter-hud.is-mirrored .fighter-hud-portrait{order:2}.fighter-hud.is-mirrored .fighter-hud-vitals{clip-path:polygon(0 0,100% 0,94% 100%,5% 100%)}.fighter-hud.is-mirrored .fighter-health-track i{margin-left:auto}.fighter-hud.is-ko{opacity:.42;filter:grayscale(.8)}.fighter-hud-portrait{position:relative;z-index:1;width:68px;height:68px;overflow:hidden;border:2px solid var(--battle-paper);background:#242734;clip-path:polygon(14% 0,100% 0,88% 100%,0 88%)}.fighter-hud-portrait img{width:100%;height:100%;object-fit:contain;filter:saturate(.88) contrast(1.06)}.fighter-hud-portrait span{position:absolute;inset:auto 0 0;padding:.1rem .25rem;color:var(--battle-ink);background:var(--battle-gold);font:900 .58rem/1 var(--font-display);letter-spacing:.08em;text-align:center}.fighter-hud-vitals{min-width:0;margin-left:-8px;padding:.35rem .75rem .42rem 1rem;background:linear-gradient(100deg,#10131af5,#222530eb);clip-path:polygon(4% 0,95% 0,100% 100%,0 100%)}.fighter-hud.is-mirrored .fighter-hud-vitals{margin-right:-8px;margin-left:0;padding-right:1rem;padding-left:.75rem}.fighter-hud.is-active .fighter-hud-vitals{box-shadow:inset 0 -2px var(--battle-gold)}.fighter-hud-name{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.fighter-hud.is-mirrored .fighter-hud-name{flex-direction:row-reverse}.fighter-hud-name strong{overflow:hidden;font:900 clamp(.72rem,1vw,.94rem)/1 var(--font-display);letter-spacing:.045em;text-overflow:ellipsis;white-space:nowrap}.fighter-hud-name span{overflow:hidden;color:var(--battle-muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.fighter-health-track{position:relative;height:15px;margin-top:.24rem;overflow:hidden;border:2px solid rgba(238,240,247,.74);background:#3a1820;transform:skew(-8deg)}.fighter-health-track em{position:absolute;z-index:0;inset:0 auto 0 0;display:block;background:#ffd8c0;transition:inline-size .22s var(--ease-out)}.fighter-health-track i{position:relative;z-index:1;display:block;height:100%;background:linear-gradient(90deg,#cf2f42,var(--battle-red) 60%,#ff8d96);transition:inline-size .18s var(--ease-out)}.fighter-health-track b{position:absolute;inset:0 .25rem auto auto;color:#fff5f1;font-size:.62rem;line-height:11px;transform:skew(8deg)}.fighter-resource-row{display:flex;justify-content:flex-end;gap:.3rem;margin-top:.22rem}.fighter-hud.is-mirrored .fighter-resource-row{justify-content:flex-start}.fighter-resource-row span{padding:.08rem .3rem;color:#dce2ee;background:#78829e33;font:800 .54rem/1 var(--font-body);letter-spacing:.06em}.fighter-resource-row .stability-shards{display:inline-flex;align-items:center;gap:.16rem;color:#ffe89a;background:#f7d15424}.stability-shards b{margin-right:.08rem;font:inherit}.stability-shards i{width:7px;height:7px;border:1px solid #ffe89a;background:transparent;transform:rotate(45deg) scale(.68);transition:background-color .18s var(--ease-out),transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.stability-shards i.is-filled{background:var(--battle-gold);box-shadow:1px 2px 5px #f7d15452;transform:rotate(45deg) scale(1)}.stability-shards.stability-0{color:#ff98a1;background:#ff4f5e33}.fighter-resource-row .punish-flag{color:#fff4f5;background:#ff4f5e57}.fighter-resource-row .punish-flag.is-opening{color:#fff0a8;background:#ff4f5e80;outline:1px solid rgba(255,240,168,.72)}.fighter-resource-row .punish-flag.is-recovery{color:#f3ebff;background:#b994ff4d}.battle-hud-center{min-width:0;text-align:center;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}.battle-round-crest{display:inline-flex;flex-direction:column;min-width:180px;padding:.28rem 1.2rem .4rem;background:var(--battle-ink);clip-path:polygon(8% 0,92% 0,100% 50%,90% 100%,10% 100%,0 50%)}.battle-round-crest span{color:var(--battle-muted);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}.battle-round-crest strong{color:var(--battle-gold);font:900 clamp(.9rem,1.4vw,1.2rem)/1.15 var(--font-display);letter-spacing:.08em}.battle-objective-line{display:flex;justify-content:center;align-items:center;gap:.45rem;margin:.22rem auto 0;color:var(--battle-paper);font-size:clamp(.62rem,.9vw,.76rem);text-shadow:0 2px 5px #000}.battle-objective-line b{padding:.12rem .38rem;color:var(--battle-ink);background:var(--battle-gold);font-size:.75rem}.battle-turn-order{display:flex;justify-content:center;align-items:center;gap:.35rem;margin-top:.24rem}.battle-current-actor,.battle-turn-order small{color:#f0f2f7;font:900 .55rem/1 var(--font-body);letter-spacing:.07em}.battle-turn-order small{color:#ffd47a}.battle-turn-order ol{display:flex;gap:.18rem;margin:0;padding:0;list-style:none}.battle-turn-order li{display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(238,240,247,.34);color:var(--battle-muted);background:#20232e;font-size:.58rem;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.battle-turn-order li.active{border-color:var(--battle-gold);color:var(--battle-ink);background:var(--battle-gold)}.battle-arena{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.battle-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,transparent 0 31%,rgba(13,15,21,.18) 61%,rgba(13,15,21,.52) 100%);pointer-events:none}.battle-arena .battle-board-frame{position:absolute;inset:50% auto auto 50%;width:min(63vw,68vh,720px);aspect-ratio:1;transform:translate(-50%,-49%);filter:drop-shadow(0 24px 45px rgba(0,0,0,.3))}.battle-arena .battle-board-accessible,.battle-arena .phaser-board{width:100%;height:100%}.battle-arena .phaser-board canvas{width:100%!important;height:100%!important}.battle-arena .keyboard-arena{position:absolute;z-index:40;inset:auto .2rem 10.4rem auto}.battle-arena .keyboard-arena-panel{position:fixed;inset:5.2rem auto auto 50%;width:min(28rem,calc(100vw - 2rem));max-height:calc(100vh - 17rem);transform:translate(-50%)}.arena-context-legend{position:absolute;z-index:8;top:12.8rem;left:50%;display:flex;gap:.3rem;padding:.25rem .45rem;color:var(--battle-muted);background:#10131abd;font:800 .58rem/1 var(--font-body);letter-spacing:.04em;transform:translate(-50%)}.arena-context-legend span{display:flex;align-items:center;gap:.2rem}.arena-context-legend i{display:block;width:8px;height:8px;transform:rotate(45deg)}.arena-context-legend i.move{border:2px solid var(--battle-green)}.arena-context-legend i.target{border:2px solid var(--battle-red);border-radius:50%}.arena-context-legend i.selected{background:var(--battle-gold)}.arena-feed{position:absolute;z-index:15;top:13.5rem;left:1rem;width:clamp(190px,19vw,290px);padding:.55rem .65rem;border:1px solid rgba(238,240,247,.16);background:linear-gradient(90deg,#10131adb,#10131a80);clip-path:polygon(0 0,94% 0,100% 16%,100% 100%,0 100%)}.arena-feed header{display:flex;justify-content:space-between;align-items:center}.arena-feed header span{color:var(--battle-gold);font:900 .58rem/1 var(--font-display);letter-spacing:.1em}.arena-feed header button{padding:.15rem .25rem;border:0;color:var(--battle-muted);background:transparent;font:800 .55rem/1 var(--font-body)}.arena-feed ol{display:grid;gap:.28rem;margin:.45rem 0 0;padding:0;list-style:none}.arena-feed li{display:-webkit-box;overflow:hidden;color:#dce2ee;font-size:.65rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.arena-feed li+li{padding-top:.28rem;border-top:1px solid rgba(238,240,247,.1);color:var(--battle-muted)}.arena-utilities{position:absolute;z-index:16;top:13.5rem;right:1rem;display:grid;gap:.35rem}.arena-utilities button{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;min-width:118px;padding:.46rem .55rem;border:1px solid rgba(238,240,247,.2);color:#e6e9f0;background:#10131ad1;font:900 .6rem/1 var(--font-body);letter-spacing:.055em;clip-path:polygon(0 0,92% 0,100% 28%,100% 100%,0 100%);transition:border-color .14s var(--ease-out),background-color .14s var(--ease-out),transform .14s var(--ease-out)}.arena-utilities button:active{transform:scale(.97)}.arena-utilities button span{color:var(--battle-gold)}.turn-composer{position:absolute;z-index:30;inset:auto clamp(.65rem,1.4vw,1.3rem) .65rem;max-width:1540px;margin:0 auto;border:1px solid rgba(238,240,247,.2);border-top:3px solid var(--battle-gold);background:linear-gradient(180deg,#1d202afa,#0e1017fa);box-shadow:0 -18px 45px #00000061;clip-path:polygon(1.2% 0,98.8% 0,100% 12%,100% 100%,0 100%,0 12%)}.turn-composer-status{position:absolute;inset:-1.15rem auto auto 1.5rem;display:flex;align-items:center;gap:.35rem;padding:.22rem .7rem;color:var(--battle-ink);background:var(--battle-gold);font:900 .58rem/1 var(--font-body);letter-spacing:.07em;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.turn-composer-status i{width:6px;height:6px;background:var(--battle-red);border-radius:50%;animation:battle-signal 1.4s steps(2,end) infinite}.turn-composer-main{display:grid;grid-template-columns:minmax(110px,.48fr) minmax(540px,3.5fr) minmax(175px,.72fr);align-items:stretch;gap:.55rem;padding:.72rem .85rem .48rem}.turn-composer-draft-tools{display:flex;gap:.35rem;min-width:0}.draft-mode{flex:1;min-width:88px;padding:.35rem .48rem;border:1px solid rgba(238,240,247,.22);color:var(--battle-muted);background:#20232e;text-align:left;transition:border-color .14s var(--ease-out),background-color .14s var(--ease-out),transform .14s var(--ease-out)}.draft-mode span,.draft-mode small{display:block;font-size:.52rem;letter-spacing:.07em}.draft-mode strong{display:block;overflow:hidden;margin:.25rem 0;color:var(--battle-paper);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.draft-mode.is-active{border-color:var(--battle-gold);background:#2d2a21}.draft-mode:active{transform:scale(.97)}.stance-chips{display:grid;grid-template-columns:repeat(3,25px);align-content:center;gap:.2rem;margin:0;padding:.25rem;border:1px solid rgba(238,240,247,.16)}.stance-chips legend{padding:0 .2rem;color:var(--battle-muted);font-size:.48rem}.stance-chips button{width:25px;height:25px;padding:0;border:1px solid rgba(238,240,247,.18);color:var(--battle-muted);background:#20232e;font-weight:900}.stance-chips button.is-active{border-color:var(--battle-gold);color:var(--battle-ink);background:var(--battle-gold)}.ability-rail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.42rem;min-width:0}.ability-rail-utility{display:grid;grid-template-columns:repeat(2,minmax(58px,1fr));gap:.3rem}.ability-rail-signatures{display:grid;grid-template-columns:repeat(4,minmax(108px,1fr));gap:.34rem;min-width:0}.arena-ability{--ability-accent: #8fb3ff;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;min-width:0;min-height:74px;padding:.35rem .4rem;overflow:hidden;border:1px solid rgba(238,240,247,.18);color:var(--battle-paper);background:linear-gradient(145deg,#252936,#1b1e28);text-align:left;clip-path:polygon(0 0,90% 0,100% 16%,100% 100%,0 100%);transition:border-color .14s var(--ease-out),background-color .14s var(--ease-out),transform .14s var(--ease-out),filter .14s var(--ease-out)}.arena-ability[data-ability-type=attack]{--ability-accent: #ff6f7b}.arena-ability[data-ability-type=support],.arena-ability[data-ability-type=defense]{--ability-accent: #62e9af}.arena-ability[data-ability-type=control],.arena-ability[data-ability-type=trap],.arena-ability[data-ability-type=debuff]{--ability-accent: #bd96ff}.arena-ability[data-ability-type=movement],.arena-ability[data-ability-type=buff]{--ability-accent: #7dc9ff}.arena-ability:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--ability-accent);opacity:.45}.arena-ability:hover:not(:disabled){border-color:var(--ability-accent);filter:brightness(1.08)}.arena-ability:active:not(:disabled){transform:scale(.97)}.arena-ability.is-selected{border-color:var(--battle-gold);background:linear-gradient(145deg,#3b3422,#222027);box-shadow:inset 0 0 0 1px #f7d15447}.arena-ability.is-selected:not(:active){transform:translateY(-4px)}.arena-ability.is-selected:after{height:4px;opacity:1;background:var(--battle-gold)}.arena-ability:disabled{opacity:.68;filter:saturate(.35);cursor:not-allowed}.arena-ability.is-compact{grid-template-columns:1fr;grid-template-rows:34px auto;min-width:64px;text-align:center}.arena-ability.is-special{--ability-accent: var(--battle-violet);min-width:110px;background:linear-gradient(145deg,#302445,#211c2d)}.arena-ability-copy{min-width:0}.arena-ability-copy strong{display:-webkit-box;overflow:hidden;color:#f4f5f8;font:900 clamp(.62rem,.78vw,.75rem)/1.08 var(--font-display);letter-spacing:.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.arena-ability-copy small{display:block;overflow:hidden;margin-top:.18rem;color:var(--ability-accent);font-size:.55rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.arena-ability-shape{grid-column:1 / -1;display:flex;align-items:center;gap:.25rem;min-width:0;overflow:hidden;padding-top:.2rem;border-top:1px solid rgba(238,240,247,.1);color:var(--battle-muted);font-size:.48rem;line-height:1;white-space:nowrap}.arena-ability-shape em{overflow:hidden;font-style:normal;text-overflow:ellipsis}.arena-ability-shape i{padding:.08rem .18rem;color:#c7d6ee;background:#8fb3ff24;font-style:normal}.arena-ability-shape i[data-commitment=committed]{color:#ffe89a;background:#f7d15421}.arena-ability-shape i[data-commitment=all-in]{color:#ffc1c6;background:#ff4f5e2e}.arena-ability-shape b{margin-left:auto;color:var(--ability-accent);font-size:inherit}.arena-ability-shape .ability-read-category{opacity:1;color:#d8c7f7;letter-spacing:.045em}.arena-ability-shape .ability-read-category.is-approach{color:#75e4ff}.arena-ability-shape .ability-read-category.is-ranged{color:#ffb080}.arena-ability-shape .ability-read-category.is-control{color:#c8a9ff}.arena-ability-shape .ability-read-category.is-power{color:#ff8c96}.arena-ability-shape .ability-read-category.is-setup{color:#82edb6}.arena-ability-shape .ability-read-category+b{margin-left:.18rem}.arena-ability[data-combat-role] .arena-ability-shape:before{content:"";flex:0 0 10px;width:10px;height:4px;border:1px solid var(--ability-accent)}.arena-ability[data-combat-role=probe] .arena-ability-shape:before{height:2px;border:0;background:var(--ability-accent);transform:skew(-28deg)}.arena-ability[data-combat-role=break] .arena-ability-shape:before{height:8px;background:var(--ability-accent);clip-path:polygon(0 30%,30% 0,100% 0,100% 75%,72% 100%,0 100%)}.arena-ability[data-combat-role=control] .arena-ability-shape:before{height:8px;border-radius:50%;box-shadow:inset 0 0 0 2px #20232e}.arena-ability[data-combat-role=finisher] .arena-ability-shape:before{width:8px;height:8px;background:var(--ability-accent);transform:rotate(45deg)}.arena-ability[data-combat-role=escape] .arena-ability-shape:before{width:6px;border-width:0 0 2px 2px;box-shadow:4px -3px 0 -1px var(--ability-accent);transform:skew(-18deg)}.arena-ability[data-combat-role] .arena-ability-shape>*{opacity:0;transition:opacity .14s var(--ease-out)}.arena-ability[data-combat-role]:hover .arena-ability-shape>*,.arena-ability[data-combat-role]:focus-visible .arena-ability-shape>*,.arena-ability[data-combat-role].is-selected .arena-ability-shape>*{opacity:1}.arena-ability[data-commitment]:not([data-commitment=safe]) .arena-ability-copy:after{content:"";position:absolute;top:0;right:0;width:9px;height:9px;background:#8fb3ff;clip-path:polygon(100% 0,100% 100%,0 0)}.arena-ability[data-commitment=committed] .arena-ability-copy:after{background:var(--battle-gold)}.arena-ability[data-commitment=all-in] .arena-ability-copy:after{width:16px;background:linear-gradient(90deg,var(--battle-red) 0 38%,transparent 38% 55%,var(--battle-red) 55%)}.arena-ability-cooldown{position:absolute;inset:.25rem .35rem auto auto;display:grid;width:22px;height:22px;place-items:center;color:#171922;background:var(--battle-paper);border-radius:50%;font-size:.68rem}.ability-glyph{--glyph-pixel: 2px;display:grid;align-self:center;justify-self:center;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #0c0e13)}.ability-glyph i{width:var(--glyph-pixel);height:var(--glyph-pixel);background:#10131a}.ability-glyph i[data-tone="1"]{background:var(--ability-accent)}.ability-glyph i[data-tone="2"]{background:#7d67b3}.ability-glyph i[data-tone="3"]{background:var(--battle-gold)}.arena-commit{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;padding:.65rem .8rem;border:1px solid #ffe490;color:var(--battle-ink);background:linear-gradient(135deg,#f7d154,#e9b93e);font:900 clamp(.68rem,.9vw,.85rem)/1.1 var(--font-display);letter-spacing:.035em;text-align:left;clip-path:polygon(8% 0,100% 0,100% 78%,92% 100%,0 100%,0 22%);transition:filter .14s var(--ease-out),transform .14s var(--ease-out)}.arena-commit i{font:900 2rem/1 var(--font-body)}.arena-commit:hover:not(:disabled){filter:brightness(1.08)}.arena-commit:active:not(:disabled){transform:scale(.97)}.arena-commit:disabled{border-color:#eef0f724;color:#7f8796;background:#272a34;cursor:not-allowed}.battle-forecast{display:grid;grid-template-columns:auto minmax(330px,1.2fr) minmax(220px,.8fr) auto;align-items:center;gap:.7rem;min-height:47px;padding:.4rem .85rem;border-top:1px solid rgba(238,240,247,.12);background:#090b1099}.battle-forecast header{display:grid;gap:.15rem;min-width:105px}.battle-forecast header span{color:var(--battle-muted);font:900 .52rem/1 var(--font-display);letter-spacing:.12em}.battle-forecast header b{color:var(--battle-gold);font-size:.56rem}.battle-forecast-route{display:grid;grid-template-columns:minmax(74px,1fr) auto minmax(92px,1.5fr) auto minmax(74px,1fr);align-items:center;gap:.35rem}.battle-forecast-route span{min-width:0}.battle-forecast-route small{display:block;color:#858e9f;font-size:.48rem}.battle-forecast-route strong{display:block;overflow:hidden;color:#e9ebf1;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.battle-forecast-route i{color:var(--battle-gold);font-size:1.1rem}.battle-forecast>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--battle-muted);font-size:.62rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.battle-forecast>p strong{color:var(--battle-paper)}.battle-forecast-tactics{display:flex;align-items:stretch;gap:.25rem}.battle-forecast-tactics span{display:grid;gap:.12rem;min-width:62px;padding:.22rem .32rem;background:#eef0f712}.battle-forecast-tactics small{color:#909bad;font-size:.43rem;letter-spacing:.08em}.battle-forecast-tactics b{color:#ffe89a;font-size:.52rem;white-space:nowrap}.battle-forecast-detail{display:none;position:absolute;inset:auto 1rem 100% auto;width:min(430px,45vw);padding:.55rem;border:1px solid rgba(238,240,247,.18);background:#10131af5;box-shadow:0 -16px 32px #00000052}.battle-forecast:focus-within .battle-forecast-detail,.battle-forecast:hover .battle-forecast-detail{display:block}.battle-forecast-detail>*{margin:0}.battle-forecast-detail .arena-consequence{border:0;background:transparent;box-shadow:none}.turn-composer>.fate-break-editor{position:absolute;inset:auto 1rem calc(100% + .35rem) auto;width:min(520px,54vw);max-height:44vh;overflow:auto;border-color:var(--battle-violet);background:#14121ef7;box-shadow:0 -18px 42px #0006}.turn-composer-main{transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.turn-composer.is-pending .turn-composer-main{opacity:.5;transform:translateY(8px)}.turn-composer.is-reaction-only{max-width:900px;max-height:min(56vh,520px);overflow:auto;padding:.7rem;clip-path:none}.turn-composer.is-reaction-only .reaction-composer{margin:0;border:0;background:transparent}.opening-composer{position:absolute;z-index:36;inset:auto clamp(.65rem,3vw,3rem) .65rem;max-width:1240px;margin:0 auto;overflow:hidden;border:1px solid rgba(255,228,110,.5);color:var(--battle-paper);background:linear-gradient(145deg,#281f18fc,#12121afc 58%,#1d162afc);box-shadow:0 -20px 55px #0000007a;clip-path:polygon(2% 0,98% 0,100% 14%,100% 100%,0 100%,0 14%);animation:opening-arrive .36s var(--ease-out) both}.opening-composer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 38%,rgba(247,209,84,.18),transparent 28%),radial-gradient(circle at 88% 55%,rgba(185,148,255,.12),transparent 30%);pointer-events:none}.opening-timer{position:absolute;z-index:2;top:.6rem;right:1rem;display:grid;width:42px;height:42px;place-items:center;background:conic-gradient(var(--battle-gold) var(--opening-progress),rgba(238,240,247,.13) 0);border-radius:50%}.opening-timer b{display:grid;width:34px;height:34px;place-items:center;color:#171922;background:#ffe378;border-radius:50%;font:900 1rem/1 var(--font-display);font-variant-numeric:tabular-nums}.opening-composer>header{position:relative;display:flex;align-items:center;gap:.85rem;padding:.85rem 4.4rem .45rem 1rem}.opening-composer>header strong{color:#ffe46e;font:900 clamp(1.25rem,2.2vw,2rem)/.9 var(--font-display);letter-spacing:.035em;text-shadow:0 3px 9px rgba(0,0,0,.5)}.opening-composer>header p{margin:.3rem 0 0;color:#d8dce7;font-size:.72rem}.opening-burst{position:relative;flex:0 0 45px;height:45px}.opening-burst i{position:absolute;top:21px;left:1px;width:43px;height:3px;background:var(--battle-gold);transform:rotate(var(--ray));transform-origin:center;animation:opening-ray .52s var(--ease-out) both}.opening-burst i:nth-child(1){--ray: 0deg}.opening-burst i:nth-child(2){--ray: 60deg}.opening-burst i:nth-child(3){--ray: -60deg}.opening-coach{position:relative;margin:0 .85rem .1rem;padding:.32rem .55rem;border-left:2px solid var(--battle-gold);color:#fff1b7;background:#f7d15414;font-size:.58rem}.opening-decisions{position:relative;display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,2.5fr);gap:.55rem;padding:.45rem .85rem .55rem}.opening-keep,.opening-followups button{border:1px solid rgba(238,240,247,.2);color:var(--battle-paper);background:#22242e;text-align:left;transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out),transform .15s var(--ease-out),filter .15s var(--ease-out)}.opening-keep{display:grid;align-content:center;gap:.28rem;min-height:72px;padding:.55rem .7rem;border-color:#54f0a47a;background:linear-gradient(135deg,#224237b8,#20232b)}.opening-keep span{color:#83ffc1;font:900 .82rem/1 var(--font-display)}.opening-keep strong{font-size:.67rem}.opening-keep small{color:#b8c9c2;font-size:.55rem}.opening-followups{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:.38rem}.opening-followups button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.4rem;min-height:72px;padding:.42rem .5rem}.opening-followups button>span{min-width:0}.opening-followups button strong,.opening-followups button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opening-followups button strong{font:900 .68rem/1.1 var(--font-display)}.opening-followups button small{margin-top:.18rem;color:#ffb3ba;font-size:.52rem}.opening-followups button>b{color:var(--battle-gold);font-size:.52rem}.opening-keep:hover:not(:disabled),.opening-followups button:hover:not(:disabled){border-color:var(--battle-gold);filter:brightness(1.08)}.opening-keep:active:not(:disabled),.opening-followups button:active:not(:disabled){transform:scale(.98)}.opening-keep:disabled,.opening-followups button:disabled{opacity:.58;cursor:not-allowed}.opening-empty{align-self:center;margin:0;color:var(--battle-muted);font-size:.68rem}.opening-composer>footer{position:relative;display:flex;justify-content:space-between;gap:.5rem;padding:.38rem .85rem;border-top:1px solid rgba(238,240,247,.1);color:#aeb7c8;background:#080a0f61;font-size:.54rem}.opening-composer>footer b{color:#d8c3ff}.opening-composer.is-pending .opening-decisions{opacity:.52;transform:translateY(6px);transition:opacity .15s var(--ease-out),transform .15s var(--ease-out)}.opening-composer button:focus-visible{outline:3px solid #fff3ad;outline-offset:2px}@keyframes opening-arrive{0%{opacity:0;filter:blur(8px);clip-path:polygon(8% 18%,92% 18%,96% 26%,96% 100%,4% 100%,4% 26%);transform:translateY(24px) scale(.98)}}@keyframes opening-ray{0%{opacity:0;transform:rotate(var(--ray)) scaleX(.1)}}.battle-drawer-layer{position:absolute;z-index:90;top:0;right:0;bottom:0;left:0}.battle-drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#080a0f8a;cursor:default;animation:drawer-fade .18s var(--ease-out) both}.battle-drawer{position:absolute;top:0;bottom:0;width:min(440px,42vw);border:1px solid rgba(238,240,247,.2);background:#171922;box-shadow:0 0 50px #00000080;animation-duration:.32s;animation-timing-function:var(--ease-drawer);animation-fill-mode:both}.battle-drawer-layer.is-log .battle-drawer{left:0;background-image:linear-gradient(90deg,rgba(247,209,84,.08),transparent 18%);animation-name:drawer-left-in}.battle-drawer-layer.is-comms .battle-drawer{right:0;background-image:linear-gradient(270deg,rgba(185,148,255,.09),transparent 18%);animation-name:drawer-right-in}.battle-drawer>header{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:.8rem 1rem;border-bottom:1px solid rgba(238,240,247,.14);background:#10131a}.battle-drawer>header span{color:var(--battle-gold);font-size:.55rem;letter-spacing:.12em}.battle-drawer>header h2{margin:.2rem 0 0;color:var(--battle-paper);font:900 1.25rem/1 var(--font-display)}.battle-drawer>header button{display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid rgba(238,240,247,.2);color:var(--battle-paper);background:#252936;font-size:1.6rem}.battle-drawer-scroll{height:calc(100% - 76px);overflow:auto;padding:.75rem}.battle-drawer .combat-log,.battle-drawer .chat-panel{min-height:0;border:0;background:transparent;box-shadow:none}.battle-drawer-section+.battle-drawer-section{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(238,240,247,.14)}.arena-rules-copy h3{margin:0;color:var(--battle-paper)}.arena-rules-copy p,.arena-rules-copy li{color:var(--battle-muted);font-size:.78rem;line-height:1.45}@keyframes battle-signal{50%{opacity:.25}}@keyframes drawer-fade{0%{opacity:0}}@keyframes drawer-left-in{0%{transform:translate(-100%)}}@keyframes drawer-right-in{0%{transform:translate(100%)}}@media(hover:hover)and (pointer:fine){.arena-utilities button:hover{border-color:var(--battle-gold);background:#222530f0}}@media(max-width:1180px){.battle-hud{grid-template-columns:minmax(0,1fr) minmax(210px,.55fr) minmax(0,1fr);gap:.45rem}.fighter-hud{grid-template-columns:54px minmax(0,1fr)}.fighter-hud.is-mirrored{grid-template-columns:minmax(0,1fr) 54px}.fighter-hud-portrait{width:54px;height:54px}.turn-composer-main{grid-template-columns:100px minmax(500px,1fr) 155px}.arena-ability{grid-template-columns:32px minmax(0,1fr);min-height:68px;padding-inline:.28rem}.ability-glyph{--glyph-pixel: 1.6px}.arena-feed{width:205px}}@media(max-width:900px){.app-shell.phase-battle{overflow:auto}.battle-stage.arena-first{min-height:860px}.battle-hud{grid-template-columns:1fr 1fr;top:4.65rem}.battle-hud-center{position:absolute;top:0;left:50%;width:210px;transform:translate(-50%)}.battle-hud-team{margin-top:5rem}.fighter-hud-name span,.fighter-resource-row span:not(:first-child){display:none}.fighter-resource-row .stability-shards{display:inline-flex}.battle-arena .battle-board-frame{top:47%;width:min(88vw,60vh)}.arena-context-legend{top:14rem}.arena-feed{top:15rem;left:.45rem;width:165px}.arena-feed li:nth-child(n+3){display:none}.arena-utilities{top:15rem;right:.45rem}.arena-utilities button{min-width:92px;font-size:.52rem}.turn-composer{inset-inline:.35rem}.turn-composer-main{grid-template-columns:86px minmax(0,1fr) 135px;overflow-x:auto}.ability-rail{min-width:600px}.battle-forecast{grid-template-columns:auto minmax(0,1fr)}.battle-forecast>p{display:none}.battle-forecast-tactics{display:none}.opening-decisions{grid-template-columns:190px minmax(0,1fr)}.opening-followups{grid-template-columns:repeat(2,minmax(150px,1fr));max-height:160px;overflow-y:auto}.battle-drawer{width:min(520px,82vw)}}@media(max-width:640px){.phase-battle>.command-bar{inset:.3rem .3rem auto;grid-template-columns:1fr auto;grid-template-areas:"brand actions";align-items:center;min-height:54px}.phase-battle>.command-bar .command-context{display:none}.phase-battle>.command-bar .command-actions{display:flex;grid-area:actions}.phase-battle>.command-bar .account-trigger,.phase-battle>.command-bar .settings-trigger{width:42px;min-height:42px;padding:.4rem}.phase-battle>.command-bar .account-trigger-copy,.phase-battle>.command-bar .settings-trigger>span,.phase-battle>.command-bar .command-chevron{display:none}.battle-stage.arena-first{min-height:940px}.battle-hud{inset-inline:.35rem}.fighter-hud{grid-template-columns:42px minmax(0,1fr)}.fighter-hud.is-mirrored{grid-template-columns:minmax(0,1fr) 42px}.fighter-hud-portrait{width:42px;height:48px}.fighter-hud-vitals{padding-inline:.65rem}.battle-objective-line{display:none}.battle-arena .battle-board-frame{top:43%;width:min(96vw,53vh)}.arena-feed{top:13.4rem;width:145px}.arena-utilities{top:13.4rem}.turn-composer-main{grid-template-columns:78px minmax(0,1fr)}.arena-commit{grid-column:1 / -1;min-height:42px}.battle-forecast{grid-template-columns:1fr}.battle-forecast header{grid-template-columns:auto 1fr}.battle-forecast-route{min-width:430px}.battle-forecast{overflow-x:auto}.opening-composer{inset-inline:.35rem}.opening-composer>header{padding-left:.7rem}.opening-burst{display:none}.opening-decisions{display:flex;gap:.45rem;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.opening-keep{position:sticky;left:0;z-index:2;flex:0 0 178px;scroll-snap-align:start;box-shadow:10px 0 16px #080a0fb8}.opening-followups{display:flex;flex:0 0 auto;max-height:none;overflow:visible}.opening-followups button{flex:0 0 190px;scroll-snap-align:start}.opening-composer>footer{display:none}.battle-drawer{inset:auto 0 0!important;width:100%;height:min(72vh,620px);border:1px solid rgba(238,240,247,.2);border-top:4px solid var(--battle-gold);animation-name:drawer-bottom-in!important}.turn-composer>.fate-break-editor{right:0;width:calc(100vw - 1rem)}}@keyframes drawer-bottom-in{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.fighter-health-track i,.stability-shards i,.arena-utilities button,.draft-mode,.arena-ability,.arena-commit,.opening-keep,.opening-followups button,.opening-composer.is-pending .opening-decisions{transition-duration:1ms}.turn-composer-status i{animation:none}.battle-drawer,.battle-drawer-scrim{animation-duration:1ms}.arena-ability.is-selected:not(:active),.turn-composer.is-pending .turn-composer-main{transform:none}.opening-composer,.opening-burst i{animation:none}}.read-eye-icon{width:32px;height:22px;flex:0 0 auto;overflow:visible}.read-eye-icon path:first-child{fill:#b994ff21;stroke:#c8a9ff;stroke-width:1.5}.read-eye-icon path:nth-child(2){fill:none;stroke:#ffe46e;stroke-width:1.5}.read-eye-icon rect{fill:#ffe46e}.read-category-glyph,.read-response-glyph{width:30px;height:30px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:bevel}.read-category-glyph.is-approach{color:#75e4ff}.read-category-glyph.is-ranged{color:#ff9e66}.read-category-glyph.is-control{color:#c8a9ff}.read-category-glyph.is-power{color:#ff6f7b}.read-category-glyph.is-setup{color:#82edb6}.turn-composer>.read-strip,.turn-composer>.feint-editor{position:absolute;inset:auto 0 calc(100% + .4rem);color:var(--battle-paper);background:#0f1119f7;box-shadow:0 -16px 38px #00000061}.turn-composer:has(>.read-strip),.turn-composer:has(>.feint-editor){clip-path:none}.read-strip{display:grid;grid-template-columns:minmax(160px,.72fr) minmax(145px,.58fr) minmax(420px,2.3fr);align-items:stretch;overflow:hidden;border:1px solid rgba(200,169,255,.42);clip-path:polygon(1.2% 0,100% 0,100% 100%,0 100%,0 22%)}.read-strip:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:#9f72f2;opacity:.7}.read-strip>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.55rem .65rem .7rem;background:#1d1b29}.read-strip>header span{display:grid;gap:.12rem}.read-strip>header strong{color:#f0e7ff;font:900 .67rem/1 var(--font-display);letter-spacing:.055em}.read-strip>header small{color:#c3b6d7;font-size:.5rem}.read-strip>header b{display:grid;width:30px;height:30px;place-items:center;color:#1b1723;background:#c8a9ff;border-radius:50%;font:900 .7rem/1 var(--font-display);font-variant-numeric:tabular-nums}.read-strip.is-spent>header b{color:#aeb4c0;background:#343542}.read-targets{display:grid;align-content:stretch;padding:.3rem;border-right:1px solid rgba(238,240,247,.12)}.read-targets button{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:.35rem;min-width:0;padding:.24rem .35rem;border:1px solid transparent;color:#b8bfce;background:transparent;text-align:left}.read-targets button[aria-pressed=true]{border-color:#c8a9ff7a;color:#f0e7ff;background:#9f72f221}.read-targets i{display:grid;width:23px;height:23px;place-items:center;color:#181621;background:#c8a9ff;font:900 .62rem/1 var(--font-display);font-style:normal}.read-targets span{overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.read-targets em{grid-column:2;color:#ffe46e;font:800 .42rem/1 var(--font-body);font-style:normal;letter-spacing:.08em}.read-categories{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));min-width:0}.read-categories button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:center;gap:.3rem;min-width:0;padding:.35rem;border:0;border-left:1px solid rgba(238,240,247,.1);color:#b6bdca;background:#20232d}.read-categories button:after{content:"";position:absolute;inset:auto 14% 0;height:3px;background:currentColor;opacity:.18}.read-categories button span{overflow:hidden;font:900 .58rem/1 var(--font-display);text-overflow:ellipsis;text-transform:uppercase}.read-categories button.is-selected{color:#fff4b8;background:#352e28;box-shadow:inset 0 0 0 1px #ffe46e85}.read-categories button.is-selected:after{opacity:1;background:#ffe46e}.read-categories button:disabled{opacity:.42;cursor:not-allowed}.read-strip>footer{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;min-height:25px;padding:.25rem .65rem;color:#abb2c0;background:#0e1017;font-size:.5rem}.read-strip>footer button{padding:.18rem .4rem;border:0;color:#e4d7fb;background:transparent;font:800 .5rem/1 var(--font-body);text-decoration:underline;text-underline-offset:3px}.feint-editor{display:grid;grid-template-columns:minmax(235px,.82fr) minmax(460px,2fr);align-items:center;gap:.5rem;padding:.5rem .65rem .65rem;border:1px solid rgba(255,111,123,.5);clip-path:polygon(0 0,98.5% 0,100% 24%,100% 100%,0 100%)}.feint-editor header{display:flex;align-items:center;gap:.55rem;min-width:0}.feint-editor header span{display:grid;gap:.15rem}.feint-editor header strong{color:#ffbbc1;font:900 .68rem/1 var(--font-display);letter-spacing:.05em}.feint-editor header small{color:#cbbfc2;font-size:.5rem;line-height:1.2}.feint-editor>div{display:grid;grid-template-columns:repeat(6,minmax(68px,1fr));gap:.25rem}.feint-editor>div button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.25rem;min-width:0;min-height:42px;padding:.28rem;border:1px solid rgba(238,240,247,.14);color:#bbc2d0;background:#242630;font:900 .5rem/1 var(--font-display);text-transform:uppercase}.feint-editor>div .feint-off{grid-template-columns:1fr}.feint-editor>div button[aria-pressed=true]{border-color:#ff8691;color:#fff0f1;background:#46272f}.feint-editor>div button:disabled{opacity:.42;cursor:not-allowed}.feint-editor .read-category-glyph{width:24px;height:24px}.feint-editor>p{grid-column:1 / -1;margin:0;color:#b8bfcd;font-size:.52rem}.feint-editor.is-active>p{color:#ffd1d5}.read-reaction-composer{position:absolute;z-index:37;inset:auto clamp(.65rem,3vw,3rem) .65rem;max-width:1120px;margin:0 auto;overflow:hidden;border:1px solid rgba(200,169,255,.58);color:var(--battle-paper);background:linear-gradient(140deg,#1f1830fc,#0f1119fc 54%,#2a1c22fc);box-shadow:0 -22px 58px #00000080;clip-path:polygon(2% 0,98% 0,100% 13%,100% 100%,0 100%,0 13%);animation:read-response-arrive .28s var(--ease-out) both}.read-reaction-composer>header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:.65rem 1rem .5rem 5.1rem}.read-reaction-composer>header strong{color:#f2eaff;font:900 clamp(1rem,1.7vw,1.5rem)/.95 var(--font-display);letter-spacing:.04em}.read-reaction-composer>header p{margin:.3rem 0 0;color:#d3c9e3;font-size:.66rem}.read-reaction-flash{position:absolute;z-index:2;top:.65rem;left:1rem;display:grid;width:48px;height:48px;place-items:center}.read-reaction-flash .read-eye-icon{position:relative;z-index:2;width:42px;height:30px}.read-reaction-flash>i{position:absolute;top:23px;left:-5px;width:58px;height:2px;background:#ffe46e;transform:rotate(var(--read-ray));animation:read-ray .44s var(--ease-out) both}.read-reaction-timer{display:grid;grid-template-columns:1fr;width:48px;height:48px;place-items:center;flex:0 0 auto;background:conic-gradient(#c8a9ff calc(var(--read-progress) * 1turn),#eef0f71f 0);border-radius:50%}.read-reaction-timer b{grid-area:1 / 1;display:grid;width:39px;height:39px;place-items:center;color:#1d1728;background:#ddc9ff;border-radius:50%;font:900 1rem/1 var(--font-display);font-variant-numeric:tabular-nums}.read-reaction-timer small{grid-area:1 / 1;align-self:end;margin-bottom:5px;color:#59486e;font-size:.34rem}.read-reaction-belt{position:relative;display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:.45rem;padding:.42rem .85rem .55rem}.read-reaction-belt>button{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.5rem;min-height:78px;padding:.5rem;border:1px solid rgba(238,240,247,.18);color:#c4cad6;background:#232630;text-align:left;clip-path:polygon(0 0,94% 0,100% 22%,100% 100%,0 100%);transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out),filter .15s var(--ease-out),transform .15s var(--ease-out)}.read-reaction-belt>button strong,.read-reaction-belt>button small{display:block}.read-reaction-belt>button strong{color:#f1f2f6;font:900 .76rem/1 var(--font-display);letter-spacing:.04em}.read-reaction-belt>button small{margin-top:.25rem;color:#aeb6c5;font-size:.55rem;line-height:1.2}.read-reaction-belt>button.is-selected{border-color:#ffe46e;color:#ffe46e;background:#393126;box-shadow:inset 0 0 0 1px #ffe46e3d}.read-reaction-belt>button:active:not(:disabled){transform:scale(.98)}.read-reaction-belt>button:disabled{opacity:.46;cursor:not-allowed}.read-response-glyph{width:42px;height:42px}.read-response-glyph>rect:first-child{stroke:currentColor;opacity:.38}.read-sidestep-picker,.read-clash-picker{display:flex;align-items:center;gap:.28rem;min-height:34px;padding:.22rem .85rem;color:#b8bfcc;background:#080a0f6b;font-size:.52rem}.read-sidestep-picker span{margin-right:auto}.read-sidestep-picker button,.read-clash-picker button{min-width:34px;padding:.28rem .4rem;border:1px solid rgba(238,240,247,.18);color:#dce0e9;background:#292c36;font:800 .53rem/1 var(--font-body)}.read-sidestep-picker button[aria-pressed=true],.read-clash-picker button[aria-pressed=true]{border-color:#ffe46e;color:#1c1920;background:#ffe46e}.read-reaction-commit{display:block;width:calc(100% - 1.7rem);min-height:40px;margin:.35rem .85rem .65rem;border:1px solid #ffe997;color:#1c1920;background:#f7d154;font:900 .72rem/1 var(--font-display);letter-spacing:.055em;transition:filter .14s var(--ease-out),transform .14s var(--ease-out)}.read-reaction-commit:active:not(:disabled){transform:scale(.99)}.read-reaction-commit:disabled{border-color:#eef0f726;color:#858b98;background:#2a2c35;cursor:not-allowed}.read-observer-copy{margin:0;padding:.65rem 1rem .85rem;border-top:1px solid rgba(238,240,247,.11);color:#c8c0d5;font-size:.66rem}.read-reaction-composer.is-observer{max-width:760px}.read-beat-receipt{position:fixed;z-index:130;top:clamp(5.5rem,11vh,8rem);left:50%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;width:min(560px,calc(100vw - 1.25rem));padding:.62rem .7rem;border:1px solid rgba(200,169,255,.5);color:#eeeaf5;background:#211c2c;box-shadow:0 12px 36px #00000061;transform:translate(-50%);animation:read-receipt-in .26s var(--ease-out) both}.read-beat-receipt>span{display:grid;gap:.18rem;min-width:0}.read-beat-receipt strong{color:#ffe46e;font:900 .72rem/1 var(--font-display);letter-spacing:.045em}.read-beat-receipt small{overflow:hidden;color:#cbc4d5;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.read-beat-receipt button{padding:.3rem .45rem;border:1px solid rgba(238,240,247,.18);color:#d6cfde;background:#2c2934;font:800 .5rem/1 var(--font-body)}.read-beat-receipt.is-wrong{border-color:#ff6f7b75;background:#2c1b21}.read-beat-receipt.is-feinted{border-color:#ff9e668c;background:#2d211b}.read-beat-receipt.is-clash{border-color:#75e4ff8f;background:#18262d}.read-beat-receipt.is-interrupt{border-color:#82edb68a;background:#182820}.read-hud-flag{display:inline-flex!important;align-items:center;gap:.18rem;color:#ffbbc1!important}.read-hud-flag i{display:block;width:10px;height:6px;border:1px solid currentColor;border-radius:50%}.read-hud-flag i:after{content:"";display:block;width:2px;height:2px;margin:1px auto 0;background:currentColor}.read-hud-flag.is-owned{color:#d7c0ff!important}.read-strip button:focus-visible,.feint-editor button:focus-visible,.read-reaction-composer button:focus-visible,.read-beat-receipt button:focus-visible{outline:3px solid #fff3ad;outline-offset:2px}@media(hover:hover)and (pointer:fine){.read-categories button:hover:not(:disabled),.feint-editor>div button:hover:not(:disabled),.read-reaction-belt>button:hover:not(:disabled){filter:brightness(1.1)}.read-reaction-commit:hover:not(:disabled){filter:brightness(1.08)}}@keyframes read-response-arrive{0%{opacity:0;filter:blur(7px);clip-path:polygon(7% 18%,93% 18%,96% 27%,96% 100%,4% 100%,4% 27%);transform:translateY(18px) scale(.985)}}@keyframes read-ray{0%{opacity:0;transform:rotate(var(--read-ray)) scaleX(.08)}}@keyframes read-receipt-in{0%{opacity:0;filter:blur(5px);transform:translate(-50%,-14px) scale(.98)}}@media(max-width:900px){.read-strip{grid-template-columns:minmax(145px,.65fr) minmax(400px,2fr);max-width:calc(100vw - .7rem);overflow-x:auto}.read-strip>header{position:sticky;left:0;z-index:2}.read-targets{display:none}.read-strip>footer{min-width:545px}.feint-editor{grid-template-columns:210px minmax(440px,1fr);overflow-x:auto}.read-reaction-belt{grid-template-columns:repeat(3,minmax(190px,1fr));overflow-x:auto}}@media(max-width:640px){.turn-composer>.read-strip,.turn-composer>.feint-editor{inset-inline:0}.read-strip{grid-template-columns:135px minmax(390px,1fr)}.read-strip>header{padding-inline:.45rem}.read-strip>header .read-eye-icon{display:none}.read-categories button{grid-template-columns:1fr;justify-items:center}.read-categories button span{font-size:.48rem}.feint-editor{grid-template-columns:165px minmax(420px,1fr)}.feint-editor header .read-eye-icon{display:none}.read-reaction-composer{inset-inline:.35rem}.read-reaction-composer>header{padding-left:4.4rem}.read-reaction-belt{padding-inline:.55rem;scroll-snap-type:x proximity}.read-reaction-belt>button{min-width:205px;scroll-snap-align:start}.read-reaction-commit{width:calc(100% - 1.1rem);margin-inline:.55rem}.read-beat-receipt{grid-template-columns:auto minmax(0,1fr)}.read-beat-receipt button{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.read-reaction-composer,.read-reaction-flash>i,.read-beat-receipt{animation:none}.read-reaction-belt>button,.read-reaction-commit{transition-duration:1ms}}
