:root{color-scheme:dark;--bg:#090d12;--panel:#11171f;--line:#252d36;--muted:#88939e;--ink:#f3f4ed;--lime:#d9ff72;--cyan:#4ee3ee;--orange:#ff9d58}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:13px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.top{height:84px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0c1117}.brand{display:flex;align-items:center;gap:5px;color:var(--ink);text-decoration:none;font-size:22px;font-weight:900;letter-spacing:-1px}.brand>span:not(.mark){color:var(--lime)}.brand small{font-size:9px;color:var(--muted);letter-spacing:1.6px;margin-left:24px;font-weight:500}.mark{background:var(--lime);color:#0b1115;width:34px;height:34px;margin-right:8px;display:grid;place-items:center;transform:skew(-9deg);position:relative}.mark>span{font-size:15px;position:absolute;right:0;top:0}.topright{display:flex;gap:20px;align-items:center}.connection{font-size:9px;font-weight:700;letter-spacing:1.4px;color:var(--lime)}.iconbtn{width:30px;height:30px;border:1px solid #36414c;background:transparent;border-radius:50%;font-weight:700}.intro{display:flex;justify-content:space-between;align-items:end;margin:35px 0 25px}.eyebrow{font-size:9px;color:var(--lime);letter-spacing:2px;font-weight:700}h1{font-size:clamp(25px,3vw,38px);letter-spacing:-1.4px;margin:10px 0 0;line-height:1.15}h1 em{font-style:normal;color:#8b969f}main{max-width:1510px;margin:auto;padding:0 4.2%}.roomtag{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.8px;padding-bottom:4px}.roomtag i,.live-pill i{width:5px;height:5px;background:var(--lime);border-radius:50%;display:inline-block}.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.arena-wrap{min-width:0}.arena-top{display:flex;align-items:center;justify-content:space-between;background:#151d26;border:1px solid var(--line);border-bottom:none;padding:15px 20px}.live-pill{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.format{font-size:9px;letter-spacing:1px;color:#aeb9c3}.format span{margin:0 8px;color:#4b5968}.textbtn{background:none;border:none;color:#8f9eac;font-size:9px;letter-spacing:1px}.scoreboard{display:flex;align-items:center;justify-content:center;gap:20px;background:#111a23;border:1px solid var(--line);border-top:none;border-bottom:none;padding:17px 15px 7px}.team{display:flex;align-items:center;gap:10px;min-width:0}.team>span:not(.teamdot){max-width:115px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;font-weight:700;letter-spacing:.6px}.team strong{font-size:40px;font-weight:700;line-height:1}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.teamdot{width:5px;height:5px;background:currentColor}.timer{text-align:center;min-width:100px}.timer b{display:block;font-size:25px;letter-spacing:1px;font-variant-numeric:tabular-nums}.timer span{display:block;font-size:7px;color:#8e9ba8;letter-spacing:1.3px;margin-top:5px}.canvas-wrap{position:relative;background:#101923;border-left:1px solid var(--line);border-right:1px solid var(--line);overflow:hidden}canvas{width:100%;height:auto;aspect-ratio:16/9;display:block;outline:none}.event{position:absolute;left:0;right:0;top:40%;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s}.event.visible{opacity:1}.event small{display:block;font-size:9px;color:var(--lime);letter-spacing:3px;margin-bottom:10px;text-shadow:0 2px 8px black}.event strong{font-size:clamp(24px,4vw,54px);font-style:italic;font-weight:900;letter-spacing:-1px;text-shadow:0 3px 14px #000}.arena-watermark{position:absolute;bottom:20px;right:20px;color:#5a6d7e;font-size:8px;letter-spacing:2px}.statuslabel{position:absolute;top:14px;left:20px;font-size:8px;letter-spacing:1.5px;color:#8a9bab}.arena-bottom{padding:15px 18px;border:1px solid var(--line);background:#121b23;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;min-height:47px}.arena-bottom>span{display:flex;align-items:center;gap:7px}.tiny-dot{width:4px;height:4px;background:var(--lime);border-radius:50%}.joinbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0 20px}.joinbar>div{display:flex;align-items:center;gap:12px}.miniicon{display:grid;place-items:center;color:var(--lime);background:#1a241c;width:35px;height:35px;font-size:24px}.joinbar b{font-size:12px;display:block}.joinbar small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.primary{background:var(--lime);color:#10170b;border:0;padding:15px 20px;font-size:10px;letter-spacing:.8px;font-weight:800;white-space:nowrap}.primary:hover:not(:disabled){background:#e6ff9f}.primary span{margin-left:18px}.controlstrip{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:20px;color:#8593a0;font-size:8px;letter-spacing:.6px}.controlstrip>span{display:flex;align-items:center;gap:4px}.controlstrip .controlhint{margin-left:auto;font-size:9px;letter-spacing:0}kbd{font-family:inherit;display:inline-block;padding:5px 6px;border:1px solid #33404c;background:#121b24;color:#bac6d1;border-radius:3px;font-size:8px}.panel{background:var(--panel);border:1px solid var(--line);padding:20px;margin-bottom:16px}.panelhead{display:flex;justify-content:space-between;align-items:center}.panelhead h2{font-size:10px;letter-spacing:1.4px;margin:0}.counter{font-size:10px;background:#222d37;color:#b8c3cd;padding:4px 6px}.panelcopy{font-size:10px;margin:12px 0 18px}.empty{font-size:11px;line-height:1.8;padding:14px 0;color:#c2ccd5}.empty span{color:#748594;font-size:10px}.rule{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:9px;color:#81909e}.rule>span{color:var(--lime);font-size:14px;margin-right:6px}.qrow{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:11px}.qrow .rank{font-size:10px;color:#6c7d8d}.avatar{width:28px;height:28px;background:#293e43;display:grid;place-items:center;color:var(--cyan);font-weight:bold;border-radius:4px}.qrow small{margin-left:auto;color:var(--lime);font-size:8px}.diamond{color:#c2a0ff;font-size:16px}.effect-card{display:flex;width:100%;padding:0;text-align:left;background:#151e29;border:1px solid #293745;min-height:90px;align-items:stretch;margin:10px 0;transition:border-color .2s,transform .2s}.effect-card:hover:not(:disabled){border-color:var(--lime);transform:translateY(-2px)}.effect-art{width:78px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#41315d,#1a2030 75%);flex-shrink:0}.trail-car{font-size:43px;color:#e0c8ff;transform:rotate(-25deg);z-index:1;text-shadow:0 0 20px #b787ff}.streakline{position:absolute;background:linear-gradient(90deg,transparent,#af6bff);width:68px;height:3px;transform:rotate(-25deg);top:58px;left:-4px;box-shadow:0 6px #7952ad,0 -6px #7952ad}.effect-copy{padding:14px 12px;flex:1}.effect-copy b{font-size:11px;display:block}.effect-copy small{font-size:9px;display:block;color:#8e9aa8;margin:6px 0 10px}.effect-price{color:#c8a6ff;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.7px}.burst .effect-art{background:radial-gradient(ellipse at center,#3e4327,#1e2723 80%)}.burst .effect-art>span{color:var(--lime);font-size:60px}.burst .effect-art>i{position:absolute;right:10px;top:15px;color:#f4ffb9;font-size:16px}.burst .effect-price{color:var(--lime)}.cosmetic-note{color:#697c8b;font-size:8px;line-height:1.8;margin-top:15px}.leaderboard{font-size:10px}.leaderboard .panelhead{margin-bottom:18px}.leaderboard .panelhead>span{color:var(--lime)}.boardrow{display:flex;justify-content:space-between;margin-top:12px;font-size:11px}.boardrow b{color:var(--lime);font-size:10px}.boosthud{display:none;align-items:center;gap:8px;color:var(--lime)}.boosthud>div{width:65px;height:4px;background:#36443b}.boosthud i{display:block;height:100%;width:100%;background:var(--lime)}.boosthud b{font-variant-numeric:tabular-nums;width:20px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin:24px 0;padding:22px 0;font-size:8px;letter-spacing:1px;color:#60717f}footer i{color:var(--lime);margin:0 9px}.touch{display:none;gap:8px;padding:12px 0;touch-action:none}.touch button{background:#1b2732;border:1px solid #425362;min-width:36px;min-height:38px;font-size:10px;flex:1}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);padding:14px 24px;border:1px solid #586d42;background:#172018;color:#dcffa0;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{max-width:460px;background:#121c26;color:var(--ink);border:1px solid #364655;padding:35px;line-height:1.8}dialog::backdrop{background:#000a}dialog h2{font-size:27px;letter-spacing:-1px}dialog p{color:#a5b3c0;font-size:13px}.close{position:absolute;top:12px;right:12px}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.panel{padding:15px}.controlhint{display:none!important}.joinbar{gap:12px}.joinbar small{max-width:180px}.primary{padding:14px}.effect-art{width:64px}.brand small{display:none}}@media(max-width:760px){main{padding:0 18px}.top{height:64px;padding:0 18px}.intro{margin:25px 0 20px;display:block}.roomtag{margin-top:18px}.layout{display:block}.arena-top{padding:12px}.format{font-size:8px}.scoreboard{gap:12px}.team>span:not(.teamdot){max-width:80px;font-size:8px}.team strong{font-size:32px}.timer{min-width:75px}.timer b{font-size:20px}.timer span{font-size:6px}.team{gap:6px}.joinbar b{font-size:11px}.joinbar small{font-size:9px}.joinbar .primary{font-size:8px}.miniicon{display:none}.controlstrip{gap:10px}.controlstrip kbd{font-size:7px;padding:4px}.controlstrip>span{font-size:7px}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{margin:0}.queue-panel{grid-column:1}.effects-panel{grid-column:2;grid-row:1/3}.leaderboard{grid-column:1}.effect-art{width:45px}.effect-copy{padding:11px 8px}.effect-copy small{line-height:1.5}.effect-copy b{font-size:10px}.panelhead h2{font-size:8px}.panelcopy{font-size:9px}.cosmetic-note{font-size:7px}footer{font-size:6px;gap:20px;line-height:1.8}.arena-watermark{font-size:6px}.statuslabel{font-size:7px}.arena-bottom{font-size:6px;padding:12px 10px}#ping{display:none}}@media(pointer:coarse){.touch{display:flex}.controlstrip{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.padstrip{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;padding:12px 0 20px;color:#8593a0;font-size:7px;letter-spacing:.5px}.padstrip span:first-child{color:var(--lime)}.controlstrip{flex-wrap:wrap;gap:12px}.canvas-wrap canvas{touch-action:none}.canvas-wrap canvas:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}@media(max-width:760px){.padstrip{display:block;line-height:2}.padstrip span{display:block}}

.performance{font:10px/1.5 monospace;color:#91a8b9;padding:4px 12px;background:#0c1521;text-align:right}

#settingsdialog{max-height:90vh;overflow:auto}#settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}#settings-fields label{display:flex;flex-direction:column;gap:6px;color:#c2d4da;font-size:13px}#settings-fields input{background:#101c27;color:#d9ff72;border:1px solid #405265;padding:8px;width:100%;box-sizing:border-box} @media(max-width:480px){#settings-fields{grid-template-columns:1fr}}

.latency-panel{padding:8px 12px;background:#101b25;border-top:1px solid #30404b;color:#b8ccd7;font:11px/1.6 monospace}.latency-panel summary{cursor:pointer}.latency-panel p{max-width:85ch}.latency-panel button{background:#20333f;border:1px solid #476371;padding:7px 10px}.latency-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-variant-numeric:tabular-nums}
.latency-panel select{background:#20333f;color:inherit;border:1px solid #476371;padding:7px;margin:6px;max-width:100%}
#settings-fields select{background:#101c27;color:#d9ff72;border:1px solid #405265;padding:8px;width:100%;box-sizing:border-box}

.garage-open{width:100%}.garage-summary{font-size:10px;line-height:1.8;color:#b5c5d4}.stadium-effect{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;font-size:10px}.stadium-effect summary{cursor:pointer;color:var(--muted)}

/* Platform menu and broadcaster tools. */
[hidden]{display:none!important}.platform-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.platform-nav button{border:1px solid #354454;background:#14202b;color:#9eb1c1;padding:12px 14px;font:700 9px inherit;letter-spacing:.9px;border-radius:4px}.platform-nav button[aria-current=page]{color:#17210d;background:var(--lime);border-color:var(--lime)}.platform-nav>span{margin-left:auto;font-size:9px;color:#aab8c5;letter-spacing:1px}.platform-notice,.platform-error{font-size:10px;line-height:1.6;margin:10px 0;color:#8da2b2;min-height:16px}.platform-error{color:#ffae9f}#platform-panel{background:#121d28;border:1px solid #2b3e4e;padding:32px;border-radius:12px;min-height:420px;margin:20px 0}#platform-panel h2{font-size:clamp(28px,4vw,46px);letter-spacing:-1px;margin:12px 0}#platform-panel h3{font-size:20px}#platform-panel select,.mode-picker select,.platform-form input,.platform-form select{font:inherit;background:#0d1721;color:#d5e1e8;border:1px solid #3a5061;border-radius:5px;padding:12px;min-height:42px;width:100%}.platform-copy{max-width:720px;font-size:13px;line-height:1.8;color:#9aafbf}.platform-table-wrap{overflow:auto;margin:24px 0}.platform-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.platform-table th{text-align:left;font-size:9px;letter-spacing:1px;color:#91a5b5;padding:14px;border-bottom:1px solid #45545f}.platform-table td{padding:16px 14px;border-bottom:1px solid #263b4c}.platform-table td:first-child{color:var(--lime)}.platform-empty{border:1px dashed #374c5b;padding:24px;color:#9fb0be;font-size:13px;line-height:1.8}.platform-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0;max-width:850px}.platform-form label,.mode-picker label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#b9c8d4;letter-spacing:.3px}.platform-form fieldset{grid-column:1/-1;border:1px solid #3a4d5c;padding:16px;border-radius:6px}.platform-form legend{font-size:12px;padding:0 8px;color:#c5d4dc}.platform-form .mode-checkbox{display:grid;grid-template-columns:22px 1fr;gap:8px;margin:10px 0}.platform-form .mode-checkbox input{width:16px;min-height:16px;accent-color:var(--lime)}.mode-checkbox small{grid-column:2;color:#809aab;line-height:1.6}.platform-form .primary{align-self:end;min-height:42px}.platform-store-admin{border-top:1px solid #344858;padding-top:25px;margin-top:35px}.competition-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:25px 0}.competition-card{padding:24px;border:1px solid #385064;background:linear-gradient(145deg,#1b2c3b,#111d29);border-radius:8px}.competition-card p{color:#9fb7c8;font-size:13px}.competition-card button{margin-top:12px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:18px}.mode-picker label{font-size:8px;letter-spacing:1px}.mode-picker select{font-size:12px;letter-spacing:0}@media(max-width:760px){.platform-nav button{padding:11px 9px;font-size:8px}.platform-nav>span{width:100%;margin:7px 0}.platform-form{grid-template-columns:1fr}#platform-panel{padding:22px 16px}.mode-picker{grid-template-columns:1fr}.platform-table td{padding:14px 10px}.competition-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#platform-panel{scroll-behavior:auto}}
.catalog-control{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #2b4050;padding:12px 0;font-size:12px}.catalog-control .textbtn{font-size:9px;color:var(--lime)}

/* V1 game shell: one focused screen at a time. */
body:not([data-page="management"]){height:100dvh;overflow:hidden;background:#071017}
body:not([data-page="management"])>main{max-width:none;width:100%;padding:0;margin:0}
body:not([data-page="management"])>.top{height:80px;padding:0 38px;background:#091218;border-bottom:1px solid #22313b;position:relative;z-index:40}
body:not([data-page="management"]) .game-shell{position:fixed;inset:80px 0 0;overflow:hidden;background:radial-gradient(ellipse at 77% 44%,#1d3641 0%,#0c1d27 38%,#081118 70%)}
body:not([data-page="management"]) .game-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#081118 9%,#081118cc 32%,transparent 65%);pointer-events:none;z-index:1}
.menu-stage{position:absolute;inset:0 0 0 34%;isolation:isolate}
.menu-stage::before{content:"";position:absolute;inset:48% -30% -40%;background:linear-gradient(#33535b44 1px,transparent 1px),linear-gradient(90deg,#33535b44 1px,transparent 1px);background-size:64px 64px;transform:perspective(550px) rotateX(65deg);opacity:.45;z-index:-1}
.menu-stage canvas{width:100%;height:100%;aspect-ratio:auto;display:block;touch-action:none;cursor:grab}
.menu-stage canvas:active{cursor:grabbing}
.stage-caption{position:absolute;bottom:17%;left:0;right:0;text-align:center;pointer-events:none}
.stage-caption>span{display:block;color:#d8e6e9;font-size:12px;letter-spacing:3px;font-weight:800}
.stage-caption small{display:block;color:#74919d;font-size:8px;letter-spacing:1.4px;margin-top:12px}
.stage-fallback{display:none;position:absolute;inset:0;align-content:center;justify-items:center;color:#75939b}
.stage-fallback>span{font-size:clamp(90px,16vw,200px);font-weight:900;font-style:italic;color:#caff66;opacity:.2;transform:skew(-12deg)}
.stage-fallback p{font-size:11px;letter-spacing:3px;text-transform:uppercase}
.preview-unavailable .stage-fallback{display:grid}.preview-unavailable canvas{visibility:hidden}
.menu-chrome{position:absolute;top:25px;left:40px;right:40px;display:flex;align-items:center;gap:20px;z-index:5;height:28px}
.menu-chrome #platform-channel{margin-left:auto;color:#c1d6dd;font-size:10px;font-weight:700;letter-spacing:1.4px}
#menu-connection{font-size:8px;color:#9fbd82;letter-spacing:1px;border-left:1px solid #38505a;padding-left:20px}
.menu-back{background:transparent;border:0;padding:8px 0;color:#9bb4c1;font-size:10px;font-weight:800;letter-spacing:1.6px}
.menu-back:hover{color:var(--lime)}
body:not([data-page="management"]) #platform-panel{position:relative;z-index:2;border:0;border-radius:0;margin:0;background:transparent;min-height:0}
body:not([data-page="management"]) #platform-panel.home-panel,body:not([data-page="management"]) #platform-panel.lobby-panel{position:absolute;top:12%;left:7%;width:43%;max-width:620px;padding:0;max-height:calc(88% - 115px);overflow:auto;scrollbar-width:thin}
body:not([data-page="management"]) #platform-panel.home-panel h2{font-size:clamp(46px,5.8vw,88px);line-height:.9;font-style:italic;letter-spacing:-4px;margin:18px 0 22px;color:#eef7f4}
.home-panel .eyebrow{font-size:9px;letter-spacing:2.7px;color:var(--lime)}
.home-panel .platform-copy{font-size:12px;color:#8ba4b1;margin-bottom:34px}
.home-actions{display:flex;flex-direction:column;gap:5px;width:min(310px,100%)}
.game-button{display:block;background:#142630;border:1px solid #35505e;border-radius:3px;padding:16px 22px;min-height:48px;text-align:left;color:#c6d9e2;font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:1.8px;transition:background .15s,transform .15s,border-color .15s}
.game-button:hover:not(:disabled){background:#24404c;border-color:#86a1ac;transform:translateX(4px)}
.game-button:focus-visible,.menu-back:focus-visible,.textbtn:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.game-button:disabled{opacity:.45;cursor:wait}
.game-button-primary{background:var(--lime);border-color:var(--lime);color:#17230e}
.game-button-primary:hover:not(:disabled){background:#e0ff9c;border-color:#e0ff9c}
.home-actions .game-button:not(.game-button-primary){border-color:transparent;background:transparent;color:#9db4bf;padding-left:13px}
.home-actions .game-button:not(.game-button-primary):hover{color:white;background:#21374480}
.home-actions .game-button-primary{font-size:15px;margin-bottom:10px;box-shadow:0 0 40px #caff6614}
.home-utilities{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px}
.home-utilities .textbtn{font-size:8px;letter-spacing:1px;color:#74929e}
.menu-controls{position:absolute;z-index:5;bottom:22px;left:40px;right:40px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:8px;letter-spacing:1px;color:#5f7b8b}
.menu-controls kbd{font-size:8px;color:#8da7b3;background:#11222b;border-color:#304852;padding:4px 5px;margin:0 3px}
body:not([data-page="management"]) #platform-message{position:absolute;bottom:62px;left:40px;right:40px;z-index:6;font-size:9px;margin:0;max-width:650px;pointer-events:none}
body:not([data-page="management"]) #platform-panel.lobby-panel{top:18%;width:40%}
#platform-panel.lobby-panel h2{font-size:clamp(34px,4.6vw,62px);line-height:1.03;margin:20px 0}
.lobby-rules{display:flex;gap:16px;margin:28px 0;color:#9cb7c0;font-size:8px;letter-spacing:1.2px}
.lobby-rules>span+span{border-left:1px solid #38515c;padding-left:16px}
.lobby-panel>.game-button{width:min(340px,100%);margin:28px 0 18px}
.lobby-select{display:flex;flex-direction:column;gap:10px;max-width:340px;font-size:8px;letter-spacing:1.5px;color:#9cb7c0}
.search-status{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0;color:var(--lime);font-size:10px;letter-spacing:1px}
.search-status small{flex-basis:100%;color:#89a5b1;font-size:11px;line-height:1.6;letter-spacing:0}
.search-spinner{width:14px;height:14px;border:2px solid #365343;border-top-color:var(--lime);border-radius:50%;animation:search-spin 1s linear infinite}
@keyframes search-spin{to{transform:rotate(360deg)}}
body:not([data-page="management"]) #platform-panel.content-panel{position:absolute;inset:80px 7% 105px;padding:25px 36px;overflow:auto;background:#10212bdd;border:1px solid #2e4654;border-radius:8px;scrollbar-width:thin}
body:not([data-page="management"]) #platform-panel.content-panel h2{font-size:clamp(28px,4vw,48px)}
.watch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin-top:22px}
.watch-card{border:1px solid #35505f;background:#132c38;padding:25px;border-radius:5px}
.watch-card h3{font-size:18px!important;line-height:1.4}.watch-card p{font-size:11px;color:#8eabb7;line-height:1.6}.watch-card .game-button{margin-top:22px;width:100%;font-size:10px}
.fixed-mode-note{grid-column:1/-1;color:#a9c2cd;font-size:11px;line-height:1.7;padding:16px;border-left:3px solid var(--lime);background:#19313a}
/* The match is a viewport, not a page. Legacy nodes remain available to the HUD. */
body[data-screen="match"]>.top,body[data-screen="spectate"]>.top,body[data-screen="results"]>.top{display:none}
body:not([data-page="management"]) #arena-page{position:fixed;inset:0;background:#08131b}
#arena-page>.intro,#arena-page>footer,#arena-page aside,#arena-page .joinbar,#mode-picker,#arena-page .controlstrip,#arena-page .padstrip{display:none!important}
#arena-page .layout{display:block;height:100%;margin:0}
#arena-page .arena-wrap{height:100%;width:100%;position:relative}
#arena-page .canvas-wrap{position:absolute;inset:0;border:0}
#arena-page canvas#arena{width:100%;height:100%;aspect-ratio:auto;display:block}
#arena-page .scoreboard{position:absolute;z-index:15;top:20px;left:50%;transform:translateX(-50%);width:auto;min-width:330px;max-width:65%;padding:9px 22px 10px;border:1px solid #6d8c9144;border-radius:8px;background:#07131dd9;gap:24px;pointer-events:none;box-shadow:0 8px 30px #0004}
#arena-page .scoreboard .team>span:not(.teamdot){max-width:110px;font-size:8px}
#arena-page .scoreboard .team strong{font-size:34px}#arena-page .scoreboard .timer b{font-size:24px}#arena-page .scoreboard .timer span{font-size:6px}
#arena-page .statuslabel{top:100px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;white-space:nowrap;color:#a5c5ca;text-shadow:0 2px 8px #000}
#arena-page .arena-top{position:absolute;z-index:20;bottom:18px;left:22px;top:auto;padding:0;width:auto;background:transparent;border:0;box-shadow:none}
#arena-page .arena-top>.live-pill,#arena-page .arena-top>.format{display:none}
#arena-page .arena-top>#view{color:#a7c5d0;background:#07131dcc;border:1px solid #38515c;padding:10px 14px;font-size:8px;letter-spacing:1px;border-radius:4px}
#arena-page .arena-bottom{position:absolute;z-index:20;bottom:18px;right:24px;left:auto;border:0;background:transparent;padding:0;min-height:0;display:block}
#arena-page .arena-bottom>span{display:none!important}
#arena-page .boosthud{background:#07131ddd;border:1px solid #a3cd694d;border-radius:6px;padding:12px 16px;gap:12px}
#arena-page .boosthud>span{font-size:8px;letter-spacing:1px}#arena-page .boosthud>b{font-size:30px;width:auto}#arena-page .boosthud>div{width:80px;height:4px}
#arena-page .event{top:38%;z-index:18}#arena-page .event strong{font-size:clamp(42px,7vw,90px)}#arena-page .event small{font-size:10px}
#arena-page .arena-watermark{bottom:85px;right:26px;opacity:.5}
#arena-page #performance,#arena-page #latency-panel{display:none}
#arena-page.diagnostics-open #performance{display:block;position:absolute;bottom:75px;left:20px;z-index:60;padding:10px;background:#07131dee;max-width:calc(100% - 40px)}
#arena-page.diagnostics-open #latency-panel{display:block;position:absolute;top:115px;left:20px;z-index:60;width:min(430px,calc(100% - 40px));max-height:65vh;overflow:auto;border:1px solid #38505f;background:#10212bf5}
#arena-page .touch{position:absolute;bottom:80px;left:16px;z-index:25;max-width:65%;background:#0b1e28a6;border-radius:5px}
.match-actions{position:fixed;z-index:30;top:22px;right:24px;display:flex;align-items:center;gap:14px}
.match-menu-button{color:#9db9c5;background:#091c26cc;border:1px solid #35515d;border-radius:4px;padding:10px 12px;font-size:8px;letter-spacing:1px}
.match-menu-button kbd{font-size:7px;padding:3px;margin-left:6px}
#watch-label{position:fixed;top:30px;left:24px;max-width:27%;font-size:8px;color:#caff66;letter-spacing:1px;line-height:1.7}
.game-overlay{position:fixed;inset:0;z-index:50;background:#061018bb;backdrop-filter:blur(8px);display:grid;place-items:center;padding:30px;overflow:auto}
.pause-card,.result-card{width:min(440px,100%);padding:36px;background:linear-gradient(150deg,#1b3542,#0d1c27);border:1px solid #52707d88;box-shadow:0 30px 120px #0007;border-radius:10px}
.pause-card h2,.result-card h2{font-size:40px;letter-spacing:-1px;margin:18px 0}.pause-card .platform-copy,.result-card .platform-copy{font-size:12px}
.pause-card>.game-button,.result-card>.game-button{width:100%;margin:10px 0;font-size:10px}.pause-card>.textbtn,.result-card>.textbtn{margin-top:22px;display:block;font-size:9px;color:#9bb7c3}
.result-card{text-align:center}.result-card>.game-button{text-align:center}.result-card>.textbtn{margin-left:auto;margin-right:auto}.result-score{font-size:70px;letter-spacing:8px;color:#caff66;font-weight:900;margin:24px 0}
body[data-page="management"] .game-shell{position:relative}.management .menu-stage,body[data-page="management"] .menu-controls,body[data-page="management"] #menu-connection{display:none}
body[data-page="management"] .menu-chrome{position:relative;top:auto;left:auto;right:auto;margin:20px 0}
body[data-page="management"] #platform-panel{margin-top:12px}
@media(max-height:760px) and (min-width:761px){body:not([data-page="management"]) #platform-panel.home-panel{top:8%}.home-panel .platform-copy{margin-bottom:16px}.home-actions .game-button{min-height:38px;padding-top:11px;padding-bottom:11px}.home-actions .game-button-primary{margin-bottom:4px}.home-utilities{margin-top:12px}.stage-caption{bottom:12%}}
@media(max-width:760px){body:not([data-page="management"])>.top{height:60px;padding:0 18px}.top .brand{font-size:19px}.top .brand small{display:none}.game-shell .menu-chrome{left:20px;right:20px;top:16px}.game-shell #menu-connection{display:none}body:not([data-page="management"]) .game-shell{top:60px}.menu-stage{inset:5% -30% 30% 8%;opacity:.7}body:not([data-page="management"]) .game-shell::before{background:linear-gradient(0deg,#081118 28%,#081118dd 42%,#08111844 80%)}.stage-caption{display:none}body:not([data-page="management"]) #platform-panel.home-panel,body:not([data-page="management"]) #platform-panel.lobby-panel{top:14%;left:7%;width:86%;max-width:none;max-height:calc(86% - 100px)}body:not([data-page="management"]) #platform-panel.home-panel h2{font-size:49px}.home-panel .platform-copy{max-width:230px;margin-bottom:26px;color:#c1d3da}.home-actions{width:240px}.home-actions .game-button{min-height:39px;padding:12px 17px}.home-utilities{gap:18px}.menu-controls{bottom:18px;left:20px;right:20px;font-size:7px}.menu-controls>span:last-child{display:none}body:not([data-page="management"]) #platform-message{bottom:53px;left:20px;right:20px;font-size:8px}body:not([data-page="management"]) #platform-panel.content-panel{inset:65px 16px 90px;padding:23px 18px}body:not([data-page="management"]) #platform-panel.lobby-panel{top:22%}.lobby-panel .platform-copy{max-width:280px}.lobby-rules{gap:9px;font-size:7px}.lobby-rules>span+span{padding-left:9px}#arena-page .scoreboard{top:12px;min-width:250px;padding:8px 12px;gap:10px}#arena-page .scoreboard .team>span:not(.teamdot){max-width:60px;font-size:6px}#arena-page .scoreboard .team strong{font-size:26px}#arena-page .scoreboard .timer{min-width:55px}#arena-page .scoreboard .timer b{font-size:20px}#arena-page .statuslabel{top:83px;font-size:7px}.match-actions{top:82px;right:12px}.match-menu-button{font-size:7px;padding:8px}#watch-label{top:86px;left:14px;max-width:50%;font-size:7px}#arena-page .arena-top{bottom:14px;left:12px}#arena-page .arena-bottom{right:12px;bottom:14px}#arena-page .boosthud{padding:9px 12px;gap:8px}#arena-page .boosthud>div{width:50px}#arena-page .boosthud>b{font-size:23px}.pause-card,.result-card{padding:28px 22px}.pause-card h2,.result-card h2{font-size:34px}.result-score{font-size:58px}}
@media(prefers-reduced-motion:reduce){.search-spinner{animation:none}.game-button{transition:none}.menu-stage::before{opacity:.2}}

.stage-caption>span{display:inline-block;padding:9px 16px;border:1px solid #46616d55;border-radius:4px;background:#08151de6}.stage-caption small{color:#91adbb;text-shadow:0 1px 5px #000}.result-progress{font-size:10px;letter-spacing:1.2px;color:#a7c7d0;margin:-4px 0 22px}



.brand .brand-emblem{width:34px;height:34px;object-fit:contain;margin-right:8px;flex-shrink:0}

.legal-links{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:18px;padding:7px 16px;background:#090d12ed;border-radius:6px 6px 0 0;font-size:11px;line-height:1.3;white-space:nowrap}.legal-links a{color:#b6c8d2;text-decoration:underline;text-underline-offset:3px}.legal-links a:hover{color:var(--lime)}