:root{color-scheme:dark;--bg: #040816;--panel: rgba(7, 12, 30, .78);--text: #e7f0ff;--p1: #58b6ff;--p2: #ff74b8;--warn: #ffcb61;--ui-muted-text: #a6b9dd;--ui-font-family: "Aptos", "Segoe UI Variable", "Trebuchet MS", "Segoe UI", sans-serif;--ui-menu-backdrop-start: rgba(28, 44, 95, .52);--ui-menu-backdrop-end: rgba(2, 5, 16, .96);--ui-panel-border: rgba(146, 178, 246, .3);--ui-panel-glow: rgba(73, 119, 212, .18);--ui-panel-topline: rgba(217, 231, 255, .26);--ui-button-bg: linear-gradient(180deg, rgba(21, 34, 74, .94), rgba(11, 18, 42, .94));--ui-button-border: rgba(155, 187, 255, .24);--ui-button-active-bg: linear-gradient(180deg, rgba(47, 92, 191, .96), rgba(25, 49, 107, .98));--ui-button-active-border: rgba(210, 226, 255, .72);--ui-row-bg: linear-gradient(180deg, rgba(12, 20, 46, .86), rgba(9, 15, 36, .82));--ui-row-border: rgba(151, 180, 240, .18);--ui-row-focus-border: rgba(255, 203, 97, .75);--ui-row-focus-glow: rgba(255, 203, 97, .28);--ui-success-text: #7cd8a9;--ui-danger-text: #ff9e9e;--ui-hud-panel-border: rgba(167, 195, 255, .22);--ui-hud-label-text: #dbe8ff;--ui-hud-meta-text: #b4c9f3;--ui-hud-track-bg: rgba(255, 255, 255, .12);--ui-hud-p1-fill-start: #2f8bff;--ui-hud-p2-fill-start: #ff4a9f;--ui-hud-status-border: rgba(167, 195, 255, .22);--ui-hud-frame-text: #c7d8ff;--ui-hud-frame-hint-text: #9fb7eb;--ui-hud-subtitle-bg: rgba(6, 12, 30, .86);--ui-hud-subtitle-border: rgba(167, 195, 255, .28);--ui-hud-subtitle-text: #e7f0ff}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:var(--ui-font-family);background:var(--bg);color:var(--text)}#game{display:block;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.fuel-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{width:min(440px,100%);max-width:440px;background:var(--panel);border:1px solid var(--ui-hud-panel-border);border-radius:10px;padding:10px 12px}.panel.right{justify-self:end;text-align:right}.label{font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-hud-label-text)}.bar{margin-top:8px;height:12px;border-radius:999px;background:var(--ui-hud-track-bg);overflow:hidden}.fill{height:100%;width:100%;transition:width .1s linear}.fill.p1{background:linear-gradient(90deg,var(--ui-hud-p1-fill-start),var(--p1))}.fill.p2{background:linear-gradient(90deg,var(--ui-hud-p2-fill-start),var(--p2))}.meta{margin-top:6px;color:var(--ui-hud-meta-text);font-size:12px}#status{align-self:center;margin-bottom:8vh;text-align:center;font-weight:600;padding:8px 14px;background:var(--panel);border-radius:8px;border:1px solid var(--ui-hud-status-border)}#controls{align-self:center;display:flex;flex-direction:column;gap:4px;text-align:center;font-size:12px;color:var(--ui-hud-meta-text);background:var(--panel);border-radius:8px;border:1px solid var(--ui-hud-status-border);padding:10px 12px}.win{color:var(--warn)}#matchInfo{align-self:center;text-align:center;font-size:12px;color:var(--ui-hud-meta-text);background:var(--panel);border:1px solid var(--ui-hud-status-border);border-radius:999px;padding:5px 10px;margin-top:8px}.online-bootstrap-panel{position:fixed;top:18px;left:18px;z-index:32;width:min(420px,calc(100vw - 36px));display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--ui-panel-border);border-radius:12px;padding:14px;box-shadow:0 18px 40px #00000059}.online-bootstrap-title{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-hud-label-text)}.online-bootstrap-detail{margin:0;white-space:pre-wrap;font-family:var(--ui-font-family);font-size:12px;line-height:1.5;color:var(--ui-hud-meta-text)}.online-bootstrap-actions{display:flex;justify-content:flex-end}.online-bootstrap-action{border:1px solid var(--ui-button-border);background:var(--ui-button-bg);color:var(--text);border-radius:8px;padding:9px 12px;cursor:pointer}#frameData{align-self:flex-start;margin-top:8px;max-width:min(440px,100%);background:var(--panel);border:1px solid var(--ui-hud-panel-border);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--ui-hud-frame-text)}#frameData .title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-hud-meta-text);margin-bottom:6px}#frameData .row{margin-top:4px}#frameData .row.hint{color:var(--ui-hud-frame-hint-text);margin-bottom:2px}#rollbackDiagnostics{align-self:flex-end;margin-top:8px;max-width:min(520px,100%);background:var(--panel);border:1px solid var(--ui-hud-panel-border);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--ui-hud-frame-text)}#rollbackDiagnostics .title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-hud-meta-text);margin-bottom:6px}#rollbackDiagnostics .row{margin-top:4px}.input-history-panel{position:fixed;top:110px;width:156px;max-height:calc(100vh - 260px);overflow:hidden;background:var(--panel);border:1px solid var(--ui-hud-panel-border);border-radius:10px;padding:10px 10px 8px;font-size:12px;color:var(--ui-hud-frame-text)}.input-history-panel.p1{left:16px}.input-history-panel.p2{right:16px}.input-history-panel .title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-hud-meta-text);margin-bottom:8px}.input-history-body{display:flex;flex-direction:column;gap:4px}.input-history-row{display:grid;grid-template-columns:42px 1fr;gap:6px;align-items:center;padding:4px 6px;border:1px solid rgba(167,195,255,.12);border-radius:6px;background:#091023a3}.input-history-row .frame{color:var(--ui-hud-meta-text);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.input-history-row .value{color:var(--ui-hud-frame-text);font-weight:600}.input-history-empty{color:var(--ui-hud-meta-text);font-size:11px}.match-telemetry-panel{position:fixed;left:50%;bottom:124px;transform:translate(-50%);width:min(560px,calc(100vw - 360px));background:var(--panel);border:1px solid var(--ui-hud-panel-border);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--ui-hud-frame-text)}.match-telemetry-panel .title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-hud-meta-text);margin-bottom:4px}.match-telemetry-panel .row{margin-top:4px}.match-telemetry-panel .row.hint{color:var(--ui-hud-frame-hint-text)}.match-telemetry-grid{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-telemetry-column{border:1px solid rgba(167,195,255,.12);border-radius:8px;background:#091023a3;padding:8px}.match-telemetry-column.p1{box-shadow:inset 0 0 0 1px #58b6ff2e}.match-telemetry-column.p2{box-shadow:inset 0 0 0 1px #ff74b82e}.match-telemetry-column .player-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-hud-label-text);margin-bottom:4px}.voice-subtitle{position:fixed;left:50%;bottom:14%;transform:translate(-50%);max-width:min(720px,calc(100vw - 32px));padding:8px 12px;border-radius:8px;background:var(--ui-hud-subtitle-bg);border:1px solid var(--ui-hud-subtitle-border);color:var(--ui-hud-subtitle-text);font-size:13px;text-align:center;pointer-events:none}.start-menu{position:fixed;inset:0;display:grid;place-items:center;z-index:35;pointer-events:auto;background:radial-gradient(circle at 50% 30%,var(--ui-menu-backdrop-start),var(--ui-menu-backdrop-end));overflow:hidden}.start-menu:before,.start-menu:after{content:"";position:absolute;inset:auto;pointer-events:none;border-radius:999px;filter:blur(0)}.start-menu:before{width:min(70vw,920px);height:min(70vw,920px);top:-18vw;left:-8vw;background:radial-gradient(circle,rgba(56,103,214,.22) 0%,rgba(56,103,214,.08) 32%,transparent 66%);opacity:.8}.start-menu:after{width:min(46vw,620px);height:min(46vw,620px);right:-10vw;bottom:-18vw;background:radial-gradient(circle,rgba(255,116,184,.14) 0%,rgba(255,116,184,.05) 36%,transparent 68%);opacity:.65}.start-menu[hidden]{display:none!important}.start-panel{position:relative;width:min(520px,calc(100vw - 24px));background:linear-gradient(180deg,#0f18369e,#070c1eeb),var(--panel);border:1px solid var(--ui-panel-border);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 28px 70px #0000006b,0 0 0 1px #ffffff05 inset,0 0 48px var(--ui-panel-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.start-panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--ui-panel-topline),transparent);pointer-events:none}.start-home-panel{width:min(760px,calc(100vw - 24px))}.start-title-panel{background:radial-gradient(circle at 50% -8%,rgba(88,182,255,.14),transparent 44%),linear-gradient(180deg,#111a3cb8,#070c1ef0)}.start-title-panel .start-panel-kicker,.start-nav-panel .start-panel-kicker{color:#ffcb61d1}.start-title-panel .start-panel-title{font-size:clamp(2.5rem,4.8vw,4.6rem)}.start-panel-header{display:grid;gap:6px;margin-bottom:4px}.start-panel-kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#d6e4ffb8}.start-panel-title{margin:0;font-size:clamp(2rem,3vw,3.1rem);line-height:.96;letter-spacing:-.04em;color:#f5f8ff}.start-panel-subtitle{margin:0;color:var(--ui-muted-text);font-size:14px;line-height:1.55;max-width:56ch}.start-panel p{margin:0 0 4px;color:var(--ui-muted-text)}.start-match-subtitle{white-space:pre-line}.start-action{border:1px solid var(--ui-button-border);background:var(--ui-button-bg);color:var(--text);border-radius:12px;padding:13px 15px;text-align:left;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.01em;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;box-shadow:0 8px 18px #0003}.start-action.primary{text-align:center;font-weight:700;background:linear-gradient(180deg,#3968d2fa,#1b3577);border-color:#d2e2ffb8;box-shadow:0 14px 32px #162c5e70,0 0 0 1px #ffffff0d inset}.start-action.active{background:var(--ui-button-active-bg);border-color:var(--ui-button-active-border);transform:translateY(-1px);box-shadow:0 0 0 1px #ffcb6138,0 16px 34px #0f1b3b75}.start-action:hover:not(:disabled),.start-action:focus-visible:not(:disabled),.start-mode-btn:hover:not(:disabled),.start-mode-btn:focus-visible:not(:disabled),.start-character-step:hover:not(:disabled),.start-character-step:focus-visible:not(:disabled){transform:translateY(-1px);border-color:#d2e2ff94;box-shadow:0 12px 28px #0000003d,0 0 0 1px #ffffff0a inset}.start-action:focus-visible,.start-mode-btn:focus-visible,.start-character-step:focus-visible,.start-auth-field input:focus-visible{outline:none;border-color:var(--ui-row-focus-border);box-shadow:0 0 0 1px var(--ui-row-focus-glow),0 0 0 4px #ffcb611f}.start-action:disabled{opacity:.55;cursor:default;box-shadow:none}.start-menu-row{border:1px solid var(--ui-row-border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--ui-row-bg);box-shadow:inset 0 1px #ffffff08}.start-menu-row.active{border-color:var(--ui-row-focus-border);box-shadow:inset 0 0 0 1px var(--ui-row-focus-glow),0 0 0 1px #ffcb6114}.start-action-row{padding:10px}.start-auth-fields{border:1px solid rgba(167,195,255,.2);border-radius:16px;padding:14px;display:grid;gap:12px;background:linear-gradient(180deg,#0f1836b3,#0a10268f)}.start-auth-field{display:grid;gap:6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b4c9f3}.start-auth-field input{border:1px solid rgba(167,195,255,.25);background:#0c142ef0;color:var(--text);border-radius:10px;padding:11px 12px;font-size:14px}.start-auth-check{display:inline-flex;align-items:center;gap:8px;color:var(--ui-muted-text);font-size:13px}.start-auth-status{min-height:18px;margin:0;color:var(--ui-success-text);font-size:13px}.start-auth-status.error{color:var(--ui-danger-text)}.start-status-panel{border:1px solid rgba(167,195,255,.2);border-radius:16px;padding:14px;display:grid;gap:9px;background:linear-gradient(180deg,#0f1836ad,#0a10268f)}.start-status-panel [data-tone=success]{color:var(--ui-success-text)}.start-status-panel [data-tone=warning]{color:var(--warn)}.start-status-panel [data-tone=danger]{color:var(--ui-danger-text)}.start-status-headline{font-size:16px;font-weight:700;line-height:1.35;color:#dbe8ff}.start-status-detail{margin:0;white-space:pre-wrap;color:var(--ui-muted-text);font-size:12px;line-height:1.55;font-family:var(--ui-font-family)}.start-status-hint{font-size:11px;line-height:1.45;color:var(--ui-muted-text);border-top:1px solid rgba(167,195,255,.12);padding-top:8px}.start-row-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-muted-text)}.start-row-label.error{color:var(--ui-danger-text)}.start-mode-actions{display:flex;flex-wrap:wrap;gap:8px}.start-mode-options{color:var(--ui-muted-text);font-size:12px;line-height:1.55;padding:0 6px 4px}.start-mode-options.muted{opacity:.72}.start-local-panel{width:min(980px,calc(100vw - 24px))}.start-utility-panel{width:min(920px,calc(100vw - 24px))}.start-settings-panel{width:min(980px,calc(100vw - 24px))}.start-utility-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;align-items:start}.start-utility-info,.start-utility-actions{display:grid;gap:12px}.start-utility-actions{align-content:start}.start-utility-actions .start-action-row{min-height:68px}.start-utility-actions .start-action{min-height:46px}.start-settings-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:start}.start-settings-column{display:grid;gap:12px}.start-settings-actions{display:grid;grid-template-columns:minmax(0,1fr)}.start-local-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}.start-local-column{display:grid;gap:10px}.start-section-heading{margin:2px 2px 0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#ffcb61d1}.start-local-rules .start-status-panel{margin-top:4px}.start-local-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.start-mode-btn{border:1px solid var(--ui-button-border);background:var(--ui-button-bg);color:var(--text);border-radius:10px;padding:10px 13px;cursor:pointer}.start-mode-btn.active{background:var(--ui-button-active-bg);border-color:var(--ui-button-active-border)}.start-character-picker{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.start-character-step{border:1px solid var(--ui-button-border);background:var(--ui-button-bg);color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer}.start-character-value{border:1px solid rgba(167,195,255,.22);border-radius:12px;padding:10px 12px;background:#091023d1;min-height:56px}.start-character-name{font-weight:700}.start-character-meta{margin-top:4px;font-size:12px;color:var(--ui-muted-text)}.start-pad-hint{margin-top:8px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ui-muted-text);opacity:.88}.start-character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.start-character-item{border:1px solid rgba(167,195,255,.2);border-radius:12px;padding:10px;background:linear-gradient(180deg,#0b1228c7,#090f24a3)}.start-character-item.selected-p1{border-color:#58b6ffd9;box-shadow:inset 0 0 0 1px #58b6ff59}.start-character-item.selected-p2{box-shadow:inset 0 0 0 1px #ff74b866}.start-character-item.selected-p1.selected-p2{border-color:#ffcb61cc;box-shadow:inset 0 0 0 1px #ffcb6173}.start-character-item-name{font-weight:700;color:#f5f8ff}.start-character-item-blurb{margin-top:4px;color:var(--ui-muted-text);font-size:12px;line-height:1.45}@media(max-width:780px){.start-menu{padding:14px;place-items:stretch center}.start-panel,.start-home-panel{width:min(100%,100%);padding:18px;border-radius:18px}.start-panel-title{font-size:clamp(1.7rem,8vw,2.5rem)}.start-local-layout,.start-settings-layout,.start-utility-layout,.start-local-actions,.start-character-list{grid-template-columns:1fr}.start-menu:before{width:92vw;height:92vw;top:-24vw;left:-28vw}.start-menu:after{width:72vw;height:72vw;right:-28vw;bottom:-28vw}}.round-banner{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#080e22f2;border:1px solid var(--ui-panel-border);border-radius:10px;padding:8px 12px;text-align:center}.round-banner-title{font-weight:700}.round-banner-subtitle{font-size:12px;color:var(--ui-muted-text)}.online-dev-menu{position:fixed;inset:0;z-index:36;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(circle at 50% 20%,#0a193db8,#040816f2)}.online-dev-menu[hidden]{display:none!important}.online-dev-panel{width:min(920px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#080e22f5;border:1px solid rgba(167,195,255,.3);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.online-dev-panel h2{margin:0;font-size:28px}.online-dev-panel>p{margin:0;color:#b4c9f3}.online-dev-shell{display:grid;grid-template-columns:240px 1fr;gap:12px}.online-dev-list{display:flex;flex-direction:column;gap:8px}.online-dev-item{border:1px solid rgba(167,195,255,.25);background:#121c3ae6;color:var(--text);border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer}.online-dev-item.active{background:#2c4e91d6;border-color:#bad3ff8c}.online-dev-detail{border:1px solid rgba(167,195,255,.2);border-radius:10px;background:#0a1125bf;padding:12px;min-height:168px}.online-dev-detail h3{margin:0;font-size:20px}.online-dev-detail p{margin:8px 0 0;color:#c7d8ff}.online-dev-detail-status{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#b4c9f3}.online-dev-section-body{margin-top:10px}.online-dev-matchmaking,.online-dev-rooms,.online-dev-replay,.online-dev-ranked,.online-dev-social{display:flex;flex-direction:column;gap:10px}.online-dev-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.online-dev-control{display:flex;flex-direction:column;gap:6px;border:1px solid rgba(167,195,255,.18);border-radius:8px;padding:8px;font-size:12px;color:#c7d8ff}.online-dev-control select,.online-dev-control input[type=text]{border:1px solid rgba(167,195,255,.3);background:#070c1ae6;color:var(--text);border-radius:6px;padding:7px 8px}.online-dev-inline{display:flex;align-items:center;gap:6px}.online-dev-region-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.online-dev-region-item{display:flex;align-items:center;gap:6px}.online-dev-actions{display:flex;flex-wrap:wrap;gap:8px}.online-dev-action{border:1px solid rgba(167,195,255,.25);background:#121c3ae6;color:var(--text);border-radius:8px;padding:8px 12px;cursor:pointer}.online-dev-action:disabled{opacity:.6;cursor:default}.online-dev-status{font-size:12px;color:#9fdcc7}.online-dev-error{font-size:12px;color:#ff9f9f}.online-dev-outputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.online-dev-output{border:1px solid rgba(167,195,255,.18);border-radius:8px;background:#091023b8;padding:8px;min-height:140px}.online-dev-output h4{margin:0 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b4c9f3}.online-dev-output pre{margin:0;max-height:240px;overflow:auto;font-size:11px;color:#dbe8ff;white-space:pre-wrap;word-break:break-word}.online-dev-replay-results{min-height:200px}.online-dev-replay-list{display:flex;flex-direction:column;gap:8px}.online-dev-replay-empty{font-size:12px;color:#c7d8ff}.online-dev-replay-item{border:1px solid rgba(167,195,255,.18);border-radius:8px;background:#091023b8;padding:8px;display:flex;flex-direction:column;gap:6px}.online-dev-replay-item-title{font-size:12px;color:#dbe8ff}.online-dev-replay-item-meta{font-size:11px;color:#b4c9f3}.online-dev-hint{margin:0;font-size:12px;color:#b4c9f3}.online-dev-close{width:fit-content;border:1px solid rgba(167,195,255,.25);background:#121c3ae6;color:var(--text);border-radius:8px;padding:10px 14px;cursor:pointer}.online-diagnostics-overlay{position:fixed;top:12px;right:12px;z-index:37;width:min(420px,calc(100vw - 24px));border:1px solid rgba(167,195,255,.28);border-radius:10px;background:#050a18eb;padding:10px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.online-diagnostics-header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.online-diagnostics-export{border:1px solid rgba(167,195,255,.28);background:#121c3ae6;color:var(--text);border-radius:7px;padding:6px 10px;cursor:pointer}.online-diagnostics-status{font-size:11px;color:#9fdcc7}.online-diagnostics-body{margin:0;font-size:11px;color:#dbe8ff;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-word}.dev-open-menu-button{position:fixed;left:12px;bottom:12px;z-index:38;pointer-events:auto;border:1px solid rgba(167,195,255,.28);background:#121c3aeb;color:var(--text);border-radius:8px;padding:8px 12px;cursor:pointer}.dev-debug-panel{position:fixed;top:12px;left:12px;z-index:39;pointer-events:auto;min-width:180px;border:1px solid rgba(167,195,255,.28);background:#050a18f2;color:var(--text);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.dev-debug-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b4c9f3}.dev-debug-phase{font-size:12px;color:#dbe8ff}.dev-debug-action{border:1px solid rgba(167,195,255,.28);background:#121c3aeb;color:var(--text);border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left}.pause-menu{position:fixed;inset:0;background:#040816bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:30;pointer-events:auto}.pause-menu[hidden]{display:none!important}.pause-panel{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#080e22f2;border:1px solid rgba(167,195,255,.28);border-radius:12px;padding:14px;box-shadow:0 30px 60px #00000073}.pause-header h2{margin:0;font-size:24px}.pause-header span{display:block;margin-top:4px;font-size:12px;color:#b4c9f3}.pause-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pause-tab-btn{border:1px solid rgba(167,195,255,.25);background:#121c3acc;color:var(--text);border-radius:8px;padding:8px 10px;cursor:pointer}.pause-tab-btn.active{background:#2c4e91cc}.pause-tab-panel{margin-top:12px;display:flex;flex-direction:column;gap:8px}.pause-tab-panel[hidden]{display:none!important}.pause-action{border:1px solid rgba(167,195,255,.25);background:#121c3acc;color:var(--text);border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer}.binding-row{font-size:13px;color:#c7d8ff}.tuning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 10px}.tuning-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid rgba(167,195,255,.15);border-radius:8px;padding:8px}.tuning-row span{font-size:12px;color:#c7d8ff}.tuning-row input{width:100px;border:1px solid rgba(167,195,255,.3);background:#070c1ae6;color:var(--text);border-radius:6px;padding:6px 8px}.tuning-actions{display:flex;gap:8px}.copy-status{margin-top:10px;min-height:16px;font-size:12px;color:#9fdcc7}.replay-viewer{position:fixed;left:12px;right:12px;bottom:12px;z-index:34;pointer-events:auto;background:#080e22f2;border:1px solid rgba(167,195,255,.3);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;max-height:min(52vh,420px);overflow:auto}.replay-viewer[hidden]{display:none!important}.replay-viewer-header{display:flex;flex-direction:column;gap:3px}.replay-viewer-title{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.replay-viewer-subtitle{font-size:12px;color:#b4c9f3}.replay-viewer-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.replay-viewer-btn{border:1px solid rgba(167,195,255,.25);background:#121c3acc;color:var(--text);border-radius:8px;padding:7px 10px;cursor:pointer}.replay-viewer-meta{font-size:12px;color:#c7d8ff}.replay-viewer-jump-row{display:grid;grid-template-columns:220px 1fr;gap:10px;align-items:center}.replay-viewer-jump-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#b4c9f3}.replay-viewer-jump-row select,.replay-viewer-jump-row input{border:1px solid rgba(167,195,255,.3);background:#070c1ae6;color:var(--text);border-radius:6px;padding:6px 8px}.replay-viewer-timeline-wrap{display:flex;flex-direction:column;gap:6px}.replay-viewer-timeline-row{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center}.replay-viewer-timeline-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b4c9f3}.replay-viewer-timeline-cells{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(54px,auto);gap:4px;overflow-x:auto;padding-bottom:2px}.replay-input-cell{border:1px solid rgba(167,195,255,.18);background:#091023b8;border-radius:6px;padding:4px 6px;font-size:11px;color:#dbe8ff;text-align:center;white-space:nowrap}.replay-input-cell.active{border-color:#ffcb61d9;box-shadow:inset 0 0 0 1px #ffcb6166}.replay-viewer-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}.replay-viewer-panel{border:1px solid rgba(167,195,255,.18);border-radius:8px;background:#091023b8;padding:8px}.replay-viewer-panel .panel-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b4c9f3;margin-bottom:6px}.replay-viewer-panel .panel-content{display:flex;flex-direction:column;gap:6px}.replay-frame-row{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#c7d8ff}.replay-event-row{font-size:12px;color:#c7d8ff}@media(max-width:860px){.input-history-panel{top:auto;bottom:220px;width:136px;max-height:180px}.input-history-panel.p1{left:12px}.input-history-panel.p2{right:12px}.match-telemetry-panel{width:min(520px,calc(100vw - 24px));bottom:160px}.online-dev-shell,.replay-viewer-body,.replay-viewer-jump-row{grid-template-columns:1fr}}