:root{--bg:#071015;--text:#e8eef0;--muted:#cddbddb8;--accent:#72f0c4;--font-body:"Aptos", "Segoe UI", sans-serif;--font-display:"Agency FB", "Bahnschrift", "Trebuchet MS", sans-serif;--font-mono:"Consolas", "Courier New", monospace;font-family:var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#12222c,#060a0d 58%)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#ffc66114,#0000 22%),linear-gradient(#0c171e,#04070a 60%)}button,input,select{font:inherit}button{color:inherit}strong{font-weight:700}kbd{font-family:var(--font-mono);background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:2px 6px;font-size:.78rem}.app-shell{box-sizing:border-box;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:18px;min-height:100vh;padding:18px;display:grid}.app-shell.menu-open{grid-template-columns:minmax(0,1fr)}.sidebar,.stage-shell{min-height:0}.sidebar{flex-direction:column;gap:18px;display:flex}.hud-stack,.settings-stack{flex-direction:column;gap:18px;min-height:0;display:flex}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fff4dc0a,#fff4dc03),#0a0f13cc;border:1px solid #ffecc214;border-radius:22px;padding:18px;box-shadow:0 24px 60px #02050747,inset 0 1px #ffffff0a}.stage-shell{min-width:0}.stage-frame{background:radial-gradient(circle at top,#ffc7701f,#0000 48%),linear-gradient(#080c10eb,#06080bfa);border:1px solid #ffefcd1f;border-radius:28px;min-height:calc(100vh - 36px);position:relative;overflow:hidden;box-shadow:0 32px 80px #02050759,inset 0 0 0 1px #ffffff05}.game-canvas{cursor:crosshair;width:100%;height:calc(100vh - 36px);display:block}.stage-header{z-index:3;justify-content:space-between;gap:12px;display:flex;position:absolute;inset:18px 18px auto}.stage-actions{z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:absolute;top:72px;right:18px}.stage-actions.is-menu{z-index:6;top:18px}.stage-fullscreen-button{background:linear-gradient(#75d1ff33,#468fc424),#091015eb;border-color:#79c6ff66;justify-content:center;min-width:188px;box-shadow:0 16px 36px #0000003d,inset 0 1px #ffffff14}.stage-fullscreen-button:hover{border-color:#92d7ff94}.shot-feedback-toast{z-index:5;text-align:center;background:#080c10d6;border:1px solid #ffffff14;border-radius:18px;gap:6px;min-width:220px;padding:14px 18px;display:grid;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000047}.shot-feedback-toast strong,.shot-feedback-toast span{letter-spacing:.14em;text-transform:uppercase}.shot-feedback-toast strong{font-family:var(--font-display);font-size:1rem}.shot-feedback-toast em{color:#e3ecf3db;font-style:normal;line-height:1.45}.shot-feedback-toast span{color:#e3ecf3c7;font-size:.76rem}.stage-header span,.lock-notice,.raw-hud,.practice-overlay,.status-pill,.eyebrow{letter-spacing:.14em;text-transform:uppercase}.stage-header span,.lock-notice,.raw-hud{font-size:.72rem}.stage-header span{color:#edf5f6e6;background:#080c108c;border:1px solid #ffffff14;border-radius:999px;padding:10px 14px}.practice-overlay{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c10b3;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;max-width:min(520px,100% - 36px);padding:14px 16px;display:flex;position:absolute;bottom:18px;left:18px}.practice-overlay strong{font-family:var(--font-display);letter-spacing:.08em;font-size:1.05rem}.practice-overlay span,.menu-copy,.summary-copy,.empty-copy,.mode-copy{line-height:1.5}.tone-neutral strong{color:var(--accent)}.tone-good strong{color:#8ef0cb}.tone-warn strong{color:#f5cc78}.tone-bad strong{color:#ff8d75}.tone-bonus strong{color:#9fd0ff}.lock-notice,.raw-hud{z-index:3;background:#080c10b8;border:1px solid #ffffff14;border-radius:999px;padding:10px 14px;position:absolute}.lock-notice{bottom:18px;right:18px}.raw-hud{gap:14px;display:flex;top:64px;left:18px}.menu-overlay,.summary-overlay,.round-result-overlay{z-index:4;background:linear-gradient(#04080b5c,#04080bb3);place-items:center;padding:28px;display:grid;position:absolute;inset:0}.menu-card,.summary-card{background:radial-gradient(circle at 100% 0,#ffcb701f,#0000 30%),linear-gradient(#0b1116e6,#070b0ff5);border:1px solid #fff3d11f;border-radius:26px;width:min(980px,100%);max-height:100%;padding:28px;overflow:auto;box-shadow:0 28px 80px #00000059}.menu-card-rich{background:radial-gradient(circle at 100% 0,#5ca6ff1a,#0000 26%),radial-gradient(circle at 0 0,#ffc2691a,#0000 22%),linear-gradient(#0b1116eb,#060a0ef7)}.round-result-overlay{background:linear-gradient(#0104073d,#010407c2);place-items:end center}.round-result-card{text-align:center;background:radial-gradient(circle at top,#7ebaff24,#0000 42%),linear-gradient(#0a1018f0,#05090dfa);border:1px solid #a6caf538;border-radius:26px;width:min(560px,100% - 24px);margin-bottom:40px;padding:26px 28px;box-shadow:0 24px 80px #00000075,inset 0 1px #ffffff0d}.round-result-card.is-failed{background:radial-gradient(circle at top,#ff967a1f,#0000 42%),linear-gradient(#140f12f0,#0a080bfa);border-color:#ff957f38}.round-result-flags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px;display:flex}.round-result-flag,.round-result-label,.round-result-score span,.round-breakdown-row span{letter-spacing:.14em;text-transform:uppercase}.round-result-flag{color:#e0ecf8d1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:8px 10px;font-size:.68rem}.round-result-flag.is-headshot{color:#dcecff;background:#84b0ff1f;border-color:#b0d2ff4d}.round-result-flag.is-wallbang{color:#f5d59a;background:#ffd5821a;border-color:#ffd58247}.round-result-label{color:#d2dff29e;margin-top:16px;font-size:.72rem;display:block}.round-result-callout{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#dcecff;margin:16px 0 0;font-size:1.4rem}.round-result-time{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#cfe3ff;text-shadow:0 0 32px #79a5de2e;margin-top:8px;font-size:clamp(3rem,9vw,5rem);line-height:1;display:block}.round-result-time-fail{color:#ffd0c5;text-shadow:0 0 24px #ff866c1f;margin-top:18px;font-size:clamp(2.3rem,8vw,3.6rem)}.round-result-score{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;margin-top:18px;padding:14px 16px}.round-result-score strong{font-family:var(--font-display);color:#f2f8ff;margin-top:8px;font-size:1.9rem;display:block}.round-result-score-xp strong{color:#8ef0cb}.round-result-copy{color:#d6e3f2d1;letter-spacing:.08em;text-transform:uppercase;margin:14px 0 0}.round-result-hint{color:#d6e3f2c7;letter-spacing:.08em;text-transform:uppercase;margin:14px 0 0}kbd{font:inherit;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:3px 8px;font-size:.8em;display:inline-block}.round-result-breakdown{gap:10px;margin-top:18px;display:grid}.round-breakdown-row{text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.round-breakdown-row strong,.round-breakdown-row b{display:block}.round-breakdown-row strong{color:#dae5f1d1;margin-top:6px;font-size:.92rem;line-height:1.45}.round-breakdown-row b{color:#9fe8c6;font-size:1rem}.round-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.menu-card h1,.summary-card h2,.panel h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.menu-card h1{font-size:clamp(2.4rem,5vw,4.3rem)}.menu-header{gap:18px;display:grid}.menu-tab-row{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:relative}.menu-tab-button{pointer-events:auto;color:var(--text);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.menu-tab-button.is-active{background:#89f4cd1f;border-color:#89f4cd57}.summary-card h2,.panel h2{font-size:1.28rem}.eyebrow{color:#d2dfe294;margin:0 0 10px;font-size:.68rem}.menu-copy,.summary-copy{max-width:56ch;margin-top:14px}.menu-subtitle{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#dce7f1cc;margin:10px 0 0;font-size:1rem}.menu-tip,.settings-note{color:#cddbddc2;margin:16px 0 0;line-height:1.55}.menu-settings-shell,.settings-account-shell{margin-top:18px}.menu-settings .panel,.settings-account-shell .panel{background:linear-gradient(#ffffff09,#ffffff04),#050a0eb8;box-shadow:0 16px 36px #00000038,inset 0 1px #ffffff08}.menu-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.menu-meta div,.metric-card,.compact-grid div{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:14px}.menu-meta span,.metric-card span,.compact-grid span,.history-row span,.reaction-row span,.subheading-row span{color:#cddbdda3;font-size:.8rem;display:block}.menu-meta strong,.metric-card strong,.compact-grid strong,.history-row strong,.reaction-row strong{margin-top:6px;font-size:1rem;display:block}.progress-readout strong{margin-top:0}.progress-readout-detail{color:#dce7f1d1;margin-top:6px;font-size:.92rem;display:block}.menu-actions,.summary-actions,.control-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.primary-button,.secondary-button,.ghost-button,.mode-tile,.weapon-tile,.segment-button{cursor:pointer;border:0;transition:transform .16s,background-color .16s,border-color .16s,opacity .16s}.primary-button,.secondary-button,.ghost-button{font:inherit;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:inline-flex}.hotkey-hint{color:#e7eff4e0;letter-spacing:.12em;text-transform:uppercase;background:#050b0f61;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-width:24px;padding:4px 8px;font-size:.66rem;line-height:1;display:inline-flex}.primary-button{color:#052015;background:linear-gradient(#89f4cdf2,#3db588f2)}.secondary-button{color:var(--text);background:linear-gradient(#ffd58233,#ffd58214);border:1px solid #ffd58233}.ghost-button{color:var(--text);background:#ffffff08;border:1px solid #ffffff14}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.mode-tile:hover,.weapon-tile:hover,.segment-button:hover{transform:translateY(-1px)}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:22px;display:grid}.weapon-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.mode-tile,.weapon-tile{text-align:left;color:var(--text);background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;align-content:start;gap:12px;padding:16px;display:grid}.mode-tile.is-active,.weapon-tile.is-active,.segment-button.is-active{background:#89f4cd1f;border-color:#89f4cd57}.mode-name{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;display:block}.mode-copy{color:#cddbddb3;font-size:.9rem;display:block}.mode-preview{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.weapon-preview{background:radial-gradient(circle at 100% 0,#7eccff14,#0000 38%),#ffffff05;border:1px solid #ffffff14;border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.mode-preview-svg{aspect-ratio:240/132;width:100%;height:auto;display:block}.weapon-preview-svg{aspect-ratio:240/110;width:100%;height:auto;display:block}.weapon-rule{color:#dae6efd1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:10px 12px;font-size:.82rem;line-height:1.45;display:block}.panel-header,.subheading-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.menu-subheading{margin-top:20px}.status-pill{border-radius:999px;padding:8px 12px;font-size:.68rem}.phase-menu,.phase-summary,.phase-preround{color:#f5cc78;background:#ffd5821f}.phase-active{color:#8ef0cb;background:#8ef0cb1f}.phase-result{color:#b8d2ff;background:#9fc4ff1f}.phase-cooldown{color:#ff9778;background:#ff97781f}.compact-grid,.metric-grid,.settings-grid,.account-grid{gap:12px;margin-top:16px;display:grid}.settings-grid,.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-strip{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;gap:10px;margin-top:16px;padding:14px;display:grid}.level-strip-logged-out{background:#ffd5820f;border-color:#ffd5821f}.level-strip-copy span,.level-strip-copy strong{display:block}.level-strip-copy span{color:#cddbdda3;font-size:.8rem}.level-strip-copy strong{margin-top:6px;font-size:.98rem}.level-strip-progress{color:#dce7f1db;margin-top:6px;font-size:.92rem;font-weight:600;display:block}.level-strip-bar{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.level-strip-fill{border-radius:inherit;background:linear-gradient(90deg,#72f0c4eb,#7eccffeb);height:100%}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid-history{margin-bottom:8px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-list,.history-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.reaction-row,.history-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:grid}.reaction-row{grid-template-columns:minmax(0,1fr) minmax(70px,1fr) auto}.history-row{grid-template-columns:repeat(2,minmax(0,1fr))}.reaction-bar{background:linear-gradient(90deg,#72f0c4d9,#ffd582e6);border-radius:999px;height:8px}.hud-stat-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.hud-stat-hero-card,.hud-stat-detail-card{background:linear-gradient(#ffffff0b,#ffffff05),#ffffff05;border:1px solid #ffffff12;border-radius:16px;padding:14px 16px}.hud-stat-hero-card span,.hud-stat-detail-card span{color:#cddbdda8;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;display:block}.hud-stat-hero-card strong{font-family:var(--font-display);letter-spacing:.08em;color:#eef8ff;margin-top:10px;font-size:clamp(1.35rem,2vw,1.7rem);display:block}.hud-stat-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.hud-stat-detail-card strong{color:#dcecff;margin-top:8px;font-size:1.02rem;display:block}.hud-reaction-row{grid-template-columns:minmax(0,1.2fr) minmax(100px,1fr) auto;gap:14px;padding:14px 16px}.hud-reaction-copy{letter-spacing:.06em;text-transform:uppercase;color:#e5edf3e0;font-size:.86rem}.hud-reaction-bar-shell{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;align-items:center;height:12px;padding:2px;display:flex}.hud-reaction-bar-shell .reaction-bar{height:100%}.empty-copy{color:#cddbddb3;margin:0}.segment-grid,.toggle-grid{gap:10px;margin-top:16px;display:grid}.segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-grid-short{grid-template-columns:repeat(3,minmax(0,1fr))}.segment-grid-peeks{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.segment-grid-speeds{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.menu-speed-grid{margin-top:14px}.segment-button{color:var(--text);font:inherit;text-transform:uppercase;letter-spacing:.1em;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:12px 10px;font-size:.72rem}.toggle-grid label,.slider-row,.color-row{gap:8px;font-size:.92rem;display:grid}.toggle-grid label{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;padding:12px 14px}.toggle-grid input,.color-row input[type=color]{accent-color:var(--accent)}.slider-row strong,.color-row span{color:#cddbddcc}.slider-row input[type=range]{width:100%}.color-row{margin-top:16px}.color-row input[type=color]{background:0 0;border:0;border-radius:12px;width:100%;height:42px}.auth-status{color:#dce7f1db;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;margin:0 0 18px;padding:12px 14px}.auth-panel{height:100%}.auth-form{gap:14px;margin-top:16px;display:grid}.auth-form label{color:#d6e3f2d6;gap:8px;display:grid}.auth-form input{box-sizing:border-box;width:100%;color:var(--text);font:inherit;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px}.leaderboard-shell{margin-top:18px}.leaderboard-filter-grid{margin-top:0}.leaderboard-list{gap:10px;margin-top:18px;display:grid}.leaderboard-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.leaderboard-row strong,.leaderboard-row span,.leaderboard-row b{display:block}.leaderboard-row span{color:#cddbdda3;margin-top:6px;font-size:.82rem}.leaderboard-row b{color:#dcecff;text-align:right;font-size:1rem}.leaderboard-rank{min-width:48px;font-family:var(--font-display);letter-spacing:.12em;color:#8ef0cbeb;font-size:1.05rem}.menu-footer{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#cddbdd94;margin:22px 0 0;font-size:.72rem}.crosshair-preview-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;margin-top:16px;padding:14px}.crosshair-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.crosshair-preview-pane{gap:8px;display:grid}.crosshair-preview-canvas{border-radius:14px;width:100%;height:auto;display:block}.summary-actions{margin-top:22px}.theme-light .panel,.theme-light .menu-card,.theme-light .summary-card,.theme-light .round-result-card{background:radial-gradient(circle at 100% 0,#e9b46629,#0000 32%),linear-gradient(#f5ede0f0,#e0ceb4f5);border-color:#603f181f;box-shadow:0 20px 48px #56391629,inset 0 1px #fff6}.theme-light .stage-frame{background:radial-gradient(circle at top,#d2aa6433,#0000 48%),linear-gradient(#ebdfcceb,#bfa27eeb);border-color:#62431c29}.stage-frame:fullscreen{width:100vw;height:100vh;min-height:100vh;box-shadow:none;border:0;border-radius:0}.stage-frame:fullscreen .game-canvas{height:100vh}.stage-frame:fullscreen .stage-actions{z-index:6;top:18px;right:18px}:is(.stage-frame:fullscreen .menu-overlay,.stage-frame:fullscreen .summary-overlay,.stage-frame:fullscreen .round-result-overlay){padding:18px}.stage-frame:fullscreen .practice-overlay{max-width:min(560px,100% - 36px)}.theme-light .practice-overlay,.theme-light .lock-notice,.theme-light .raw-hud,.theme-light .stage-header span{color:#3a2816;background:#f8f1e4cc;border-color:#4c30131f}.theme-light .mode-tile,.theme-light .weapon-tile,.theme-light .metric-card,.theme-light .compact-grid div,.theme-light .reaction-row,.theme-light .history-row,.theme-light .leaderboard-row,.theme-light .menu-meta div,.theme-light .level-strip,.theme-light .crosshair-preview-card,.theme-light .toggle-grid label,.theme-light .segment-button{background:#ffffff70;border-color:#4c301317}.theme-light .shot-feedback-toast{background:#f8f1e4eb;border-color:#4c30131f}.theme-light .hotkey-hint{color:#433121;background:#50371814;border-color:#4c30131f}.theme-light .secondary-button,.theme-light .ghost-button{color:#2d2115;border-color:#4c301324}.raw-mode{grid-template-columns:minmax(0,1fr);gap:0;padding:12px}.raw-mode .stage-frame,.raw-mode .game-canvas{height:calc(100vh - 24px);min-height:calc(100vh - 24px)}.raw-mode .practice-overlay{max-width:420px}@media (width<=1100px){.app-shell{grid-template-columns:minmax(0,1fr)}.stage-frame,.game-canvas{height:68vh;min-height:68vh}.summary-card,.menu-card{padding:22px}}@media (width<=720px){.app-shell{gap:10px;padding:10px}.panel,.menu-card,.summary-card,.round-result-card{border-radius:18px;padding:16px}.stage-frame,.game-canvas{border-radius:20px;height:62vh;min-height:62vh}.metric-grid,.compact-grid,.settings-grid,.account-grid,.crosshair-preview-grid,.menu-meta,.segment-grid,.segment-grid-peeks,.segment-grid-speeds,.segment-grid-short,.history-row,.hud-stat-hero-grid,.hud-stat-detail-grid,.weapon-grid,.reaction-row{grid-template-columns:minmax(0,1fr)}.stage-header{flex-direction:column}.stage-actions{top:auto;bottom:18px;right:12px}.shot-feedback-toast{min-width:0;top:12px;left:12px;right:12px;transform:none}.practice-overlay,.lock-notice,.raw-hud,.round-result-overlay{max-width:none;left:12px;right:12px}.raw-hud{top:auto;bottom:128px}.lock-notice{bottom:100px}}