@font-face{font-family:Allumi Raise;src:url(../assets/fonts/Allumi-Extended-Bold.otf)format("opentype");font-display:swap;font-weight:800}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--raise-yellow:#fac800;--energy-yellow:#fff050;--space:#333;--deep-space:#1f2121;--galaxy:#969b9b;--stardust:#d8d9d7;--paper:#fff;--warm-paper:#fffdf0;--danger:#da493e;--line:#33333330;--safe-top:max(18px, env(safe-area-inset-top));--safe-right:max(20px, env(safe-area-inset-right));--safe-bottom:max(18px, env(safe-area-inset-bottom));--safe-left:max(20px, env(safe-area-inset-left));font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;color:var(--space);background:var(--raise-yellow);overscroll-behavior:none}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,#game-canvas:focus-visible{outline:3px solid var(--energy-yellow);outline-offset:3px}.skip-link{z-index:1000;color:var(--paper);background:var(--space);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}#game-shell{isolation:isolate;background:var(--raise-yellow);position:relative}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{z-index:10;pointer-events:none;position:absolute;inset:0}#ui-root>*{pointer-events:auto}#loading-screen{z-index:100;color:var(--space);background:var(--raise-yellow);place-content:center;justify-items:center;gap:22px;transition:opacity .32s,visibility .32s step-end;display:grid;position:absolute;inset:0}#loading-screen.is-hidden{opacity:0;visibility:hidden}#loading-screen p{letter-spacing:.22em;margin:0;font-size:13px;font-weight:800}.loading-mark{align-items:end;gap:7px;height:44px;display:flex}.loading-mark span{background:var(--space);width:9px;animation:.72s ease-in-out infinite alternate loading-rail}.loading-mark span:first-child{height:18px}.loading-mark span:nth-child(2){height:30px;animation-delay:.12s}.loading-mark span:nth-child(3){height:42px;animation-delay:.24s}@keyframes loading-rail{to{background:var(--paper);height:42px}}.shell-ui{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.shell-ui>*{pointer-events:auto}.topbar{justify-content:space-between;align-items:center;gap:18px;min-height:46px;display:flex}.brand-lockup{min-width:0;min-height:42px;color:var(--space);border-left:5px solid var(--raise-yellow);background:#fffdf0f2;align-items:center;gap:12px;padding:6px 12px 6px 9px;display:flex}.brand-lockup img{object-fit:contain;object-position:left center;width:91px;height:30px;display:block}.brand-divider{opacity:.34;background:currentColor;width:1px;height:24px}.brand-game-name{letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap;font-family:Allumi Raise,Arial,sans-serif;font-size:13px;font-weight:800;overflow:hidden}.topbar-actions{gap:6px;display:flex}.icon-button{width:42px;height:42px;color:var(--space);cursor:pointer;background:#ffffffdb;border:1px solid #3333;place-items:center;padding:0;display:grid}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--paper);background:var(--space)}.screen-panel{align-self:center;width:min(100%,1180px);margin:auto}.lobby-grid{grid-template-columns:minmax(0,1fr) minmax(290px,370px);align-items:end;gap:clamp(34px,7vw,108px);display:grid}.hero-copy{z-index:0;max-width:690px;color:var(--paper);filter:drop-shadow(12px 12px #fac800b8);padding:clamp(30px,5vw,62px) clamp(22px,3.4vw,48px);position:relative}.hero-copy:before{z-index:-1;content:"";clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,28px 100%,0 calc(100% - 28px));background:#1f2121ed;position:absolute;inset:0}.eyebrow{letter-spacing:.2em;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:900;display:flex}.eyebrow:before{content:"";background:currentColor;width:36px;height:5px}.hero-title{letter-spacing:-.04em;text-transform:uppercase;max-width:760px;margin:0;font-family:Allumi Raise,Arial,sans-serif;font-size:clamp(54px,8.5vw,124px);font-weight:800;line-height:.78}.hero-title span{color:var(--energy-yellow);margin-left:clamp(24px,7vw,112px);display:block}.hero-subtitle{letter-spacing:.04em;max-width:500px;margin:24px 0 0 clamp(24px,7vw,112px);font-size:clamp(14px,1.5vw,18px);font-weight:650;line-height:1.75}.input-gate{max-width:500px;color:var(--space);background:var(--energy-yellow);border-left:6px solid var(--paper);margin:18px 0 0 clamp(24px,7vw,112px);padding:10px 12px;font-size:12px;font-weight:850;line-height:1.55}.mode-rail{color:var(--space);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:#fffdf0f0;padding:10px 0;position:relative;overflow:hidden;box-shadow:14px 14px #3333332e}.mode-rail:before{content:"";background:var(--space);width:7px;position:absolute;top:0;bottom:0;left:0}.mode-rail-heading{letter-spacing:.22em;text-transform:uppercase;margin:0;padding:14px 24px 12px 28px;font-size:11px;font-weight:900}.mode-button{text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 22px 10px 27px;display:grid;position:relative}.mode-button:last-of-type{border-bottom:1px solid var(--line)}.mode-button:hover,.mode-button:focus-visible{color:var(--paper);background:var(--space)}.mode-button:disabled{cursor:not-allowed;opacity:.48}.mode-index{opacity:.58;font-family:Allumi Raise,Arial,sans-serif;font-size:13px}.mode-label{gap:3px;display:grid}.mode-label strong{letter-spacing:.02em;font-size:17px;font-weight:900}.mode-label small{opacity:.66;font-size:11px;font-weight:600}.mode-arrow{font-family:Arial,sans-serif;font-size:24px;line-height:1}.utility-row{letter-spacing:.05em;justify-content:space-between;align-items:center;gap:15px;min-height:44px;font-size:11px;font-weight:700;display:flex}.utility-row .status-line{min-width:0;color:var(--space);background:#ffffffd1;align-items:center;gap:8px;padding:8px 12px;display:flex}.utility-actions{align-items:center;gap:18px;display:flex}.status-dot{background:var(--space);border-radius:50%;flex:none;width:7px;height:7px}.status-dot.online{background:#4d9d62}.text-button{letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid;padding:8px 0;font-size:12px;font-weight:850}.text-button:hover{color:var(--paper)}.panel-surface{width:min(100%,880px);max-height:min(78vh,760px);color:var(--space);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:#fffdf0f7;margin:auto;overflow:auto;box-shadow:16px 16px #3333}.rules-surface{background:var(--warm-paper);border:1px solid var(--space);clip-path:none;grid-template-rows:auto minmax(0,1fr) auto;width:min(100% - 1.5rem,76rem);height:min(82dvh,48rem);max-height:none;display:grid;overflow:hidden;box-shadow:1.1rem 1.1rem #1f212147}.rules-header{background:var(--warm-paper);min-height:5.25rem;padding:1rem 1.35rem .9rem;position:relative;overflow:hidden}.rules-header:after{content:"";border:1px solid #3333332e;border-radius:50%;width:11rem;height:6rem;position:absolute;bottom:-2.8rem;right:5.5rem;transform:rotate(-12deg)}.rules-header p:not(.rules-academy-mark){max-width:42rem;margin-top:.35rem}.rules-academy-mark{color:#666a6a;letter-spacing:.24em;margin:0 0 .3rem;font-family:Allumi Raise,Arial,sans-serif;font-size:.58rem;font-weight:900}.rules-layout{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.rules-progress{min-width:0;color:var(--paper);background:var(--space);border-bottom:.25rem solid var(--raise-yellow);scrollbar-color:var(--raise-yellow) var(--space);scrollbar-width:thin;padding:0 .75rem;display:flex;overflow-x:auto}.rule-step-tab{min-width:9.5rem;min-height:4.4rem;color:inherit;text-align:left;cursor:pointer;background:0 0;border-top:0;border-bottom:.3rem solid #0000;border-left:0;border-right:1px solid #ffffff24;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:.1rem .55rem;padding:.7rem .8rem;display:grid}.rule-step-tab:hover,.rule-step-tab[aria-selected=true]{color:var(--space);background:var(--raise-yellow);border-bottom-color:var(--paper)}.rule-step-tab:focus-visible{outline:.18rem solid var(--paper);outline-offset:-.25rem}.rule-step-number{grid-row:1/span 2;align-self:center;font-family:Allumi Raise,Arial,sans-serif;font-size:1.35rem;font-weight:950;line-height:1}.rule-step-name{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:900;line-height:1.25;overflow:hidden}.rule-step-state{letter-spacing:.1em;opacity:.68;font-size:.5rem;font-weight:800}.rule-step-tab[data-complete=true]:not([aria-selected=true]) .rule-step-state{color:var(--energy-yellow);opacity:1}.rule-card{background:#f6f3e7;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.72fr);min-height:0;display:grid;overflow:hidden}.rule-card-copy{background:var(--warm-paper);border-left:1px solid #3333;min-width:0;padding:1.6rem 1.5rem 1.4rem;overflow:auto}.rule-kicker{color:#646868;letter-spacing:.12em;margin:0 0 .45rem;font-size:.58rem;font-weight:900}.rule-card h3{letter-spacing:-.035em;max-width:34rem;margin:0;font-size:clamp(1.9rem,3.6vw,3.3rem);font-weight:950;line-height:1}.rule-term{color:var(--space);background:var(--energy-yellow);border-left:.4rem solid var(--space);gap:.3rem;margin-top:1.1rem;padding:.75rem .85rem;display:grid}.rule-term strong{font-size:.76rem;font-weight:950}.rule-term span{font-size:.72rem;font-weight:700;line-height:1.5}.rule-detail-disclosure{border-top:1px solid #3333332e;margin-top:.8rem;padding-top:.7rem}.rule-detail-disclosure summary{cursor:pointer;font-size:.68rem;font-weight:900}.rule-detail{color:#555959;margin:.65rem 0 0;font-size:.72rem;font-weight:620;line-height:1.75}.rule-takeaway{color:var(--paper);background:var(--space);border-left:.3rem solid var(--raise-yellow);gap:.22rem;margin-top:.9rem;padding:.75rem .85rem;display:grid}.rule-takeaway span{color:var(--raise-yellow);letter-spacing:.16em;font-size:.52rem;font-weight:900}.rule-takeaway strong{font-size:.78rem;line-height:1.5}.rule-challenge{background:var(--paper);border:1px solid var(--space);box-shadow:.3rem .3rem 0 var(--raise-yellow);margin-top:.9rem;padding:.85rem}.rule-challenge-label{color:#666a6a;letter-spacing:.16em;margin:0 0 .25rem;font-size:.5rem;font-weight:950}.rule-challenge h4{margin:0;font-size:.9rem;line-height:1.35}.rule-challenge-options{gap:.35rem;margin-top:.65rem;display:grid}.rule-choice{min-height:2.4rem;color:var(--space);text-align:left;cursor:pointer;background:#f3f1e8;border:1px solid #33333340;grid-template-columns:1.55rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.35rem .45rem;display:grid}.rule-choice:hover,.rule-choice:focus-visible{background:var(--energy-yellow);border-color:var(--space);outline:none}.rule-choice[aria-pressed=true]{border-color:var(--space);box-shadow:inset .22rem 0 0 var(--space)}.rule-choice[data-result=correct]{background:#dff1df}.rule-choice[data-result=incorrect]{background:#f6ded8}.rule-choice-key{width:1.55rem;height:1.55rem;color:var(--paper);background:var(--space);place-items:center;font-family:Allumi Raise,Arial,sans-serif;font-size:.68rem;font-weight:950;display:grid}.rule-choice-copy{font-size:.66rem;font-weight:800;line-height:1.35}.rule-challenge-feedback{color:#606464;border-top:1px solid #33333329;min-height:2.4rem;margin-top:.55rem;padding-top:.55rem;scroll-margin-block:.75rem;font-size:.62rem;font-weight:700;line-height:1.45;display:block}.rule-challenge-feedback[data-result=correct]{color:#25623b}.rule-challenge-feedback[data-result=incorrect]{color:#8f3527}.rule-shots{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.8rem;display:grid}.rule-shot{background:var(--paper);border-top:.3rem solid var(--raise-yellow);align-content:start;gap:.25rem;min-height:5.8rem;padding:.55rem;display:grid}.rule-shot kbd{justify-self:start}.rule-shot strong{font-size:.72rem}.rule-shot span{color:#646868;font-size:.58rem;font-weight:650;line-height:1.45}.rule-scene{isolation:isolate;background:#aeb1af;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.rule-scene:after{z-index:1;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff38}.rule-scene-image{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rule-scene-image[hidden]{display:none}.rule-scene-fallback{z-index:0;color:var(--paper);background:var(--space);border-right:.7rem solid var(--raise-yellow);align-content:start;padding:5.4rem 2rem 2rem;display:grid;position:absolute;inset:0}.rule-scene-fallback[hidden]{display:none}.rule-fallback-index{color:var(--raise-yellow);opacity:.2;font-family:Allumi Raise,Arial,sans-serif;font-size:clamp(5rem,9vw,9rem);font-weight:950;line-height:.8}.rule-scene-fallback strong{max-width:24rem;margin-top:-1rem;font-size:clamp(1.8rem,4vw,4rem);line-height:1}.rule-scene-fallback small{color:#ffffffad;letter-spacing:.08em;max-width:20rem;margin-top:.65rem;font-size:.65rem;font-weight:800}.rule-scene-index{z-index:4;color:var(--space);letter-spacing:.12em;background:var(--raise-yellow);padding:.38rem .5rem;font-family:Allumi Raise,Arial,sans-serif;font-size:.58rem;font-weight:950;position:absolute;top:1rem;left:1rem}.rule-overlay-label{z-index:4;max-width:12rem;color:var(--paper);text-align:right;background:#1f2121d1;gap:.1rem;padding:.45rem .6rem;display:grid;position:absolute;top:1rem;right:1rem}.rule-overlay-label span{color:var(--raise-yellow);letter-spacing:.16em;font-size:.46rem;font-weight:950}.rule-overlay-label strong{font-size:.62rem;line-height:1.25}.rule-diagram{z-index:3;filter:drop-shadow(.45rem .45rem #00000038);width:min(74%,31rem);position:absolute;bottom:3.4rem;right:1rem}.rule-diagram-board{fill:#1f2121e6;stroke:#ffffff59;stroke-width:1px}.rule-diagram-boundary,.rule-diagram-line,.rule-diagram-centerline{fill:none;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.rule-diagram-centerline{stroke-width:1.5px}.rule-diagram-net{stroke:var(--raise-yellow);stroke-dasharray:3 3;stroke-width:4px;vector-effect:non-scaling-stroke}.rule-diagram-highlight{fill:#fac80057;stroke:var(--raise-yellow);stroke-width:2px}.rule-diagram-highlight.is-secondary{fill:#ffffff24;stroke:#ffffffa6}.rule-diagram-highlight.is-alert{fill:#fac8009e;stroke-width:4px}.rule-diagram-path{fill:none;stroke:var(--raise-yellow);stroke-linecap:round;stroke-width:5px}.rule-diagram-path.is-return{stroke:var(--paper);stroke-dasharray:9 6}.rule-diagram-path.is-lob{stroke:var(--energy-yellow);stroke-dasharray:3 5}.rule-diagram-arrow-head{fill:var(--raise-yellow)}.rule-diagram-spot{fill:var(--raise-yellow);stroke:var(--space);stroke-width:2px}.rule-diagram-spot.is-muted{fill:var(--galaxy)}.rule-diagram-spot-label{fill:var(--space);text-anchor:middle;font-size:11px;font-weight:950}.rule-diagram-text,.rule-diagram-score-text,.rule-diagram-alert-text,.rule-diagram-result-text{fill:var(--paper);text-anchor:middle;font-family:Noto Sans TC,PingFang TC,sans-serif;font-size:10px;font-weight:900}.rule-diagram-score-text{text-anchor:start;font-size:13px}.rule-diagram-alert-text{fill:var(--space);font-size:12px}.rule-diagram-ball{fill:var(--energy-yellow);stroke:var(--space);stroke-width:3px}.rule-diagram-ball.is-fault{fill:#d85c43}.rule-diagram-player{fill:var(--paper)}.rule-diagram-player-body{fill:none;stroke:var(--paper);stroke-linecap:round;stroke-width:6px}.rule-diagram-score-large{fill:var(--energy-yellow);text-anchor:middle;font-family:Allumi Raise,Arial,sans-serif;font-size:30px;font-weight:950}.rule-diagram-result-text.is-alert{fill:#ff8a73}.rule-scene-caption{z-index:4;min-height:2.7rem;color:var(--paper);background:#1f2121e0;padding:.7rem 1rem;font-size:.65rem;font-weight:750;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.rule-navigation{background:var(--warm-paper);border-top:1px solid #3333;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;min-height:4.6rem;padding:.65rem 1rem;display:grid}.rule-navigation .secondary-button{justify-self:start}.rule-navigation .primary-button{justify-self:end}.rule-count{text-align:center;font-variant-numeric:tabular-nums;gap:.1rem;min-width:4.5rem;font-family:Allumi Raise,Arial,sans-serif;font-weight:900;display:grid}.rule-count span{color:#6b6e6e;letter-spacing:.13em;font-size:.48rem}.rule-count strong{font-size:.9rem}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:20px;padding:24px 28px 20px;display:flex}.panel-header h2{letter-spacing:-.02em;margin:0;font-family:Allumi Raise,Noto Sans TC,PingFang TC,sans-serif;font-size:clamp(25px,4vw,42px);line-height:.95}.panel-header p{color:#626565;margin:8px 0 0;font-size:12px;font-weight:650}.close-button{border:1px solid var(--space);cursor:pointer;background:0 0;min-width:42px;height:42px;padding:0 12px;font-size:13px;font-weight:900}.close-button:hover{color:var(--paper);background:var(--space)}.primary-button,.secondary-button{letter-spacing:.06em;border:2px solid var(--space);cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));min-height:48px;padding:11px 20px;font-size:13px;font-weight:900}.primary-button{color:var(--space);background:var(--raise-yellow)}.primary-button:hover{color:var(--paper);background:var(--space)}.secondary-button{color:var(--space);background:var(--paper)}.secondary-button:hover{background:var(--energy-yellow)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;filter:grayscale();opacity:.5}.avatar-surface{width:min(100%,1120px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 62px);background:var(--warm-paper);box-shadow:.75rem .75rem 0 var(--space);overflow:auto}.avatar-studio{min-height:0;display:grid}.avatar-hero{min-height:clamp(17.5rem,43dvh,22rem);color:var(--paper);background:var(--warm-paper);border-block:1px solid var(--space);grid-template-columns:minmax(10rem,1.08fr) minmax(8rem,.92fr);display:grid;position:relative;overflow:hidden}.avatar-hero:before{z-index:2;content:"";pointer-events:none;border:1px solid #33333338;position:absolute;inset:.7rem}.avatar-hero:after{z-index:2;color:#33333317;letter-spacing:-.08em;content:attr(data-index);pointer-events:none;font:800 clamp(4.75rem,24vw,8rem)/.82 Allumi Raise,Arial,sans-serif;position:absolute;top:.35rem;left:.7rem}.avatar-hero-media{z-index:1;background:var(--warm-paper);border-right:1px solid var(--space);min-width:0;min-height:17.5rem;position:relative;overflow:hidden}.avatar-hero-image{z-index:1;object-fit:contain;object-position:center bottom;opacity:1;width:100%;height:100%;display:block;position:relative}.avatar-hero:not(.is-ready) .avatar-hero-image{opacity:0}.avatar-key-art-label{z-index:3;color:var(--space);letter-spacing:.12em;background:var(--raise-yellow);padding:.32rem .48rem;font-size:.58rem;font-weight:900;position:absolute;top:1rem;left:1rem}.avatar-paddle-line{z-index:2;background:var(--raise-yellow);transform-origin:100%;width:42%;height:2px;position:absolute;bottom:18%;right:7%;transform:rotate(-9deg)}.avatar-hero-copy{z-index:3;background:var(--space);border-left:1px solid var(--paper);align-content:end;min-width:0;padding:clamp(1rem,4vw,1.6rem);display:grid;position:relative}.avatar-action-label{color:var(--raise-yellow);letter-spacing:.14em;margin:0 0 .65rem;font-size:clamp(.58rem,2vw,.7rem);font-weight:900}.avatar-hero-copy h3{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-family:Allumi Raise,Arial,sans-serif;font-size:clamp(2.25rem,10vw,3.2rem);line-height:.82}.avatar-hero-role{color:var(--paper);letter-spacing:.14em;margin:.8rem 0 0;font-size:clamp(.78rem,2.7vw,1rem);font-weight:900}.avatar-render-note{color:#ffffffb8;overflow-wrap:anywhere;max-width:18rem;margin:.55rem 0 0;font-size:.68rem;font-weight:650;line-height:1.55}.avatar-editor{flex-direction:column;min-width:0;min-height:0;padding:1rem;display:flex}.player-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.player-tab{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:.3rem solid #0000;justify-content:space-between;align-items:center;gap:.55rem;min-height:3.25rem;padding:.55rem .65rem;display:flex}.player-tab[aria-selected=true]{border-bottom-color:var(--raise-yellow);background:#fac8001f}.player-tab-copy{min-width:0;display:grid}.player-tab-copy strong{font-size:.72rem;font-weight:900}.player-tab-copy small{letter-spacing:.07em;text-overflow:ellipsis;font-family:Allumi Raise,Arial,sans-serif;font-size:.62rem;overflow:hidden}.player-lock-state{color:#666a6a;white-space:nowrap;font-size:.58rem;font-weight:850}.player-tab[aria-selected=true] .player-lock-state{color:var(--space)}.avatar-selection{gap:1rem;min-height:0;padding-top:1rem;display:grid}.character-dossier{gap:.5rem;display:grid}.character-role-heading{justify-content:space-between;align-items:end;gap:.75rem;display:flex}.character-kicker{color:#666a6a;letter-spacing:.16em;margin:0 0 .2rem;font-size:.61rem;font-weight:900}.character-role-heading h3{margin:0;font-size:clamp(1.45rem,5vw,2.25rem);line-height:1}.character-invariant{color:var(--paper);letter-spacing:.06em;background:var(--space);flex:none;padding:.38rem .5rem;font-size:.59rem;font-weight:900}.character-trait,.character-tradeoff{margin:0;font-size:.72rem;font-weight:700;line-height:1.55}.character-tradeoff{color:#686b6b}.character-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .75rem;margin:.25rem 0 0;display:grid}.character-stat{grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.4rem;display:grid}.character-stat dt{font-size:.61rem;font-weight:900}.character-stat-meter{background:#33333321;place-items:center end;height:1rem;margin:0;display:grid;position:relative;overflow:hidden}.character-stat-fill{width:var(--stat-value);background:var(--raise-yellow);border-right:.18rem solid var(--space);position:absolute;inset:0 auto 0 0}.character-stat-meter strong{z-index:1;font-variant-numeric:tabular-nums;padding-right:.28rem;font-family:Allumi Raise,Arial,sans-serif;font-size:.6rem;position:relative}.character-roster{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;grid-auto-columns:minmax(6.6rem,34%);grid-auto-flow:column;gap:.55rem;padding-bottom:.35rem;display:grid;overflow-x:auto}.character-card{min-width:0;color:var(--paper);text-align:left;background:var(--space);cursor:pointer;scroll-snap-align:start;border:.16rem solid #0000;padding:0;display:grid;position:relative;overflow:hidden}.character-card[aria-checked=true]{color:var(--space);background:var(--raise-yellow);border-color:var(--space)}.character-card img{aspect-ratio:4/5;object-fit:cover;object-position:center 18%;filter:saturate(.84)contrast(1.03);width:100%;display:block}.character-card[aria-checked=true] img{filter:saturate()contrast(1.05)}.character-card-copy{gap:.08rem;min-width:0;padding:.48rem .5rem .58rem;display:grid}.character-card-copy strong{letter-spacing:.06em;font-family:Allumi Raise,Arial,sans-serif;font-size:.82rem}.character-card-copy small{text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;font-weight:750;overflow:hidden}.character-card-state{color:var(--space);background:var(--paper);padding:.22rem .32rem;font-size:.52rem;font-weight:900;position:absolute;top:.35rem;right:.35rem}.character-card[aria-checked=true] .character-card-state{color:var(--paper);background:var(--space)}.studio-actions{z-index:3;padding-top:.9rem;padding-bottom:max(.1rem, env(safe-area-inset-bottom));background:var(--warm-paper);border-top:1px solid var(--line);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:.55rem;margin-top:auto;display:grid;position:sticky;bottom:-1px}.studio-actions button{width:100%;min-width:0;padding-inline:.55rem}.field input,.field select,.room-input{width:100%;min-height:45px;color:var(--space);background:var(--paper);border:1px solid #33333359;border-radius:0;padding:9px 12px}.online-actions,.result-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;padding-top:20px;display:flex}.online-panel{grid-template-columns:1fr 1px 1fr;gap:32px;padding:34px 28px 38px;display:grid}.online-divider{background:var(--line)}.online-choice h3{margin:0 0 8px;font-size:19px}.online-choice>p{color:#676b6b;min-height:46px;margin:0 0 22px;font-size:12px;line-height:1.7}.room-code{letter-spacing:.14em;background:var(--raise-yellow);border:2px solid var(--space);place-items:center;min-height:100px;margin:16px 0;font-family:Allumi Raise,monospace;font-size:clamp(31px,6vw,54px);font-weight:900;display:grid}.connection-state{align-items:center;gap:8px;min-height:34px;margin-top:16px;font-size:12px;font-weight:750;display:flex}.connection-state[data-tone=error]{color:var(--danger)}.match-hud{pointer-events:none;position:absolute;inset:0}.scorebug{top:var(--safe-top);left:var(--safe-left);width:min(310px,100vw - 40px);color:var(--paper);background:#1f2121f0;display:grid;position:absolute;box-shadow:8px 8px #fac800bf}.scorebug-kicker{color:var(--space);background:var(--raise-yellow);letter-spacing:.13em;justify-content:space-between;padding:7px 11px;font-size:9px;font-weight:950;display:flex}.score-row{border-top:1px solid #ffffff21;grid-template-columns:17px minmax(0,1fr) 48px;align-items:center;gap:8px;min-height:42px;padding:3px 9px 3px 11px;display:grid}.serve-indicator{background:0 0;border:1px solid #ffffff5c;border-radius:50%;width:7px;height:7px;margin:auto}.score-row.is-serving .serve-indicator{background:var(--energy-yellow);border-color:var(--energy-yellow);box-shadow:0 0 0 3px #fff0502e}.score-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.score-number{font-variant-numeric:tabular-nums;text-align:right;font-family:Allumi Raise,Arial,sans-serif;font-size:27px}.match-actions{top:var(--safe-top);right:var(--safe-right);pointer-events:auto;gap:6px;display:flex;position:absolute}.control-hint{bottom:var(--safe-bottom);width:min(1240px,100vw - 36px);max-width:none;color:var(--paper);white-space:normal;border-bottom:5px solid var(--raise-yellow);background:#1f2121f2;grid-template-columns:118px minmax(0,1fr);padding:0;font-size:11px;font-weight:750;display:grid;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:9px 9px #3333}.action-dock-phase{color:var(--space);background:var(--raise-yellow);align-content:center;gap:5px;padding:12px 14px;display:grid}.action-dock-phase span{letter-spacing:.13em;font-size:8px;font-weight:950}.action-dock-phase strong{font-size:12px;line-height:1.2}.action-dock-groups{min-width:0;display:flex}.action-dock-groups:has(>.action-group+.action-group){grid-template-rows:repeat(2,minmax(0,1fr));display:grid}.action-dock-groups:has(>.action-group+.action-group) .action-group+.action-group{border-top:1px solid #fff3;border-left:0}.action-dock-groups:has(>.action-group+.action-group) .action-group h3{writing-mode:horizontal-tb;min-width:68px}.action-dock-groups:has(>.action-group+.action-group) .action-item{min-height:50px;padding-block:6px}.action-dock-groups:has(>.action-group+.action-group) .action-copy strong{white-space:nowrap}.action-dock-groups:has(>.action-group+.action-group) .action-copy small{display:none}.action-group{flex:1 1 0;grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.action-group+.action-group{border-left:1px solid #fff3}.action-group h3{min-width:28px;color:var(--space);letter-spacing:.08em;writing-mode:vertical-rl;background:var(--paper);place-items:center;margin:0;padding:0 6px;font-size:8px;display:grid}.action-list{grid-template-columns:repeat(6,minmax(58px,1fr));min-width:0;display:grid}.action-item{border-left:1px solid #ffffff21;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:64px;padding:8px 9px;display:grid}.action-item[data-emphasis=primary]{color:var(--space);background:var(--energy-yellow);box-shadow:inset 0 6px 0 var(--paper)}.action-item[data-emphasis=available]{box-shadow:inset 0 5px 0 var(--raise-yellow)}.action-item[data-emphasis=utility]{background:#969b9b42}.action-item[data-emphasis=muted]{opacity:.48}.action-copy{gap:2px;min-width:0;display:grid}.action-copy strong,.action-copy small{text-overflow:ellipsis;overflow:hidden}.action-copy strong{white-space:nowrap;font-size:10px;font-weight:900;line-height:1.2}.action-copy small{white-space:normal;opacity:.72;font-size:8px;font-weight:650;line-height:1.3}.action-item[data-emphasis=primary] kbd{color:var(--paper);background:var(--space);border-color:var(--space)}kbd{min-width:22px;color:var(--space);text-align:center;background:var(--paper);border-bottom:2px solid var(--galaxy);padding:2px 5px;font:800 10px/1.5 Noto Sans TC,PingFang TC,sans-serif}.match-callout{width:min(92vw,820px);color:var(--paper);text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:5px 5px 0 var(--space);padding:13px 18px 17px;font-family:Allumi Raise,Noto Sans TC,PingFang TC,sans-serif;font-size:clamp(38px,8vw,96px);font-weight:900;line-height:.86;animation:.65s cubic-bezier(.16,1,.3,1) both callout-in;position:absolute;top:45%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.match-callout:after{content:"";background:var(--energy-yellow);width:min(380px,55%);height:10px;margin:12px auto 0;display:block}@keyframes callout-in{0%{clip-path:inset(0 100% 0 0)}45%,78%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.coach-serve-button{z-index:34;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 5.8rem);width:clamp(6.5rem,12vw,8rem);height:clamp(6.5rem,12vw,8rem);color:var(--space);letter-spacing:.12em;background:var(--energy-yellow);border:.4rem solid var(--space);cursor:pointer;clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));pointer-events:auto;place-items:center;padding:.75rem;font:900 clamp(1.25rem,2.4vw,1.8rem)/1 Allumi Raise,Noto Sans TC,sans-serif;display:grid;position:absolute;box-shadow:.55rem .55rem #33333357}.coach-serve-button:hover,.coach-serve-button:active{color:var(--paper);background:var(--space);border-color:var(--raise-yellow)}.coach-decision-backdrop,.point-review-backdrop{z-index:55;padding:max(1rem, var(--safe-top)) max(1rem, var(--safe-right)) max(1rem, var(--safe-bottom)) max(1rem, var(--safe-left));color:var(--space);pointer-events:auto;background:#1f2121db;place-items:center;display:grid;position:absolute;inset:0}.coach-decision-panel{width:min(100%,68rem);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2rem);background:var(--warm-paper);border-top:.7rem solid var(--raise-yellow);display:grid;overflow:auto;box-shadow:1rem 1rem #00000047}.coach-decision-header{color:var(--paper);background:var(--space);gap:.55rem;padding:1.3rem 1.4rem 1.1rem;display:grid}.coach-kicker{color:var(--raise-yellow);letter-spacing:.18em;margin:0;font-size:.66rem;font-weight:950}.coach-decision-header h2,.point-review-panel h2{letter-spacing:-.025em;margin:0;font-family:Allumi Raise,Noto Sans TC,sans-serif;font-size:clamp(1.8rem,5vw,3.65rem);line-height:.98}.coach-situation{color:#ffffffc2;max-width:56rem;margin:0;font-size:.82rem;font-weight:650;line-height:1.65}.tactical-cards{grid-template-columns:1fr;gap:.7rem;padding:.9rem;display:grid}.tactical-card{min-width:0;min-height:13.5rem;color:var(--space);text-align:left;background:var(--paper);border:1px solid #33333338;border-left:.45rem solid var(--galaxy);cursor:pointer;gap:.8rem;padding:1rem .95rem .9rem;display:grid;position:relative}.tactical-card[data-recommended=true]{border-left-color:var(--raise-yellow);box-shadow:inset 0 .3rem 0 var(--raise-yellow)}.tactical-card[data-choice=smart]{border-color:var(--space);border-left-color:var(--raise-yellow)}.tactical-card[aria-pressed=true]{color:var(--paper);background:var(--space);border:.25rem solid var(--energy-yellow)}.tactical-card:disabled{cursor:default;opacity:1}.tactical-card:not(:disabled):hover{background:var(--energy-yellow);transform:translateY(-.18rem)}.tactical-card-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.tactical-card-top strong{font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:950}.tactical-shortcut{min-width:3.75rem;color:var(--paper);text-align:center;background:var(--space);box-shadow:none;border:0;grid-area:1/2;padding:.3rem .4rem;font-size:.62rem;font-weight:900}.tactical-card[aria-pressed=true] .tactical-shortcut{color:var(--space);background:var(--energy-yellow)}.tactical-card-badge{color:#6b6f6f;letter-spacing:.12em;grid-column:1/-1;justify-self:start;font-size:.58rem;font-weight:900}.tactical-card[data-recommended=true] .tactical-card-badge,.tactical-card[aria-pressed=true] .tactical-card-badge{color:inherit}.tactical-card-details{align-content:start;gap:.35rem;font-size:.7rem;font-weight:700;line-height:1.45;display:grid}.tactical-rule-tip{color:#5e6262;border-top:1px solid;align-self:end;padding-top:.65rem;font-size:.64rem;font-weight:700;line-height:1.45}.tactical-card[aria-pressed=true] .tactical-rule-tip{color:#ffffffbd}.tactical-card-state{letter-spacing:.08em;justify-self:end;font-size:.64rem;font-weight:950}.coach-rule-strip{color:#565a5a;border-top:1px solid var(--line);margin:0;padding:.8rem 1.15rem 1rem;font-size:.72rem;font-weight:750;line-height:1.5}.replay-badge{z-index:42;top:calc(var(--safe-top) + 6.9rem);right:var(--safe-right);width:min(24rem, calc(100vw - var(--safe-left) - var(--safe-right)));color:var(--paper);border-top:.2rem solid var(--raise-yellow);pointer-events:auto;background:#1f2121f5;grid-template-columns:auto auto;align-items:center;gap:.4rem .85rem;padding:.45rem .55rem .5rem .75rem;display:grid;position:absolute;box-shadow:0 .55rem #00000038}.replay-meta{grid-template-columns:auto auto;align-items:baseline;gap:.6rem;min-width:0;display:grid}.replay-kicker{color:var(--raise-yellow);letter-spacing:.14em;text-overflow:ellipsis;white-space:nowrap;font:900 .56rem/1 Allumi Raise,Noto Sans TC,sans-serif;overflow:hidden}.replay-speed-output{color:var(--paper);font-variant-numeric:tabular-nums;font:900 1rem/1 Allumi Raise,Arial,sans-serif}.replay-transport-controls{grid-template-columns:2.75rem minmax(5.7rem,auto) 2.75rem;gap:.25rem;display:grid}.replay-speed-button,.replay-skip-button{min-width:2.75rem;min-height:2.75rem;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #ffffff59;place-items:center;padding:.35rem .55rem;font-size:.76rem;font-weight:900;display:inline-grid}.replay-skip-button{color:var(--space);background:var(--raise-yellow);border-color:var(--raise-yellow);grid-template-columns:auto auto;gap:.4rem}.replay-skip-button kbd{background:0 0;border:0;padding:0;font-size:.54rem}.replay-speed-button:disabled{opacity:.32;cursor:default}.replay-control-help{color:#ffffffab;letter-spacing:.02em;grid-column:1/-1;margin:0;font-size:.54rem;font-weight:700;line-height:1.3}.point-review-backdrop{z-index:58}.point-review-panel{width:min(100%,38rem);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2rem);background:var(--warm-paper);border-top:.75rem solid var(--raise-yellow);gap:1.1rem;padding:clamp(1.25rem,4vw,2rem);display:grid;overflow:auto;box-shadow:1rem 1rem #00000047}.point-review-panel .coach-kicker{color:#646868}.point-review-verdict{min-height:4.5rem;color:var(--space);background:var(--raise-yellow);border:.25rem solid var(--space);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.point-review-verdict span{letter-spacing:.15em;font-size:.62rem;font-weight:950}.point-review-verdict strong{font-family:Allumi Raise,Noto Sans TC,sans-serif;font-size:clamp(1.35rem,4vw,2.15rem);line-height:1}.point-review-verdict[data-tone=side-out]{color:var(--paper);background:var(--space);border-color:var(--raise-yellow)}.point-review-facts{border-top:1px solid var(--line);margin:0;display:grid}.point-review-facts>div{border-bottom:1px solid var(--line);grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem;padding:.8rem 0;display:grid}.point-review-facts dt{letter-spacing:.14em;font-size:.68rem;font-weight:950}.point-review-facts dd{margin:0;font-size:.78rem;font-weight:700;line-height:1.55}.point-review-panel .primary-button{width:100%;min-height:3.5rem}.result-panel{width:min(92vw,560px);color:var(--space);text-align:center;background:var(--warm-paper);border-top:12px solid var(--raise-yellow);margin:auto;padding:34px;box-shadow:18px 18px #33333340}.result-panel .eyebrow{justify-content:center}.result-panel h2{text-overflow:ellipsis;white-space:nowrap;margin:16px 0 4px;font-size:clamp(36px,7vw,68px);font-weight:950;line-height:1;overflow:hidden}.final-score{margin:20px 0;font-family:Allumi Raise,Arial,sans-serif;font-size:clamp(58px,10vw,98px);font-weight:900;line-height:1}.result-actions{justify-content:center}.pause-backdrop{z-index:80;color:var(--paper);background:#1f2121c7;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.pause-menu{width:min(94vw,1120px);max-height:min(88dvh,760px);color:var(--space);background:var(--warm-paper);border-top:10px solid var(--raise-yellow);grid-template-columns:minmax(13rem,.78fr) minmax(0,2.22fr);display:grid;overflow:auto;box-shadow:18px 18px #00000057}.pause-menu h2{margin:0;font:900 clamp(2.3rem,5vw,4.8rem)/.88 Allumi Raise,sans-serif}.pause-header{color:var(--paper);background:var(--space);align-content:start;gap:.75rem;padding:1.4rem 1.35rem;display:grid}.pause-eyebrow{color:var(--raise-yellow);letter-spacing:.16em;font-size:.62rem;font-weight:950}.pause-mode-label{width:-moz-fit-content;width:fit-content;color:var(--space);background:var(--raise-yellow);padding:.36rem .5rem;font-size:.67rem}.pause-summary{opacity:.74;max-width:28rem;margin:0;font-size:.73rem;font-weight:700;line-height:1.55}.pause-settings-cue{display:none}.pause-controls{align-content:center;padding:.7rem 1.1rem;display:grid}.pause-control-group{border-bottom:1px solid #1f212133;grid-template-columns:minmax(8.6rem,.62fr) minmax(0,2.38fr);align-items:center;gap:.75rem;min-width:0;padding:.72rem 0;display:grid}.pause-control-group:last-child{border-bottom:0}.pause-control-group h3,.pause-control-group p{margin:0}.pause-control-group h3{font:900 .82rem/1.2 Allumi Raise,Noto Sans TC,sans-serif}.pause-control-group p{color:#626665;margin-top:.22rem;font-size:.56rem;font-weight:700;line-height:1.4}.pause-key-list{flex-wrap:wrap;gap:.38rem;min-width:0;display:flex}.pause-key{min-width:3.7rem;min-height:3.55rem;color:var(--space);text-align:center;background:var(--paper);border:1px solid #1f212147;border-bottom-width:.26rem;grid-template-rows:auto auto;align-content:center;justify-items:center;padding:.35rem .4rem;transition:color 90ms,background 90ms,transform 90ms;display:grid}.pause-key[data-tone=movement]{border-bottom-color:var(--raise-yellow)}.pause-key[data-tone=shot]{border-bottom-color:var(--space)}.pause-key[data-tone=aim],.pause-key[data-tone=system]{border-bottom-color:var(--galaxy)}.pause-key[data-tone=automatic]{color:var(--paper);background:var(--space);border-bottom-color:var(--raise-yellow)}.pause-key[data-active=true]{color:var(--space);background:var(--energy-yellow);border-color:var(--space);transform:translateY(.16rem)}.pause-key kbd{background:0 0;border:0;min-width:0;padding:0;font-size:.78rem}.pause-key span{margin-top:.15rem;font-size:.5rem;font-weight:800;line-height:1.25}.pause-actions{border-top:1px solid #1f212138;grid-column:1/-1;grid-template-columns:minmax(12rem,1fr) auto auto;gap:.55rem;padding:.75rem 1.1rem 1rem;display:grid}.replay-settings{border:0;border-top:1px solid #1f212138;grid-column:1/-1;grid-template-columns:minmax(15rem,.85fr) minmax(18rem,1.35fr);align-items:center;gap:.8rem 1rem;min-width:0;margin:0;padding:.75rem 1.1rem;display:grid}.replay-settings legend{letter-spacing:.06em;grid-column:1/-1;padding:0;font:900 .72rem/1 Allumi Raise,Noto Sans TC,sans-serif}.replay-autoplay-toggle{min-height:3rem;color:var(--space);text-align:left;background:var(--paper);cursor:pointer;border:1px solid #1f212147;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:.75rem;padding:.35rem .35rem .35rem .7rem;display:grid}.replay-autoplay-toggle[data-enabled=true]{border-color:var(--space)}.replay-setting-copy{gap:.1rem;display:grid}.replay-setting-copy strong,.replay-setting-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-setting-copy strong{font-size:.68rem}.replay-setting-copy small{color:#626665;font-size:.5rem;font-weight:700}.replay-setting-state{min-width:2.75rem;min-height:2.75rem;color:var(--paper);background:var(--space);place-items:center;font-size:.65rem;font-weight:950;display:grid}.replay-autoplay-toggle[data-enabled=true] .replay-setting-state{color:var(--space);background:var(--raise-yellow)}.replay-speed-setting{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-width:0;display:grid}.replay-setting-label{color:#626665;white-space:nowrap;font-size:.58rem;font-weight:850}.replay-speed-choices{grid-template-columns:repeat(4,minmax(2.75rem,1fr));gap:.25rem;min-width:0;display:grid}.replay-speed-choice{min-width:2.75rem;min-height:2.75rem;color:var(--space);font-variant-numeric:tabular-nums;background:var(--paper);cursor:pointer;border:1px solid #1f212147;padding:.25rem;font-size:.64rem;font-weight:950}.replay-speed-choice[data-selected=true]{background:var(--raise-yellow);border-color:var(--space)}.pause-menu .pause-actions .primary-button,.pause-menu .pause-actions .secondary-button{width:auto;min-height:3rem;margin:0}@media (max-width:760px){.pause-backdrop{padding:max(.55rem, var(--safe-top)) max(.45rem, var(--safe-right)) max(.55rem, var(--safe-bottom)) max(.45rem, var(--safe-left))}.pause-menu{width:100%;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 1rem);grid-template-columns:1fr}.pause-header{padding:1rem}.pause-settings-cue{min-height:2.75rem;color:var(--space);letter-spacing:.04em;text-align:left;background:var(--raise-yellow);border:1px solid var(--raise-yellow);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .7rem;font-size:.62rem;font-weight:950;display:grid}.pause-settings-cue:after{content:"↓";font:900 1rem/1 Allumi Raise,sans-serif}.pause-settings-cue:focus-visible{outline-color:var(--paper)}.pause-menu h2{font-size:clamp(2rem,10vw,3.2rem)}.pause-controls{padding:.35rem .75rem}.pause-control-group{grid-template-columns:1fr;gap:.45rem;padding:.62rem 0}.pause-key-list{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pause-key{min-width:0;min-height:3.25rem}.pause-actions{background:var(--warm-paper);grid-column:1;grid-template-columns:1fr 1fr;position:sticky;bottom:0}.replay-settings{grid-column:1;grid-template-columns:1fr;padding:.7rem .75rem}.replay-speed-setting{grid-template-columns:1fr;gap:.35rem}.pause-actions .primary-button{grid-column:1/-1}}.toast-stack{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 46px);pointer-events:none;gap:8px;width:min(360px,100vw - 40px);display:grid;position:absolute}.toast{color:var(--paper);background:var(--space);border-left:7px solid var(--raise-yellow);padding:12px 14px;font-size:12px;font-weight:700;line-height:1.55;animation:.24s ease-out both toast-in}.toast[data-tone=error]{border-left-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}.webgl-fallback{color:var(--paper);text-align:center;background:var(--space);place-items:center;padding:30px;display:grid;position:absolute;inset:0}.webgl-fallback h1{margin:0 0 14px;font-family:Allumi Raise,sans-serif;font-size:clamp(34px,8vw,78px)}.webgl-fallback p{max-width:560px;margin:0;line-height:1.8}@media (max-width:820px){.lobby-grid{grid-template-columns:1fr;align-items:stretch;gap:8px}.hero-copy{padding:10vh 0 2vh}.hero-title{font-size:clamp(48px,16vw,84px)}.mode-rail{width:min(100%,510px);margin-left:auto}.mode-button{min-height:60px}.online-panel{grid-template-columns:1fr}.online-divider{width:100%;height:1px}.rules-surface{width:100%;height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 3.35rem);max-height:none;overflow:hidden;box-shadow:.45rem .45rem #1f212147}.rules-layout{grid-template-rows:auto minmax(0,1fr);min-height:0}.rules-progress{overscroll-behavior-inline:contain;padding:0;display:flex;overflow-x:auto}.rule-step-tab{border-bottom-width:.25rem;min-width:8.5rem;min-height:3.75rem;padding:.5rem .65rem}.rule-step-tab[aria-selected=true]{border-bottom-color:var(--paper)}.rule-card{grid-template-rows:minmax(13.5rem,43%) auto;grid-template-columns:1fr;overflow:auto}.rule-scene{min-height:13.5rem}.rule-card-copy{border-top:1px solid #3333;border-left:0;overflow:visible}.rule-diagram{width:min(82%,27rem);bottom:3.2rem;right:.65rem}.rule-navigation{padding-inline:.75rem}.control-hint{grid-template-columns:94px minmax(0,1fr);width:calc(100vw - 24px)}.action-group h3{min-width:24px;padding-inline:3px;font-size:7px}.action-list{grid-template-columns:repeat(6,minmax(0,1fr))}.action-item{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px;min-height:60px;padding:6px 2px}.action-copy strong{white-space:normal;line-height:1.15}.action-copy small{display:none}.action-item:nth-child(5) .action-copy small{font-size:7px;line-height:1.15;display:block}}@media (max-height:670px) and (min-width:821px){.hero-copy{padding:10px 0}.hero-title{font-size:clamp(48px,8vw,84px)}.hero-subtitle{margin-top:14px}.mode-button{min-height:58px}}@media (max-width:520px){.brand-lockup img{width:76px}.brand-game-name,.brand-divider{display:none}.shell-ui{padding-top:max(8px, env(safe-area-inset-top));padding-right:14px;padding-bottom:max(7px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;padding-left:14px}.topbar{min-height:36px}.brand-lockup{min-height:34px;padding-block:2px}.lobby-grid{gap:5px}.hero-copy{padding:1rem .95rem .9rem}.hero-copy .eyebrow{margin-bottom:.5rem;font-size:.56rem}.hero-copy .eyebrow:before{width:1.5rem;height:.2rem}.hero-title{font-size:clamp(42px,14vw,56px)}.hero-title span{margin-left:1.25rem}.hero-subtitle{margin:.65rem 0 0 1.25rem;font-size:.68rem;line-height:1.45}.input-gate{border-left-width:.25rem;margin:.55rem 0 0 1.25rem;padding:.4rem .5rem;font-size:.6rem;line-height:1.35}.mode-rail{padding-block:0}.mode-rail-heading{padding:.5rem 1rem .4rem 1.3rem;font-size:.58rem}.mode-button{grid-template-columns:1.65rem 1fr auto;gap:.45rem;min-height:48px;padding:.35rem .9rem .35rem 1.15rem}.mode-label{gap:.05rem}.mode-label strong{font-size:.82rem}.mode-label small{font-size:.56rem}.mode-arrow{font-size:1.1rem}.utility-row{min-height:34px}.utility-row .status-line{max-width:44vw;overflow:hidden}.utility-row .status-line span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.utility-actions{gap:10px}.utility-actions .text-button{font-size:10px}.rules-header{min-height:4.1rem;padding:.65rem .75rem .55rem}.rules-header:after,.rules-header p:not(.rules-academy-mark){display:none}.rules-header h2{font-size:1.55rem}.rules-header .close-button{min-width:3.5rem;height:2.4rem}.rule-step-tab{min-width:7.7rem}.rule-step-number{font-size:1.05rem}.rule-card{grid-template-rows:13rem auto;gap:0;padding:0}.rule-card-copy{padding:1rem .9rem 1.1rem}.rule-card h3{font-size:1.8rem}.rule-scene-fallback{padding:3.9rem 1rem 1rem}.rule-overlay-label{top:.65rem;right:.65rem}.rule-scene-index{top:.65rem;left:.65rem}.rule-diagram{width:86%;bottom:2.95rem;right:.45rem}.rule-scene-caption{min-height:2.5rem;padding:.55rem .7rem;font-size:.58rem}.rule-shots{grid-template-columns:1fr}.rule-shot{grid-template-columns:auto auto 1fr;align-items:center;min-height:0}.rule-navigation{grid-template-columns:1fr 1fr;min-height:3.8rem;padding:.45rem .55rem}.rule-count{display:none}.rule-navigation .primary-button,.rule-navigation .secondary-button{width:100%}.avatar-fields{grid-template-columns:1fr}.field.full{grid-column:auto}.scorebug{width:232px}.score-row{grid-template-columns:13px minmax(0,1fr) 34px}.score-number{font-size:22px}.control-hint{display:none}.coach-serve-button{right:50%;bottom:calc(var(--safe-bottom) + .5rem);width:7.25rem;height:7.25rem;transform:translate(50%)}.coach-decision-backdrop,.point-review-backdrop{padding:var(--safe-top) 0 0;align-items:end}.coach-decision-panel,.point-review-panel{width:100%;max-height:calc(100dvh - var(--safe-top));box-shadow:none}.tactical-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.65rem}.tactical-card{gap:.55rem;min-height:11.25rem;padding:.75rem .65rem}.tactical-card[data-recommended=true]{grid-column:1/-1;min-height:9.5rem}.tactical-card-top{grid-template-columns:minmax(0,1fr)}.tactical-shortcut{grid-area:2/1;justify-self:start}.tactical-card-badge{grid-row:3}.tactical-card-details{font-size:.62rem}.point-review-facts>div{grid-template-columns:3.75rem minmax(0,1fr)}.replay-badge{top:calc(var(--safe-top) + 8rem);left:auto;right:.75rem}}@media (min-width:768px){.tactical-cards{grid-template-columns:repeat(3,minmax(0,1fr));padding:1rem}.tactical-card[data-recommended=true]{grid-column:1/-1;grid-template-columns:minmax(11rem,.72fr) minmax(0,1.28fr) auto;align-items:center;min-height:9rem}.tactical-card[data-recommended=true] .tactical-card-top{align-content:center;align-self:stretch}.tactical-card[data-recommended=true] .tactical-card-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.tactical-card[data-recommended=true] .tactical-rule-tip{grid-column:2;align-self:center}.tactical-card[data-recommended=true] .tactical-card-state{color:var(--space);background:var(--raise-yellow);grid-area:1/3/span 2;align-self:center;padding:.75rem}.avatar-surface{overflow:hidden}.avatar-studio{grid-template-columns:minmax(17.5rem,.82fr) minmax(0,1.18fr);height:min(66dvh,33.5rem)}.avatar-hero{border-bottom:0;border-right:1px solid #fff3;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;min-height:0}.avatar-hero-media{border-bottom:1px solid #ffffff2e;border-right:0;min-height:0}.avatar-hero-copy{padding:1rem 1.25rem 1.15rem}.avatar-hero-copy h3{font-size:clamp(3.4rem,7vw,5.6rem)}.avatar-editor{padding:1.1rem 1.25rem .9rem;overflow:auto}.character-roster{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:initial;overflow:visible}.character-card-copy{padding-inline:.4rem}.studio-actions{padding-bottom:0}.rules-surface{width:min(100% - 2rem,76rem)}.rule-card{gap:0;padding:0}.action-dock{width:min(72rem,100vw - 1.5rem)}.action-copy strong{font-size:clamp(.625rem,.75vw,.75rem)}}@media (min-width:768px) and (max-width:1023px){.action-dock-groups:has(>.action-group+.action-group) .action-item{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px}}@media (min-width:1024px){.tactical-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-studio{grid-template-columns:minmax(21rem,.88fr) minmax(0,1.12fr);height:min(68dvh,34.5rem)}.avatar-editor{padding-inline:1.5rem}.avatar-selection{gap:1.15rem}.character-stats{gap-inline:1rem}.rules-layout{grid-template-rows:auto minmax(0,1fr)}.rule-card{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.72fr);gap:0;padding:0}.action-dock{grid-template-columns:7.5rem minmax(0,1fr)}.action-item{min-height:4.25rem;padding:.625rem .75rem}}@media (min-width:1440px){.avatar-surface{width:min(100%,1180px)}.avatar-studio{grid-template-columns:minmax(23rem,.9fr) minmax(0,1.1fr)}.avatar-editor{padding-inline:1.75rem}.rules-surface{width:min(100% - 5rem,76rem)}.rules-layout{grid-template-rows:auto minmax(0,1fr)}.rule-card{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.72fr);gap:0;padding:0}.action-dock{grid-template-columns:8rem minmax(0,1fr);width:min(80rem,100vw - 3rem)}.action-item{min-height:4.5rem;padding-inline:.875rem}.action-group h3{min-width:2.25rem}}.avatar-hero.is-entering .avatar-hero-copy{animation:.56s cubic-bezier(.16,1,.3,1) 40ms both avatar-copy-enter}.avatar-hero.is-entering:before,.avatar-hero.is-entering:after{animation:.64s cubic-bezier(.16,1,.3,1) both avatar-stage-parallax}.avatar-hero.is-entering .avatar-paddle-line{animation:.6s cubic-bezier(.16,1,.3,1) 30ms both avatar-paddle-line-enter}@keyframes avatar-key-art-enter{0%{opacity:0;transform:translate(-1.5rem,.7rem)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes avatar-copy-enter{0%{opacity:0;transform:translate(2.25rem)}to{opacity:1;transform:translate(0)}}@keyframes avatar-stage-parallax{0%{opacity:0;transform:translate(1.15rem)}to{opacity:1;transform:translate(0)}}@keyframes avatar-paddle-line-enter{0%{opacity:0;transform:rotate(-9deg)scaleX(0)}to{opacity:1;transform:rotate(-9deg)scaleX(1)}}@media (min-width:900px){.avatar-screen-panel{pointer-events:none;place-self:stretch stretch;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar-surface{inset:calc(var(--safe-top) + 3.5rem) var(--safe-right) var(--safe-bottom) var(--safe-left);width:auto;height:auto;max-height:none;box-shadow:none;clip-path:none;pointer-events:none;background:0 0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(24rem,34rem);margin:0;display:grid;position:absolute;overflow:visible}.avatar-surface>.panel-header{background:var(--warm-paper);border-top:.35rem solid var(--raise-yellow);pointer-events:auto;grid-area:1/2;padding:1rem 1.1rem .85rem}.avatar-surface>.panel-header h2{font-size:clamp(1.75rem,2.8vw,2.6rem)}.avatar-studio{height:auto;display:contents}.avatar-hero{min-height:0;color:var(--paper);background:var(--warm-paper);border:1px solid var(--space);pointer-events:none;grid-area:1/1/span 2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(9.5rem,12.5rem);margin-right:clamp(1rem,3vw,3rem);display:grid;position:relative;overflow:hidden}.avatar-hero:before{z-index:3;border-color:#3333333d;inset:1rem}.avatar-hero:after{z-index:2;color:#33333314;font-size:clamp(7rem,12vw,12rem);top:1.25rem;left:1.35rem}.avatar-hero-media{border:0;border-right:1px solid var(--space);grid-area:1/1;min-height:0}.avatar-hero-copy{z-index:3;background:var(--space);border-left:0;grid-area:1/2;align-content:end;align-self:stretch;padding:clamp(1.1rem,2vw,1.65rem)}.avatar-hero-copy h3{overflow-wrap:anywhere;max-width:none;font-size:clamp(3.6rem,6vw,6.4rem)}.avatar-hero-role{font-size:clamp(.85rem,1.3vw,1.05rem)}.avatar-render-note{color:#ffffffbd;max-width:12rem;font-size:.7rem}.avatar-paddle-line{width:38%;bottom:20%;right:5%}.avatar-editor{background:var(--warm-paper);pointer-events:auto;grid-area:2/2;min-height:0;padding:.9rem 1.1rem .75rem;overflow:auto}.avatar-selection{gap:.8rem;padding-top:.75rem}.character-roster{gap:.4rem}.character-card img{aspect-ratio:1/1.08}}#game-shell{--coach-learning-height:min(42dvh, 22rem);--point-review-height:min(51dvh, 27rem)}#game-shell:has(.coach-decision-backdrop:not(.is-locked)) #game-canvas{bottom:var(--coach-learning-height);height:calc(100% - var(--coach-learning-height));transition:bottom .26s cubic-bezier(.16,1,.3,1),right .26s cubic-bezier(.16,1,.3,1)}#game-shell:has(.point-review-backdrop) #game-canvas{bottom:var(--point-review-height);height:calc(100% - var(--point-review-height))}:is(#game-shell:has(.coach-decision-backdrop:not(.is-locked)) .action-dock,#game-shell:has(.coach-decision-backdrop:not(.is-locked)) .coach-serve-button,#game-shell:has(.point-review-backdrop) .action-dock,#game-shell:has(.point-review-backdrop) .coach-serve-button,#game-shell:has(.replay-badge) .action-dock,#game-shell:has(.replay-badge) .coach-serve-button){visibility:hidden;opacity:0;pointer-events:none}#game-shell:has(.replay-badge) .match-callout{display:none}.coach-decision-backdrop{z-index:55;width:auto;height:var(--coach-learning-height);color:var(--space);background:var(--space);border-top:.35rem solid var(--raise-yellow);pointer-events:auto;padding:0;display:block;position:absolute;inset:auto 0 0}.coach-decision-backdrop.is-locked{inset:auto var(--safe-right) calc(var(--safe-bottom) + 6.25rem) auto;width:min(28rem, calc(100vw - var(--safe-left) - var(--safe-right)));pointer-events:none;background:0 0;border:0;height:auto}.coach-selection-chip{color:var(--paper);border-left:.4rem solid var(--raise-yellow);background:#1f2121f0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.15rem .55rem;padding:.65rem .8rem;display:grid;box-shadow:.45rem .45rem #fac8004d}.coach-selection-mark{width:1.8rem;height:1.8rem;color:var(--space);background:var(--raise-yellow);border-radius:50%;grid-row:1/span 2;place-items:center;font-weight:950;display:grid}.coach-selection-copy{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:950;overflow:hidden}.coach-selection-path{color:#ffffffad;font-size:.58rem;font-weight:720}.coach-decision-panel{background:var(--warm-paper);width:100%;height:100%;max-height:none;box-shadow:none;border:0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.coach-decision-header{color:var(--paper);background:var(--space);grid-template-columns:minmax(0,1fr) minmax(8rem,.45fr);gap:.65rem;padding:.65rem .75rem;display:grid}.coach-heading-copy{gap:.2rem;min-width:0;display:grid}.coach-heading-copy h2{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,4.4vw,1.35rem);line-height:1.08;overflow:hidden}.coach-heading-copy .coach-situation{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.35;overflow:hidden}.coach-recommendation{min-width:0;color:var(--space);text-align:left;background:var(--raise-yellow);cursor:pointer;border:0;gap:.12rem;padding:.45rem .55rem;display:grid}.coach-recommendation span{letter-spacing:.09em;font-size:.52rem;font-weight:950}.coach-recommendation strong{font-family:Allumi Raise,Noto Sans TC,sans-serif;font-size:.88rem}.coach-recommendation small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.tactical-cards{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;grid-template-columns:none;grid-auto-columns:minmax(10rem,72vw);grid-auto-flow:column;gap:.5rem;padding:.55rem;display:grid;overflow:auto hidden}.tactical-card,.tactical-card[data-recommended=true]{scroll-snap-align:center;min-height:0;box-shadow:none;border-width:1px 1px 1px .38rem;grid-column:auto;grid-template-columns:none;align-items:stretch;gap:.45rem;padding:.65rem;display:grid}.tactical-card[data-recommended=true]{box-shadow:inset 0 .24rem 0 var(--raise-yellow)}.tactical-card-top,.tactical-card[data-recommended=true] .tactical-card-top{grid-template-columns:minmax(0,1fr) auto;align-content:normal;align-self:auto;display:grid}.tactical-card[data-recommended=true] .tactical-card-details{grid-template-columns:none;gap:.22rem}.tactical-card-details{gap:.22rem;font-size:.75rem;line-height:1.35;display:grid;overflow:hidden}.tactical-card-details span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tactical-card-state,.tactical-card[data-recommended=true] .tactical-card-state{color:inherit;background:0 0;grid-area:auto;place-self:end;padding:0;font-size:.68rem}.coach-rule-strip{text-overflow:ellipsis;white-space:nowrap;padding:.42rem .65rem .52rem;font-size:.68rem;line-height:1.25;overflow:hidden}.point-review-backdrop{z-index:58;width:auto;height:var(--point-review-height);color:var(--space);background:var(--space);border-top:.35rem solid var(--raise-yellow);pointer-events:auto;padding:0;display:block;position:absolute;inset:auto 0 0}.point-review-panel{width:100%;height:100%;max-height:none;box-shadow:none;border:0;gap:.65rem;padding:.85rem;overflow:auto}@media (min-width:900px){#game-shell{--learning-dock-width:clamp(21rem, 29vw, 26rem)}:is(#game-shell:has(.coach-decision-backdrop:not(.is-locked)) #game-canvas,#game-shell:has(.point-review-backdrop) #game-canvas){right:var(--learning-dock-width);width:calc(100% - var(--learning-dock-width));height:100%;bottom:0}:is(#game-shell:has(.coach-decision-backdrop:not(.is-locked)) .match-actions,#game-shell:has(.point-review-backdrop) .match-actions){right:calc(var(--learning-dock-width) + var(--safe-right))}.coach-decision-backdrop,.point-review-backdrop{width:var(--learning-dock-width);border-top:0;border-left:.35rem solid var(--raise-yellow);height:auto;inset:0 0 0 auto}.coach-decision-header{padding:max(1rem, var(--safe-top)) 1rem .9rem;grid-template-columns:1fr;gap:.75rem}.coach-heading-copy{gap:.42rem}.coach-heading-copy h2{white-space:normal;font-size:clamp(1.35rem,2.2vw,2rem)}.coach-heading-copy .coach-situation{white-space:normal;font-size:.72rem;line-height:1.5}.coach-recommendation{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.12rem .6rem;padding:.62rem .7rem}.coach-recommendation span{grid-column:1/-1}.coach-recommendation small{-webkit-line-clamp:2}.tactical-cards{scroll-snap-type:block proximity;grid-template-columns:1fr;grid-auto-columns:auto;grid-auto-flow:row;gap:.55rem;padding:.7rem .75rem;overflow:hidden auto}.tactical-card,.tactical-card[data-recommended=true]{scroll-snap-align:start;min-height:7.25rem;padding:.72rem}.coach-rule-strip{padding:.65rem .8rem max(.75rem, var(--safe-bottom));white-space:normal;font-size:.68rem;line-height:1.4}.point-review-panel{padding:max(1.15rem, var(--safe-top)) 1.15rem max(1.15rem, var(--safe-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.lobby-grid[data-presentation=live-courtside]{inset:calc(var(--safe-top) + 3.5rem) var(--safe-right) calc(var(--safe-bottom) + 3.25rem) var(--safe-left);pointer-events:none;grid-template-columns:minmax(17rem,20rem) minmax(19rem,22rem);justify-content:space-between;align-items:center;gap:clamp(2rem,5vw,6rem);width:auto;max-width:none;margin:0;display:grid;position:fixed}.shell-ui:has(.lobby-grid[data-presentation=live-courtside]) .topbar{grid-row:1}.shell-ui:has(.lobby-grid[data-presentation=live-courtside]) .utility-row{grid-row:3;align-self:end}.lobby-grid[data-presentation=live-courtside]>*{pointer-events:auto}.lobby-grid[data-presentation=live-courtside] .hero-copy{max-width:20rem;color:var(--space);filter:none;border:1px solid var(--space);border-left:.4rem solid var(--raise-yellow);padding:1.15rem 1.2rem 1.25rem}.lobby-grid[data-presentation=live-courtside] .hero-copy:before{background:var(--warm-paper);clip-path:none;inset:0}.lobby-live-badge{color:var(--space);letter-spacing:.13em;align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.66rem;font-weight:950;display:flex}.lobby-live-dot,.avatar-live-stage-dot{background:var(--raise-yellow);border:.12rem solid var(--space);border-radius:50%;flex:none;width:.55rem;height:.55rem;animation:1.35s steps(2,end) infinite courtside-live-pulse}.lobby-grid[data-presentation=live-courtside] .eyebrow{color:#666a6a;letter-spacing:.12em;margin-bottom:.6rem;font-size:.6rem}.lobby-grid[data-presentation=live-courtside] .eyebrow:before{background:var(--space);width:1.5rem;height:.18rem}.lobby-grid[data-presentation=live-courtside] .hero-title{max-width:none;color:var(--space);font-size:clamp(2.55rem,4vw,4.1rem);line-height:.82}.lobby-grid[data-presentation=live-courtside] .hero-title span{color:var(--space);text-decoration:underline;-webkit-text-decoration-color:var(--raise-yellow);text-decoration-color:var(--raise-yellow);text-underline-offset:.08em;margin-left:0;text-decoration-thickness:.16em}.lobby-grid[data-presentation=live-courtside] .hero-subtitle{color:var(--space);letter-spacing:.02em;margin:.9rem 0 0;font-size:.72rem;font-weight:720;line-height:1.65}.lobby-live-proof{color:#666a6a;letter-spacing:.08em;border-top:1px solid var(--line);margin:.85rem 0 0;padding-top:.65rem;font-size:.58rem;font-weight:900}.lobby-grid[data-presentation=live-courtside] .input-gate{color:var(--space);border-left:.25rem solid var(--space);margin:.75rem 0 0;padding:.55rem .65rem;font-size:.62rem}.lobby-grid[data-presentation=live-courtside] .mode-rail{width:100%;color:var(--space);background:var(--warm-paper);border:1px solid var(--space);border-top:.35rem solid var(--raise-yellow);clip-path:none;padding:.3rem 0;overflow:hidden;box-shadow:.55rem .55rem #3333}.lobby-grid[data-presentation=live-courtside] .mode-rail:before{display:none}.lobby-grid[data-presentation=live-courtside] .mode-rail-heading{letter-spacing:.16em;padding:.65rem .85rem .55rem;font-size:.62rem}.lobby-grid[data-presentation=live-courtside] .mode-button{grid-template-columns:1.7rem minmax(0,1fr) 1.15rem;gap:.55rem;min-height:3.45rem;padding:.45rem .75rem}.lobby-grid[data-presentation=live-courtside] .mode-label strong{color:inherit;background:0 0;font-size:.86rem}.lobby-grid[data-presentation=live-courtside] .mode-label small{font-size:.58rem;line-height:1.35}.lobby-grid[data-presentation=live-courtside] .mode-index{font-size:.65rem}.lobby-grid[data-presentation=live-courtside] .mode-arrow{font-size:1rem}.avatar-live-stage{z-index:4;color:var(--space);letter-spacing:.1em;background:var(--warm-paper);border:1px solid var(--space);pointer-events:none;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.61rem;font-weight:950;display:flex;position:absolute}.avatar-character-quote{color:var(--paper);margin:.75rem 0 0;font-size:.8rem;font-weight:760;line-height:1.55}.avatar-hero{--avatar-echo-opacity:.52}.avatar-hero[data-character=nova]{--echo-enter-x:-1.5rem;--echo-enter-rotate:-1deg}.avatar-hero[data-character=bolt]{--echo-enter-x:-3.5rem;--echo-enter-rotate:-2.5deg}.avatar-hero[data-character=forge]{--echo-enter-x:-1rem;--echo-enter-rotate:1.5deg}.avatar-hero[data-character=mica]{--echo-enter-x:-2.2rem;--echo-enter-rotate:.5deg}.avatar-hero.is-entering .avatar-hero-image{animation-name:avatar-cutout-echo-enter;animation-duration:.68s}.avatar-hero.is-confirming .avatar-hero-copy{border-left-color:var(--energy-yellow);animation:.52s cubic-bezier(.16,1,.3,1) both avatar-confirm-lock}.avatar-hero.is-confirming .avatar-live-stage{color:var(--paper);background:var(--space)}@keyframes courtside-live-pulse{50%{background:var(--energy-yellow);transform:scale(.72)}}@keyframes avatar-cutout-echo-enter{0%{opacity:0;transform:translate3d(var(--echo-enter-x,-2rem), .8rem, 0) rotate(var(--echo-enter-rotate,0deg)) scale(.965)}to{opacity:var(--avatar-echo-opacity);transform:translate(0,0)rotate(0)scale(1)}}@keyframes avatar-confirm-lock{0%{transform:translate(0)}38%{transform:translate(.55rem)}to{transform:translate(0)}}@media (min-width:900px){.avatar-screen-panel{pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar-surface{inset:calc(var(--safe-top) + 3.5rem) var(--safe-right) var(--safe-bottom) var(--safe-left);width:auto;height:auto;max-height:none;box-shadow:none;clip-path:none;pointer-events:none;background:0 0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(22rem,29vw,26rem);margin:0;display:grid;position:absolute;overflow:visible}.avatar-surface>.panel-header{background:var(--warm-paper);border:1px solid var(--space);border-top:.35rem solid var(--raise-yellow);pointer-events:auto;grid-area:1/2;padding:.85rem .95rem .75rem}.avatar-surface>.panel-header h2{font-size:clamp(1.55rem,2.35vw,2.2rem)}.avatar-surface>.panel-header p{font-size:.61rem;line-height:1.45}.avatar-studio{height:auto;display:contents}.avatar-hero{--avatar-echo-opacity:.5;min-height:0;color:var(--paper);pointer-events:none;background:0 0;border:0;grid-area:1/1/span 2;margin:0 1rem 0 0;display:block;position:relative;overflow:visible}.avatar-hero:before{z-index:2;background:#33333357;border:0;height:1px;inset:1rem .75rem auto 42%}.avatar-hero:after{z-index:2;color:#33333324;font-size:clamp(4rem,7vw,6.5rem);top:1.25rem;left:.75rem}.avatar-hero-media{z-index:2;pointer-events:none;background:0 0;border:0;width:clamp(13rem,22vw,20rem);height:calc(100% - 4.75rem);min-height:0;position:absolute;bottom:4.75rem;left:0;overflow:visible}.avatar-hero-image{object-fit:contain;object-position:left bottom;width:100%;height:100%;opacity:var(--avatar-echo-opacity);filter:grayscale(.72)saturate(.48)contrast(.84)brightness(.96)drop-shadow(.45rem .55rem #3333331f)}.avatar-hero[data-asset-fallback=true] .avatar-hero-image{opacity:.28}.avatar-key-art-label{top:auto;bottom:.75rem;left:.75rem}.avatar-paddle-line{width:34%;bottom:18%;left:31%;right:auto;transform:rotate(-5deg)}.avatar-live-stage{top:.7rem;left:43%}.avatar-hero-copy{z-index:5;width:min(26rem,46%);min-height:0;color:var(--paper);background:var(--space);border:0;border-left:.4rem solid var(--raise-yellow);padding:.85rem 1rem .9rem;display:block;position:absolute;bottom:0;left:0}.avatar-action-label{margin-bottom:.35rem;font-size:.6rem}.avatar-hero-copy h3{font-size:clamp(2.65rem,4.8vw,4.8rem);line-height:.78}.avatar-hero-role{margin-top:.55rem;font-size:.78rem}.avatar-render-note{color:#ffffffad;margin-top:.4rem;font-size:.6rem}.avatar-editor{background:var(--warm-paper);border-right:1px solid var(--space);border-bottom:1px solid var(--space);border-left:1px solid var(--space);pointer-events:auto;grid-area:2/2;min-height:0;padding:.75rem .85rem .7rem;overflow:auto}.avatar-selection{gap:.7rem;padding-top:.65rem}.character-dossier{gap:.35rem}.character-trait,.character-tradeoff{font-size:.65rem}.character-roster{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:.35rem;overflow:visible}.character-card img{aspect-ratio:1/1.12}.character-card-copy{padding:.35rem .38rem .45rem}.character-card-copy small{font-size:.52rem}}@media (max-width:899px){#game-shell:has(.lobby-grid[data-presentation=live-courtside]) #game-canvas{height:50dvh;top:0;bottom:auto}.lobby-grid[data-presentation=live-courtside]{place-self:stretch stretch;display:block;inset:0}.lobby-grid[data-presentation=live-courtside] .hero-copy{top:calc(var(--safe-top) + 2.9rem);left:var(--safe-left);width:min(11.2rem, calc(65vw - var(--safe-left)));padding:.45rem .5rem .5rem;position:absolute}.lobby-grid[data-presentation=live-courtside] .lobby-live-badge{letter-spacing:.09em;margin-bottom:.35rem;font-size:.49rem}.lobby-grid[data-presentation=live-courtside] .eyebrow{display:none}.lobby-grid[data-presentation=live-courtside] .hero-title{font-size:clamp(1.2rem,6.2vw,1.55rem);line-height:.86}.lobby-grid[data-presentation=live-courtside] .hero-title span{margin-left:0;display:block}.lobby-grid[data-presentation=live-courtside] .hero-subtitle,.lobby-grid[data-presentation=live-courtside] .lobby-live-proof,.lobby-grid[data-presentation=live-courtside] .input-gate{display:none}.lobby-grid[data-presentation=live-courtside] .mode-rail{inset:50dvh var(--safe-right) calc(var(--safe-bottom) + 2.65rem) var(--safe-left);width:auto;box-shadow:none;margin:0;position:absolute;overflow:auto}.lobby-grid[data-presentation=live-courtside] .mode-rail-heading{padding:.45rem .65rem .35rem}.lobby-grid[data-presentation=live-courtside] .mode-button{grid-template-columns:1.45rem minmax(0,1fr) 1rem;gap:.4rem;min-height:2.8rem;padding:.32rem .55rem}.lobby-grid[data-presentation=live-courtside] .mode-label strong{font-size:.78rem}.lobby-grid[data-presentation=live-courtside] .mode-label small{font-size:.53rem;line-height:1.25}#game-shell:has(.avatar-screen-panel) #game-canvas{height:58dvh;top:0;bottom:auto}.avatar-screen-panel{pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar-surface{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);width:auto;height:auto;max-height:none;box-shadow:none;clip-path:none;pointer-events:none;background:0 0;margin:0;display:block;position:absolute;overflow:hidden}.avatar-surface>.panel-header{z-index:8;background:var(--warm-paper);border:1px solid var(--space);border-top:.3rem solid var(--raise-yellow);pointer-events:auto;min-height:4.7rem;padding:.55rem .65rem;position:absolute;top:0;left:0;right:0}.avatar-surface>.panel-header h2{font-size:clamp(1.45rem,7vw,2rem)}.avatar-surface>.panel-header p{max-width:16rem;font-size:.56rem;line-height:1.35}.avatar-studio{height:auto;display:contents}.avatar-hero{--avatar-echo-opacity:.54;min-height:0;color:var(--paper);pointer-events:none;background:0 0;border:0;display:block;position:absolute;inset:4.7rem 0 42dvh;overflow:visible}.avatar-hero:before{z-index:2;background:#3333335c;border:0;height:1px;inset:.7rem .55rem auto 47%}.avatar-hero:after{font-size:4.3rem;top:.9rem;left:.4rem}.avatar-hero-media{z-index:2;background:0 0;border:0;width:44%;min-height:0;position:absolute;inset:.35rem auto 2.65rem 0;overflow:visible}.avatar-hero-image{object-fit:contain;object-position:left bottom;width:100%;height:100%;opacity:var(--avatar-echo-opacity);filter:grayscale(.45)saturate(.68)contrast(.9)drop-shadow(.3rem .4rem #3333331f)}.avatar-hero[data-asset-fallback=true] .avatar-hero-image{opacity:.24}.avatar-key-art-label{font-size:.49rem;top:auto;bottom:.25rem;left:.25rem}.avatar-paddle-line{width:34%;bottom:18%;left:29%;right:auto}.avatar-live-stage{padding:.35rem .45rem;font-size:.52rem;top:.45rem;right:.45rem}.avatar-hero-copy{z-index:5;width:min(13.5rem,58%);min-height:0;color:var(--paper);background:var(--space);border:0;border-left:.3rem solid var(--raise-yellow);padding:.58rem .7rem .62rem;display:block;position:absolute;bottom:.3rem;left:0}.avatar-action-label{margin-bottom:.25rem;font-size:.51rem}.avatar-hero-copy h3{font-size:clamp(2rem,11vw,2.8rem);line-height:.78}.avatar-hero-role{margin-top:.4rem;font-size:.65rem}.avatar-character-quote{margin-top:.45rem;font-size:.64rem}.avatar-render-note{display:none}.avatar-editor{background:var(--warm-paper);border:1px solid var(--space);border-top:.3rem solid var(--raise-yellow);pointer-events:auto;height:42dvh;min-height:15rem;padding:.65rem .7rem .55rem;position:absolute;bottom:0;left:0;right:0;overflow:auto}.player-tab{min-height:2.75rem}.avatar-selection{gap:.65rem;padding-top:.6rem}.character-roster{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:.3rem;overflow:visible}.character-card{min-height:7rem}.character-card img{aspect-ratio:1/1.08}.character-card-copy{padding:.32rem .3rem .4rem}.character-card-copy strong{font-size:.7rem}.character-card-copy small{font-size:.48rem}.character-card-state{font-size:.46rem;top:.18rem;right:.18rem}.studio-actions{padding-top:.7rem}.studio-actions button,.close-button,.character-card,.player-tab{min-height:44px}}@media (prefers-reduced-motion:reduce){.lobby-live-dot,.avatar-live-stage-dot,.avatar-hero.is-entering .avatar-hero-image,.avatar-hero.is-confirming .avatar-hero-copy{animation:none!important}.avatar-hero-image{opacity:var(--avatar-echo-opacity);transform:none!important}}.avatar-hero{--avatar-echo-opacity:.94;--avatar-portrait-scale:1.88;--avatar-portrait-origin-x:49%;--avatar-portrait-position:49% 12%;--avatar-motif-size:13rem;--avatar-motif-radius:50%;--avatar-motif-rotate:-8deg;--avatar-motif-x:1.75rem;--avatar-motif-y:22%;--avatar-motif-color:#fac800bd}.avatar-hero[data-character=nova]{--avatar-portrait-scale:2.48;--avatar-portrait-origin-x:47%;--avatar-portrait-position:47% 11%;--avatar-motif-radius:50%;--avatar-motif-rotate:-8deg;--avatar-motif-x:1.4rem}.avatar-hero[data-character=bolt]{--avatar-portrait-scale:2.55;--avatar-portrait-origin-x:51%;--avatar-portrait-position:51% 10%;--avatar-motif-radius:0;--avatar-motif-rotate:-18deg;--avatar-motif-x:2.8rem;--avatar-motif-y:19%}.avatar-hero[data-character=forge]{--avatar-portrait-scale:2.5;--avatar-portrait-origin-x:50%;--avatar-portrait-position:50% 10%;--avatar-motif-radius:.35rem;--avatar-motif-rotate:7deg;--avatar-motif-x:1.1rem;--avatar-motif-y:24%}.avatar-hero[data-character=mica]{--avatar-portrait-scale:2.52;--avatar-portrait-origin-x:52%;--avatar-portrait-position:52% 9%;--avatar-motif-size:11rem;--avatar-motif-radius:50%;--avatar-motif-rotate:0deg;--avatar-motif-x:2.15rem;--avatar-motif-y:18%;--avatar-motif-color:#ffffffc7}.avatar-hero-media{isolation:isolate}.avatar-hero-media:before,.avatar-hero-media:after{z-index:0;content:"";pointer-events:none;position:absolute}.avatar-hero-media:before{top:var(--avatar-motif-y);left:var(--avatar-motif-x);width:var(--avatar-motif-size);aspect-ratio:1;border:1px solid var(--avatar-motif-color);border-radius:var(--avatar-motif-radius);box-shadow:0 0 0 .55rem #33333312, 0 0 0 .7rem var(--avatar-motif-color);transform:rotate(var(--avatar-motif-rotate))}.avatar-hero-media:after{top:calc(var(--avatar-motif-y) + 1.2rem);background:var(--raise-yellow);border-right:1.4rem solid var(--space);width:4.25rem;height:.45rem;left:.55rem;transform:skew(-24deg)}.avatar-hero-image{clip-path:inset(0);opacity:var(--avatar-echo-opacity);object-fit:contain;object-position:var(--avatar-portrait-position);transform:scale(var(--avatar-portrait-scale));transform-origin:var(--avatar-portrait-origin-x) 12%;filter:saturate(.96)contrast(1.06)brightness(1.01)drop-shadow(.65rem .85rem #33333326);-webkit-mask-image:linear-gradient(#000 0 74%,#000000eb 83%,#0000 100%);mask-image:linear-gradient(#000 0 74%,#000000eb 83%,#0000 100%)}.avatar-hero.is-entering .avatar-hero-image{animation:.72s cubic-bezier(.16,1,.3,1) both avatar-identity-mask-enter}.avatar-hero.is-entering .avatar-hero-media:before,.avatar-hero.is-entering .avatar-hero-media:after{animation:.66s cubic-bezier(.16,1,.3,1) 60ms both avatar-identity-motif-enter}@keyframes avatar-identity-mask-enter{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:translate3d(var(--echo-enter-x,-2rem), .65rem, 0) rotate(var(--echo-enter-rotate,0deg)) scale(var(--avatar-portrait-scale))}to{clip-path:inset(0);opacity:var(--avatar-echo-opacity);transform:translate3d(0, 0, 0) rotate(0) scale(var(--avatar-portrait-scale))}}@keyframes avatar-identity-motif-enter{0%{opacity:0;transform:translateX(-1.25rem) rotate(var(--avatar-motif-rotate))}to{opacity:1;transform:translateX(0) rotate(var(--avatar-motif-rotate))}}@keyframes avatar-identity-crossfade{0%{opacity:0}to{opacity:var(--avatar-echo-opacity)}}@media (min-width:900px){.avatar-hero{--avatar-echo-opacity:.94}.avatar-hero[data-character=nova]{--avatar-portrait-scale:2.78}.avatar-hero[data-character=bolt]{--avatar-portrait-scale:2.86}.avatar-hero[data-character=forge]{--avatar-portrait-scale:2.82}.avatar-hero[data-character=mica]{--avatar-portrait-scale:2.84}.avatar-hero-media{width:clamp(22rem,27vw,25rem);height:calc(100% - 4.4rem);bottom:4.4rem;left:0;overflow:hidden}.avatar-hero-image{z-index:2;width:100%;height:100%;position:absolute;inset:0}.avatar-hero[data-asset-fallback=true] .avatar-hero-image{opacity:.88;filter:saturate(.78)contrast(1.04)brightness(1.01)drop-shadow(.65rem .85rem #33333321)}.avatar-key-art-label{z-index:4;color:var(--space);border-left:.25rem solid var(--raise-yellow);background:#fffdf2eb;top:.8rem;bottom:auto;left:.8rem}.avatar-paddle-line{z-index:3;opacity:.72;width:78%;height:1px;bottom:27%;left:8%;right:auto;transform:rotate(-7deg)}.avatar-live-stage{top:.7rem;left:clamp(26rem,39vw,35rem)}.avatar-hero-copy{background:#333333f7;width:min(22rem,38%);padding:.8rem .95rem .85rem}}@media (max-width:899px){.avatar-hero{--avatar-echo-opacity:.94;--avatar-portrait-scale:1.72;--avatar-motif-size:8.5rem}.avatar-hero[data-character=nova]{--avatar-portrait-scale:1.72;--avatar-portrait-position:43% 13%;--avatar-motif-size:8.5rem}.avatar-hero[data-character=bolt],.avatar-hero[data-character=forge],.avatar-hero[data-character=mica]{--avatar-portrait-scale:1.78;--avatar-portrait-position:43% 13%;--avatar-motif-size:8.5rem}.avatar-hero[data-character=forge]{--avatar-portrait-position:45% 13%}.avatar-hero[data-character=mica]{--avatar-portrait-position:46% 12%}.avatar-hero-media{inset:.25rem auto 2.45rem calc(-1 * var(--safe-left) - .5rem);width:min(42vw,10.25rem);overflow:hidden}.avatar-hero-image{z-index:2;width:100%;height:100%;transform-origin:var(--avatar-portrait-origin-x) 14%;filter:saturate(.98)contrast(1.06)brightness(1.01)drop-shadow(.35rem .45rem #33333326);position:absolute;inset:0}.avatar-hero[data-asset-fallback=true] .avatar-hero-image{opacity:.88}.avatar-hero-media:before{left:-1.5rem}.avatar-hero-media:after{width:3rem;left:.25rem}.avatar-key-art-label{z-index:4;border-left:.2rem solid var(--raise-yellow);background:#fffdf2eb;top:.3rem;bottom:auto;left:.3rem}.avatar-paddle-line{z-index:3;width:78%;height:1px;bottom:31%;left:4%}.avatar-hero-copy{background:#333333f7;width:min(11rem,48%)}.avatar-hero-copy h3{white-space:nowrap;font-size:clamp(1.8rem,10vw,2.5rem)}.avatar-editor{display:flex;overflow:hidden}.avatar-editor .player-tabs{flex:none}.avatar-editor .avatar-selection{flex:auto;grid-template-rows:minmax(0,1fr) 6.35rem;gap:.4rem;min-height:0;padding-top:.45rem;display:grid;overflow:hidden}.avatar-editor .character-dossier{gap:.22rem;min-height:0}.avatar-editor .character-role-heading h3{font-size:clamp(1.15rem,5vw,1.45rem)}.avatar-editor .character-kicker,.avatar-editor .character-trait,.avatar-editor .character-tradeoff{font-size:.55rem;line-height:1.28}.avatar-editor .character-stats{gap:.22rem .5rem;margin-top:.1rem}.avatar-editor .character-stat-meter{height:.78rem}.avatar-editor .character-roster{align-self:end;height:6.35rem;min-height:0}.avatar-editor .character-card{grid-template-rows:minmax(0,1fr) auto;height:6.35rem;min-height:44px;display:grid}.avatar-editor .character-card img{aspect-ratio:auto;width:100%;height:100%;min-height:0}.avatar-editor .character-card-copy{padding:.2rem .24rem .24rem}.avatar-editor .character-card-copy strong{font-size:.64rem}.avatar-editor .character-card-copy small{display:none}.avatar-editor .studio-actions{flex:none;gap:.45rem;margin-top:.35rem;padding-top:.4rem}}@media (prefers-reduced-motion:reduce){.avatar-hero.is-entering .avatar-hero-image{clip-path:inset(0)!important;transform:scale(var(--avatar-portrait-scale))!important;animation:.18s ease-out both avatar-identity-crossfade!important}.avatar-hero-media:before,.avatar-hero-media:after{animation:none!important}.avatar-hero-image{opacity:var(--avatar-echo-opacity);transform:scale(var(--avatar-portrait-scale))!important;transition:opacity .18s ease-out!important}}.opening-cinematic{--opening-exit-duration:.42s;z-index:600;color:var(--paper);opacity:1;transition:opacity var(--opening-exit-duration) cubic-bezier(.4, 0, 1, 1);background:#0b0d0c;position:fixed;inset:0;overflow:hidden}.opening-cinematic.is-entering,.opening-cinematic.is-exiting{opacity:0}.opening-cinematic-media,.opening-cinematic-poster,.opening-cinematic-video,.opening-cinematic-shade{width:100%;height:100%;position:absolute;inset:0}.opening-cinematic-media{background:#0b0d0c;overflow:hidden}.opening-cinematic-poster,.opening-cinematic-video{object-fit:cover;object-position:center;display:block}.opening-cinematic-video{z-index:1;background:#0b0d0c}.opening-cinematic-video[hidden]{display:none}.opening-cinematic-shade{z-index:2;pointer-events:none;background:linear-gradient(#050706b3 0%,#0000 27%),linear-gradient(90deg,#050706d1 0%,#0507061a 55%,#0000 72%),linear-gradient(#0000 54%,#050706e0 100%)}.opening-cinematic:after{z-index:3;content:"";pointer-events:none;mix-blend-mode:screen;border:clamp(.45rem,1.25vw,1.1rem) solid #fac800d1;position:absolute;inset:0}.opening-cinematic-top,.opening-cinematic-copy,.opening-cinematic-footer{z-index:4;position:absolute}.opening-cinematic-top{top:var(--safe-top);right:var(--safe-right);left:var(--safe-left);justify-content:space-between;align-items:center;gap:1rem;display:flex}.opening-cinematic-edition{color:var(--paper);letter-spacing:.16em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0d0c9e;margin:0;padding:.5rem .65rem;font-size:clamp(.58rem,.9vw,.72rem);font-weight:950}.opening-cinematic-skip,.opening-cinematic-sound{min-width:44px;min-height:44px;color:var(--paper);letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0b0d0cb8;border:1px solid #ffffff8c;padding:.65rem .9rem;font-size:.72rem;font-weight:900}.opening-cinematic-skip:hover,.opening-cinematic-sound:hover,.opening-cinematic-sound[aria-pressed=true]{color:var(--space);background:var(--raise-yellow);border-color:var(--raise-yellow)}.opening-cinematic-skip:focus-visible,.opening-cinematic-sound:focus-visible{outline-color:var(--energy-yellow)}.opening-cinematic-copy{text-shadow:0 2px 24px #0000008f;max-width:min(58rem,76vw);bottom:clamp(4.8rem,11vh,8rem);left:clamp(1.5rem,7vw,7rem);right:clamp(1.5rem,7vw,7rem)}.opening-cinematic-kicker{color:var(--energy-yellow);letter-spacing:.18em;align-items:center;gap:.8rem;margin:0 0 .8rem;font-size:clamp(.68rem,1.1vw,.9rem);font-weight:950;display:flex}.opening-cinematic-kicker:before{content:"";background:var(--raise-yellow);flex:none;width:clamp(2.2rem,4vw,4rem);height:.28rem}.opening-cinematic-copy h2{letter-spacing:-.045em;text-transform:uppercase;max-width:11ch;margin:0;font-family:Allumi Raise,Arial,sans-serif;font-size:clamp(3.7rem,9.5vw,9.8rem);font-weight:800;line-height:.76}.opening-cinematic-description{margin:clamp(1rem,2vw,1.7rem) 0 0 clamp(0rem,7vw,7rem);font-size:clamp(1rem,2vw,1.55rem);font-weight:850;line-height:1.45}.opening-cinematic-disclaimer{color:#ffffffd1;border-left:.25rem solid var(--raise-yellow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0d0c9e;margin:.75rem 0 0 clamp(0rem,7vw,7rem);padding:.36rem .55rem;font-size:clamp(.63rem,.9vw,.76rem);font-weight:700;line-height:1.45;display:table}.opening-cinematic-status{color:#ffffffa3;letter-spacing:.06em;margin:.55rem 0 0 clamp(0rem,7vw,7rem);font-size:.65rem;font-weight:760}.opening-cinematic-footer{right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left);justify-content:flex-end;align-items:center;gap:1rem;display:flex}.opening-cinematic-progress{background:#ffffff47;width:min(22rem,45vw);height:.22rem;margin-right:auto;position:relative;overflow:hidden}.opening-cinematic-progress:after{content:"";background:var(--raise-yellow);transform-origin:0;animation:12.05s linear forwards opening-cinematic-progress;position:absolute;inset:0;transform:scaleX(0)}.opening-cinematic[data-state=poster] .opening-cinematic-progress,.opening-cinematic[data-state=fallback] .opening-cinematic-progress{display:none}.opening-cinematic[data-state=fallback] .opening-cinematic-copy h2:after{color:var(--raise-yellow);letter-spacing:.12em;content:"終點畫面・球場仍已就緒";margin-top:1rem;font-family:Noto Sans TC,PingFang TC,sans-serif;font-size:clamp(.72rem,1.1vw,.9rem);line-height:1.4;display:block}@keyframes opening-cinematic-progress{to{transform:scaleX(1)}}@media (max-width:640px){.opening-cinematic:after{border-width:.38rem}.opening-cinematic-edition{max-width:11rem;font-size:.53rem;line-height:1.35}.opening-cinematic-copy{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 4.6rem);left:var(--safe-left);max-width:none}.opening-cinematic-kicker{letter-spacing:.11em;margin-bottom:.65rem;font-size:.6rem}.opening-cinematic-copy h2{font-size:clamp(3rem,18vw,5.4rem)}.opening-cinematic-description,.opening-cinematic-disclaimer,.opening-cinematic-status{margin-left:0}.opening-cinematic-description{max-width:17rem;font-size:.95rem}.opening-cinematic-disclaimer{max-width:19rem;font-size:.58rem}.opening-cinematic-status{font-size:.58rem}.opening-cinematic-progress{width:min(9rem,38vw)}}@media (prefers-reduced-motion:reduce){.opening-cinematic{transition-duration:.18s!important}.opening-cinematic-progress{display:none}}.academy-entry{width:calc(100% - 1.5rem);min-height:6rem;color:var(--paper);text-align:left;background:var(--space);border:1px solid var(--space);border-left:.4rem solid var(--raise-yellow);cursor:pointer;grid-template-columns:3.75rem minmax(0,1fr) auto;align-items:center;gap:.8rem;margin:.15rem .75rem .6rem;padding:.65rem .75rem;display:grid}.academy-entry:hover,.academy-entry:focus-visible{color:var(--space);background:var(--raise-yellow)}.academy-entry-icon{filter:drop-shadow(.22rem .22rem #00000038);width:3.5rem;height:3.5rem;display:block;overflow:visible}.academy-book-page{fill:var(--warm-paper);stroke:currentColor;stroke-linejoin:round;stroke-width:2px}.academy-book-page.is-right{fill:var(--paper)}.academy-book-spine,.academy-book-lines,.academy-book-copy-lines{fill:none;stroke:var(--space);stroke-linecap:round;stroke-width:2px}.academy-book-copy-lines{opacity:.48}.academy-book-court{fill:var(--space);stroke:var(--space)}.academy-book-strap{fill:var(--raise-yellow)}.academy-entry:hover .academy-book-strap,.academy-entry:focus-visible .academy-book-strap{fill:var(--paper)}.academy-entry-copy{gap:.12rem;min-width:0;display:grid}.academy-entry-copy small{letter-spacing:.08em;opacity:.72;font-size:.58rem;font-weight:850}.academy-entry-copy strong{letter-spacing:.03em;font-size:1.12rem;font-weight:950}.academy-entry-copy span{text-overflow:ellipsis;white-space:nowrap;opacity:.76;font-size:.62rem;font-weight:700;line-height:1.3;overflow:hidden}.academy-entry-arrow{font-family:Arial,sans-serif;font-size:1.3rem}.lobby-grid[data-presentation=live-courtside] .hero-copy{max-width:22rem;color:var(--paper);text-shadow:0 .12rem 1.1rem #000000eb, .14rem .14rem 0 var(--space);border:0;padding:1rem 0}.lobby-grid[data-presentation=live-courtside] .hero-copy:before{display:none}.lobby-grid[data-presentation=live-courtside] .lobby-live-badge{color:var(--paper);text-shadow:none;background:#1f2121c7;padding:.4rem .55rem;display:inline-flex}.lobby-grid[data-presentation=live-courtside] .eyebrow,.lobby-grid[data-presentation=live-courtside] .hero-title,.lobby-grid[data-presentation=live-courtside] .hero-title span,.lobby-grid[data-presentation=live-courtside] .hero-subtitle{color:var(--paper)}.lobby-grid[data-presentation=live-courtside] .hero-title span{-webkit-text-decoration-color:var(--raise-yellow);text-decoration-color:var(--raise-yellow)}#game-canvas{transition:opacity .16s}#game-shell:has(#ui-root[data-screen=rules]){background:var(--warm-paper)}#game-shell:has(#ui-root[data-screen=rules]) #game-canvas{visibility:hidden;opacity:0;pointer-events:none;transition:none}.rules-screen-panel{z-index:2;top:calc(var(--safe-top) + 3.35rem);right:var(--safe-right);bottom:auto;left:var(--safe-left);width:auto;height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 3.35rem);background:var(--warm-paper);align-self:stretch;max-width:none;min-height:0;margin:0;display:grid;position:fixed}.rules-surface{width:100%;height:100%;min-height:0;max-height:none;box-shadow:none;margin:0}.rules-header{min-height:4.6rem;padding:.75rem 1rem .65rem}.rules-header h2{font-size:clamp(1.55rem,2.8vw,2.45rem)}.rules-layout{height:100%;min-height:0}.rules-progress,.rule-step-tab{min-height:3.7rem}.rule-card{grid-template-columns:minmax(0,1.48fr) minmax(18rem,.72fr);height:100%;min-height:0;overflow:hidden}.rule-scene{background:#e9e5d8;grid-template-rows:minmax(0,1fr) 7.6rem;gap:.65rem;min-height:0;padding:.7rem;display:grid;overflow:hidden}.rule-scene:after{display:none}.rule-coach-board{min-height:0;color:var(--paper);background:var(--deep-space);border:1px solid var(--space);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.rule-board-header,.rule-board-footer{z-index:1;background:var(--space);justify-content:space-between;align-items:center;gap:.7rem;min-height:2.45rem;padding:.42rem .65rem;display:flex;position:relative}.rule-board-header{border-bottom:1px solid #ffffff2e}.rule-board-header span,.rule-board-footer span{color:var(--raise-yellow);letter-spacing:.12em;flex:none;font-size:.58rem;font-weight:950}.rule-board-header strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;line-height:1.35;overflow:hidden}.rule-board-footer{color:var(--space);background:var(--raise-yellow);border-top:1px solid var(--space)}.rule-board-footer strong{font-size:.68rem;font-weight:950}.rule-board-footer span{color:var(--space)}.rule-diagram{filter:none;width:100%;height:100%;min-height:0;display:block;position:absolute;inset:0}.rule-diagram-frame{min-width:0;min-height:0;position:relative;overflow:hidden}.rule-diagram-board{fill:#292b2a;stroke:#ffffff47}.rule-diagram-kitchen{fill:#969b9b5c}.rule-diagram-highlight.is-alert{fill:#fac800b8}.rule-diagram-spot.is-you,.rule-diagram-spot.is-target{fill:var(--raise-yellow)}.rule-diagram-spot.is-opponent{fill:var(--paper)}.rule-diagram-spot.is-ghost{fill:var(--galaxy);stroke-dasharray:3 2}.rule-diagram-spot.is-fault{fill:#ff7c68}.rule-diagram-path.is-compass{stroke:#ffffff75;stroke-dasharray:5 6;stroke-width:3px}.rule-diagram-you-label,.rule-diagram-opponent-label,.rule-diagram-zone-label,.rule-diagram-compass-label{fill:var(--paper);text-anchor:middle;font-family:Noto Sans TC,PingFang TC,sans-serif;font-size:11px;font-weight:900}.rule-diagram-you-label{fill:var(--energy-yellow)}.rule-diagram-opponent-label,.rule-diagram-compass-label{fill:#ffffffb8}.rule-diagram-score-text.is-centered{text-anchor:middle}.rule-diagram-score-large.is-compact{font-size:22px}.rule-diagram[data-overlay=body-hit] .rule-diagram-alert-text{fill:var(--paper)}.rule-photo-strip{background:var(--space);border:1px solid var(--space);grid-template-columns:minmax(0,1fr) minmax(11rem,32%);min-width:0;min-height:0;margin:0;display:grid;position:relative;overflow:hidden}.rule-scene-image{object-fit:cover;width:100%;height:100%;min-height:0;display:block;position:static}.rule-scene-fallback{border:0;align-content:center;min-height:0;padding:.65rem .8rem;display:grid;position:static}.rule-fallback-index{font-size:2.5rem}.rule-scene-fallback strong{margin:-.35rem 0 0;font-size:1rem}.rule-scene-fallback small{margin-top:.25rem;font-size:.55rem}.rule-scene-index{padding:.28rem .38rem;top:.45rem;left:.45rem}.rule-scene-caption{background:var(--space);align-items:center;min-height:0;padding:.65rem .75rem;font-size:.62rem;line-height:1.5;display:flex;position:static}.rule-card-copy{padding:1.1rem 1.15rem 1rem}.rule-card h3{font-size:clamp(1.7rem,2.75vw,2.65rem)}.rule-station{color:var(--paper);background:var(--space);border-left:.35rem solid var(--raise-yellow);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.14rem .55rem;margin-top:.75rem;padding:.62rem .7rem;display:grid}.rule-station span{color:var(--raise-yellow);letter-spacing:.08em;border-right:1px solid #fff3;grid-row:1/span 2;align-self:stretch;place-items:center;padding-right:.55rem;font-size:.52rem;font-weight:950;display:grid}.rule-station strong{font-size:.72rem}.rule-station small{opacity:.74;font-size:.6rem;font-weight:650;line-height:1.4}.rule-term{margin-top:.7rem}.rule-navigation-actions{justify-self:end;gap:.45rem;display:flex}.rule-completion-count{color:#666a6a;white-space:nowrap;font-family:Noto Sans TC,PingFang TC,sans-serif;font-size:.5rem;font-weight:800}.opening-cinematic-start{min-width:min(18rem,86vw);min-height:3.6rem;color:var(--space);background:var(--raise-yellow);border:2px solid var(--raise-yellow);cursor:pointer;align-items:center;gap:.7rem;margin-top:1.25rem;padding:.8rem 1rem;font-size:1rem;font-weight:950;display:inline-flex;box-shadow:.42rem .42rem #0000006b}.opening-cinematic-start span{letter-spacing:.09em;opacity:.72;margin-left:auto;font-size:.6rem}.opening-cinematic-start:hover,.opening-cinematic-start:focus-visible{color:var(--paper);background:var(--space)}.opening-cinematic-start[hidden],.opening-cinematic[data-state=awaiting-gesture] .opening-cinematic-progress,.opening-cinematic[data-state=poster] .opening-cinematic-start,.opening-cinematic[data-state=fallback] .opening-cinematic-start{display:none}.opening-cinematic[data-state=awaiting-gesture] .opening-cinematic-copy{max-width:min(50rem,82vw)}.opening-cinematic[data-state=awaiting-gesture] .opening-cinematic-copy h2{max-width:9ch}@media (max-width:899px){#game-shell:has(.lobby-grid[data-presentation=live-courtside]) #game-canvas{height:48dvh}.lobby-grid[data-presentation=live-courtside] .hero-copy{top:calc(var(--safe-top) + 3rem);width:min(11rem,64vw);padding:0}.lobby-grid[data-presentation=live-courtside] .lobby-live-badge{padding:.3rem .4rem}.lobby-grid[data-presentation=live-courtside] .mode-rail{inset:48dvh var(--safe-right) calc(var(--safe-bottom) + 2.65rem) var(--safe-left)}.academy-entry{grid-template-columns:3.35rem minmax(0,1fr) auto;width:calc(100% - 1.1rem);min-height:5.25rem;margin:.1rem .55rem .45rem;padding:.45rem .6rem}.academy-entry-icon{width:3.25rem;height:3.25rem}.academy-entry-copy strong{font-size:1rem}.academy-entry-copy span{font-size:.56rem}.rules-screen-panel{top:calc(var(--safe-top) + 3.1rem);right:var(--safe-right);bottom:auto;left:var(--safe-left);height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 3.1rem)}.rules-surface{width:100%;height:100%}.rules-header{min-height:3.9rem;padding:.52rem .65rem .45rem}.rules-progress,.rule-step-tab{min-height:3.45rem}.rule-card{min-height:0;display:block;overflow:auto}.rule-scene{grid-template-rows:11.75rem 5.25rem;gap:.4rem;min-height:auto;padding:.4rem}.rule-board-header,.rule-board-footer{min-height:1.85rem;padding:.3rem .45rem}.rule-board-header strong{max-width:68%;font-size:.52rem}.rule-board-header span,.rule-board-footer span{font-size:.48rem}.rule-board-footer strong{font-size:.56rem}.rule-photo-strip{grid-template-columns:42% minmax(0,1fr)}.rule-scene-caption{padding:.4rem .5rem;font-size:.52rem;line-height:1.35}.rule-card-copy{padding:.8rem .75rem 1rem;overflow:visible}.rule-card h3{font-size:1.55rem}.rule-station{margin-top:.55rem;padding:.5rem .55rem}.rule-station small{font-size:.55rem}.rule-navigation{grid-template-columns:auto minmax(0,1fr);gap:.4rem;min-height:4.35rem;padding:.4rem .45rem}.rule-navigation>.primary-button,.rule-navigation-actions{grid-column:2}.rule-navigation-actions{grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.rule-navigation-actions .secondary-button,.rule-navigation-actions .primary-button{width:100%;min-height:2.8rem;padding-inline:.55rem;font-size:.62rem}.opening-cinematic-copy{bottom:calc(var(--safe-bottom) + 4.35rem)}.opening-cinematic-description{margin-top:.75rem}.opening-cinematic-start{min-height:3.4rem;margin-top:.9rem}}@media (max-width:420px){.academy-entry-copy small{font-size:.52rem}.rules-header p:not(.rules-academy-mark){display:none}.rule-card h3{font-size:1.42rem}.rule-navigation-actions .primary-button{line-height:1.2}}.rules-progress-shell{background:var(--space);border-bottom:.2rem solid var(--raise-yellow);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.rules-progress-shell .rules-progress{border-bottom:0;min-width:0}.rules-progress-hint{min-width:8.5rem;color:var(--space);white-space:nowrap;background:var(--raise-yellow);place-items:center;padding:.45rem .65rem;font-size:.56rem;font-weight:950;display:grid}.rule-photo-strip{background:#171918;border-color:#1f2121b8;grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center}.rule-scene-image{aspect-ratio:16/9;object-fit:contain;background:#171918;width:100%;height:auto;object-position:center!important}.rule-scene-index{max-width:calc(100% - .9rem);color:var(--space);letter-spacing:.05em;background:var(--raise-yellow);font-size:.52rem;font-weight:950}.rule-scene-caption{min-height:3.75rem;color:var(--paper);border-top:.3rem solid var(--raise-yellow)}.rule-board-header span{color:var(--space);background:var(--raise-yellow);padding:.24rem .38rem}.rule-board-footer strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:1200px){.rule-card{grid-template-columns:minmax(0,1.62fr) minmax(19rem,.68fr)}.rule-scene{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(25rem,1.06fr) minmax(21rem,.94fr);gap:.75rem}.rule-coach-board,.rule-photo-strip{min-width:0;height:100%}.rule-photo-strip{align-content:center;padding-top:2.1rem}}@media (min-width:900px) and (max-width:1199px){.rule-card{overflow:auto}.rule-scene{grid-template-rows:minmax(23rem,1fr) auto;min-height:45rem;overflow:visible}}@media (max-width:899px){.rule-scene{grid-template-rows:auto auto;min-height:auto;overflow:visible}.rule-coach-board{min-height:19rem}.rule-photo-strip{min-height:0}.rule-scene-caption{min-height:3rem;padding:.55rem .65rem;font-size:.58rem}}@media (max-width:420px){.rules-progress-hint{min-width:6.8rem;padding-inline:.42rem;font-size:.5rem}.rule-coach-board{min-height:17.5rem}.rule-scene-index{top:.4rem;left:.4rem}.replay-badge{grid-template-columns:minmax(0,1fr);gap:.35rem;width:calc(100vw - 1.5rem);padding:.45rem}.replay-meta{justify-content:space-between}.replay-transport-controls{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem}.replay-control-help{display:none}}