:root{color-scheme:dark;--radius-2xl: 34px;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body,body[data-theme=dark-blue]{--bg-top: #677f98;--bg-mid: #243b54;--bg-bottom: #07111d;--bg-glow-left: rgba(189, 221, 255, .16);--bg-glow-right: rgba(87, 151, 205, .12);--surface-base: rgba(14, 24, 35, .38);--surface-soft: rgba(10, 19, 29, .24);--surface-strong: rgba(255, 255, 255, .08);--surface-border: rgba(196, 220, 244, .13);--surface-border-strong: rgba(214, 232, 249, .22);--surface-highlight: rgba(255, 255, 255, .11);--text-main: rgba(245, 248, 252, .98);--text-soft: rgba(210, 221, 233, .72);--text-faint: rgba(191, 203, 216, .44);--accent: #83cbff;--accent-strong: #d7efff;--accent-glow: rgba(104, 188, 255, .16);--danger: #ff8f76;--shadow-soft: 0 28px 82px rgba(2, 7, 13, .34);--shadow-strong: 0 46px 132px rgba(2, 6, 12, .54);--button-start: #edf6ff;--button-end: #84c7fa;--button-text: #081b2f;--button-glow: rgba(104, 188, 255, .24);--field-focus: rgba(131, 203, 255, .54);--field-focus-ring: rgba(131, 203, 255, .1);--modal-backdrop: rgba(5, 11, 18, .74);--arena-frame-top: rgba(156, 190, 227, .08);--arena-frame-bottom: rgba(6, 12, 20, .18);--arena-stage-top: rgba(94, 132, 174, .05);--arena-stage-bottom: rgba(7, 16, 25, .6);--arena-panel-top: rgba(188, 214, 240, .05);--arena-panel-bottom: rgba(6, 16, 26, .42);--arena-grid: rgba(212, 226, 240, .05);--arena-border: rgba(201, 219, 239, .15);--arena-food-glow: rgba(255, 188, 72, .42);--arena-food-core: rgba(255, 248, 233, .98);--arena-food-mid: rgba(255, 205, 106, .94);--arena-food-rim: rgba(255, 138, 44, .76);--arena-local-glow: rgba(120, 220, 255, .26);--arena-label: rgba(245, 250, 255, .9);--arena-label-soft: rgba(224, 234, 241, .7)}body[data-theme=green-gray]{--bg-top: #6c7974;--bg-mid: #34403e;--bg-bottom: #181e1d;--bg-glow-left: rgba(208, 219, 214, .14);--bg-glow-right: rgba(0, 137, 61, .14);--surface-base: rgba(25, 32, 31, .42);--surface-soft: rgba(22, 28, 27, .24);--surface-strong: rgba(221, 227, 230, .08);--surface-border: rgba(207, 217, 213, .13);--surface-border-strong: rgba(221, 227, 230, .2);--surface-highlight: rgba(235, 238, 240, .1);--text-main: rgba(242, 246, 244, .98);--text-soft: rgba(210, 219, 214, .72);--text-faint: rgba(185, 196, 191, .44);--accent: #00893d;--accent-strong: #7ed6a1;--accent-glow: rgba(0, 137, 61, .16);--danger: #ff9b80;--shadow-soft: 0 28px 82px rgba(10, 13, 13, .3);--shadow-strong: 0 46px 130px rgba(9, 12, 12, .48);--button-start: #e2e8e5;--button-end: #72c998;--button-text: #192725;--button-glow: rgba(0, 137, 61, .22);--field-focus: rgba(126, 214, 161, .54);--field-focus-ring: rgba(0, 137, 61, .1);--modal-backdrop: rgba(16, 19, 18, .74);--arena-frame-top: rgba(193, 208, 201, .07);--arena-frame-bottom: rgba(18, 24, 22, .2);--arena-stage-top: rgba(120, 149, 134, .05);--arena-stage-bottom: rgba(17, 24, 22, .58);--arena-panel-top: rgba(195, 211, 202, .05);--arena-panel-bottom: rgba(18, 24, 22, .38);--arena-grid: rgba(212, 220, 216, .05);--arena-border: rgba(210, 219, 214, .14);--arena-food-glow: rgba(0, 137, 61, .24);--arena-food-core: rgba(242, 247, 244, .96);--arena-food-mid: rgba(122, 211, 156, .9);--arena-food-rim: rgba(0, 137, 61, .78);--arena-local-glow: rgba(0, 137, 61, .24);--arena-label: rgba(241, 246, 244, .9);--arena-label-soft: rgba(210, 219, 214, .68)}body[data-theme=dark-matter]{--bg-top: #3b4554;--bg-mid: #131922;--bg-bottom: #04080d;--bg-glow-left: rgba(126, 152, 214, .12);--bg-glow-right: rgba(82, 211, 255, .1);--surface-base: rgba(12, 15, 21, .44);--surface-soft: rgba(9, 12, 18, .25);--surface-strong: rgba(255, 255, 255, .07);--surface-border: rgba(183, 204, 255, .11);--surface-border-strong: rgba(183, 204, 255, .18);--surface-highlight: rgba(255, 255, 255, .1);--text-main: rgba(241, 246, 252, .97);--text-soft: rgba(205, 217, 230, .72);--text-faint: rgba(180, 193, 207, .46);--accent: #52d3ff;--accent-strong: #d6f8ff;--accent-glow: rgba(82, 211, 255, .14);--danger: #ff9079;--shadow-soft: 0 30px 90px rgba(0, 0, 0, .38);--shadow-strong: 0 52px 132px rgba(0, 0, 0, .6);--button-start: #ebf5fb;--button-end: #64c3ee;--button-text: #07131f;--button-glow: rgba(82, 211, 255, .18);--field-focus: rgba(82, 211, 255, .48);--field-focus-ring: rgba(82, 211, 255, .1);--modal-backdrop: rgba(3, 5, 8, .8);--arena-frame-top: rgba(130, 150, 190, .08);--arena-frame-bottom: rgba(0, 0, 0, .2);--arena-stage-top: rgba(109, 132, 188, .05);--arena-stage-bottom: rgba(5, 7, 10, .6);--arena-panel-top: rgba(185, 204, 235, .04);--arena-panel-bottom: rgba(5, 8, 12, .36);--arena-grid: rgba(194, 212, 233, .045);--arena-border: rgba(183, 204, 255, .14);--arena-food-glow: rgba(82, 211, 255, .18);--arena-food-core: rgba(242, 248, 255, .94);--arena-food-mid: rgba(102, 209, 245, .86);--arena-food-rim: rgba(34, 152, 255, .72);--arena-local-glow: rgba(82, 211, 255, .24);--arena-label: rgba(241, 246, 252, .86);--arena-label-soft: rgba(205, 217, 230, .62)}body{margin:0;min-height:100vh;font-family:SF Pro Display,Avenir Next,Segoe UI Variable,Helvetica Neue,sans-serif;color:var(--text-main);background:radial-gradient(circle at 11% 11%,var(--bg-glow-left),transparent 15%),radial-gradient(circle at 88% 14%,var(--bg-glow-right),transparent 18%),radial-gradient(circle at 50% 84%,var(--accent-glow),transparent 22%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 32%,var(--bg-bottom) 100%);overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56;transform:none}.app-shell{position:relative;width:min(1840px,100%);height:100dvh;margin:0 auto;padding:clamp(14px,1.35vw,22px)}.ambient{position:fixed;width:28rem;height:28rem;border-radius:50%;filter:blur(96px);pointer-events:none;opacity:.58}.ambient-left{top:-9rem;left:-8rem;background:var(--bg-glow-left)}.ambient-right{right:-9rem;bottom:-12rem;background:var(--accent-glow)}.glass-panel{background:linear-gradient(180deg,#ffffff0a,#ffffff04),linear-gradient(180deg,var(--surface-base),var(--surface-soft));border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);backdrop-filter:blur(24px) saturate(138%);-webkit-backdrop-filter:blur(24px) saturate(138%)}.viewport-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;height:100%;min-height:0}.arena-stage,.command-panel,.status-panel,.leaderboard-panel,.all-time-modal,.setup-modal,.settings-modal{min-height:0;overflow:hidden;border-radius:var(--radius-2xl)}.arena-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:clamp(14px,1.1vw,20px);width:min(1480px,80vw);justify-self:center;transition:opacity 3s ease,transform 3s ease,filter 3s ease;background:linear-gradient(180deg,#04070c29,#ffffff03),linear-gradient(180deg,var(--surface-base),var(--surface-soft))}.arena-stage-fading-out{opacity:0;transform:scale(.985);filter:blur(10px) saturate(.84)}.arena-stage-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 14px;border-radius:24px;background:linear-gradient(180deg,#04070c29,#04070c0a);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a}.arena-stage-header h1,.setup-header h2,.panel-header h2,.settings-modal-header h2{margin:0;letter-spacing:-.045em}.arena-stage-header h1{max-width:none;font-size:clamp(1.8rem,2.5vw,3rem);line-height:.96;text-shadow:0 10px 24px rgba(0,0,0,.18)}.stage-credit{display:grid;gap:5px;justify-items:end;align-self:center;text-align:right}.stage-credit span{color:var(--text-soft);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.stage-credit a{color:var(--accent-strong);font-size:.94rem;line-height:1.2;text-decoration:none}.stage-credit a:hover{text-decoration:underline}.eyebrow,.panel-kicker{margin:0 0 8px;font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--text-soft)}.arena-stage-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.metric-pill,.pilot-card,.overview-card,.session-meta,.stat-card,.leaderboard-row,.field input,.setup-form,.setup-color-panel,.player-preview,.arena-stack,.theme-card,.theme-card-preview,.settings-form{background:var(--surface-soft);border:1px solid rgba(255,255,255,.12)}.metric-pill{min-width:6.8rem;padding:10px 12px;border-radius:16px}.metric-pill span,.overview-card span,.session-meta span,.stat-card span,.field span,.theme-card-copy span,.leaderboard-score span,.hint-list p,.leaderboard-player p,.empty-copy,.setup-caption,.player-preview p,.arena-stage-footer p{color:var(--text-soft)}.metric-pill span,.metric-pill strong,.overview-card span,.overview-card strong,.stat-card span,.stat-card strong{display:block}.metric-pill strong{margin-top:4px;font-size:.96rem}.arena-stage-body{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.playfield-shell{display:grid;grid-template-columns:minmax(276px,.62fr) minmax(0,1.46fr) minmax(276px,.62fr);gap:clamp(10px,.9vw,16px);min-height:0;height:100%;width:100%;align-items:stretch}.session-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.session-pills span,.leaderboard-extra{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:12px 16px;border-radius:20px;background:var(--surface-soft);border:1px solid rgba(255,255,255,.12);font-size:.86rem;color:var(--text-soft);white-space:nowrap}.arena-stack{position:relative;min-height:0;height:100%;padding:clamp(4px,.45vw,5px);border-radius:30px;background:linear-gradient(180deg,#0000000a,#0000),linear-gradient(180deg,var(--arena-frame-top),var(--arena-frame-bottom)),linear-gradient(180deg,var(--surface-base),rgba(255,255,255,.02));box-shadow:inset 0 1px #ffffff14}.arena-column{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;height:100%}.arena-surface{position:relative;min-height:0;width:100%;max-height:100%;margin:auto;border-radius:24px;overflow:hidden;background:transparent}.arena-stack{width:100%;align-self:stretch}.arena-canvas{display:block;width:100%;height:100%}.arena-instruction{position:absolute;left:50%;bottom:14px;transform:translate(-50%);margin:0;font-size:.84rem;text-align:center;color:var(--text-soft);pointer-events:none;z-index:2}.boost-button{position:absolute;left:18px;bottom:18px;display:grid;gap:4px;place-items:center;width:126px;height:126px;border-radius:32px;z-index:3;touch-action:none;border:1px solid rgba(255,255,255,.18);color:#f7fafff0;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.15),transparent 42%),linear-gradient(180deg,#ff7057d6,#681411e0);box-shadow:inset 0 1px #ffffff2e,0 22px 42px #5f100b57}.boost-button strong,.boost-button span{display:block}.boost-button strong{font-size:1.02rem;letter-spacing:.18em}.boost-button span{font-size:.76rem;letter-spacing:.04em;opacity:.82}.boost-button-active{transform:translateY(1px) scale(.985);box-shadow:inset 0 1px #ffffff29,0 28px 56px #ff5a3f52;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.2),transparent 42%),linear-gradient(180deg,#ff8662eb,#8b1a16f0)}.boost-button-disabled{opacity:.45;pointer-events:none}.virtual-joystick{--joystick-size: 152px;--joystick-knob-size: 62px;--joystick-travel: 34px;position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:var(--joystick-size);height:var(--joystick-size);border-radius:50%;z-index:3;overflow:hidden;touch-action:none;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.12),transparent 38%),radial-gradient(circle at 50% 50%,#ffffff0a,#070e1629);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff14,0 18px 44px #0000003d;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.virtual-joystick-active{border-color:var(--surface-border-strong);box-shadow:inset 0 1px #ffffff1c,0 22px 56px #00000047}.virtual-joystick-disabled{opacity:.45;pointer-events:none}.virtual-joystick-guide,.virtual-joystick-core,.virtual-joystick-knob{position:absolute;border-radius:50%}.virtual-joystick-guide{top:15%;right:15%;bottom:15%;left:15%;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04),transparent 62%)}.virtual-joystick-core{width:24px;height:24px;background:#ffffff24;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 18px #ffffff14}.virtual-joystick-knob{width:var(--joystick-knob-size);height:var(--joystick-knob-size);border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff29,#ffffff0d),linear-gradient(180deg,#060e18a8,#0f1a266b);box-shadow:inset 0 1px #ffffff29,0 14px 28px #00000038;transform:translate(calc(var(--joystick-offset-x, 0) * var(--joystick-travel)),calc(var(--joystick-offset-y, 0) * var(--joystick-travel)))}.side-panel{display:grid;grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;height:100%;align-self:stretch}.command-panel,.status-panel,.leaderboard-panel{display:grid;align-content:start;gap:10px;padding:clamp(12px,.9vw,16px);background:linear-gradient(180deg,#ffffff09,#ffffff03),linear-gradient(180deg,var(--surface-base),var(--surface-soft))}.leaderboard-panel{grid-template-rows:auto minmax(0,1fr) auto}.compact-panel{gap:10px}.panel-header,.settings-modal-header,.setup-header-row{display:flex;justify-content:space-between;align-items:start;gap:12px}.compact-header{margin-bottom:2px}.session-panel .panel-header,.leaderboard-panel .panel-header{justify-content:center}.session-panel .panel-header>div,.leaderboard-panel .panel-header>div{text-align:center}.leaderboard-panel .panel-header{flex-wrap:wrap}.leaderboard-panel .leaderboard-extra{margin-inline:auto}.panel-header h2,.settings-modal-header h2{font-size:1.2rem}.pilot-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px}.pilot-color,.player-preview-badge{width:16px;min-width:16px;height:52px;border-radius:999px;box-shadow:0 0 26px #ffffff24}.pilot-card strong,.session-meta strong,.overview-card strong,.stat-card strong,.player-preview strong,.leaderboard-player strong,.leaderboard-score strong,.theme-card-copy strong{display:block}.pilot-card p,.leaderboard-player p,.player-preview p{margin:6px 0 0}.overview-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.telemetry-grid{align-content:start}.overview-card,.stat-card{padding:11px 12px;border-radius:16px}.overview-card strong,.stat-card strong{margin-top:6px;font-size:1rem;letter-spacing:-.03em}.session-meta{display:grid;gap:8px;padding:12px;border-radius:20px}.session-meta strong{margin-top:4px;font-size:.88rem;overflow-wrap:anywhere}.compact-session-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-session-meta>:last-child{grid-column:1 / -1}.action-row{display:flex;gap:10px;flex-wrap:wrap}.action-row .ghost-button{width:100%}.spectator-action-row{margin-top:auto}.spectator-close-button{color:var(--danger);border-color:#ff8f764d;background:linear-gradient(180deg,#ff8f7624,#ff8f760d);box-shadow:inset 0 1px #ffffff0f}.spectator-close-button:hover{border-color:#ff8f767a;background:linear-gradient(180deg,#ff8f7633,#ff8f7614)}.primary-button,.secondary-button,.ghost-button,.theme-card,.color-option,.virtual-joystick,.virtual-joystick-knob{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.primary-button,.secondary-button,.ghost-button{min-height:46px;padding:0 18px;border-radius:16px;border:1px solid transparent}.primary-button{background:linear-gradient(135deg,var(--button-start),var(--button-end));color:var(--button-text);box-shadow:0 16px 34px var(--button-glow)}.secondary-button{background:#ffffff14;color:var(--text-main);border-color:#ffffff24}.ghost-button{background:transparent;color:var(--text-soft);border-color:#ffffff1f}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.theme-card:hover,.color-option:hover{transform:translateY(-1px)}.settings-trigger{min-width:7.5rem}.error-copy{margin:0;color:var(--danger);line-height:1.45}.hint-list{display:grid;gap:6px}.hint-list p,.empty-copy{margin:0;line-height:1.45}.leaderboard-list{display:grid;align-content:start;gap:6px;min-height:0}.all-time-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:auto}.all-time-trigger-icon{width:18px;height:18px;color:var(--accent-strong)}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border-radius:16px}.leaderboard-row-local{border-color:#ffffff42;box-shadow:inset 0 0 0 1px #ffffff0d}.leaderboard-player{display:flex;align-items:center;gap:12px;min-width:0}.leaderboard-swatch{width:11px;min-width:11px;height:34px;border-radius:999px;box-shadow:0 0 22px #ffffff1f}.leaderboard-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player p{font-size:.82rem}.leaderboard-score{text-align:right}.field{display:grid;gap:9px}.field span{font-size:.88rem}.field input{width:100%;min-height:48px;padding:0 16px;border-radius:16px;color:var(--text-main);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input::placeholder{color:var(--text-faint)}.field input:focus{border-color:var(--field-focus);box-shadow:0 0 0 4px var(--field-focus-ring)}.setup-modal-backdrop,.settings-modal-backdrop,.all-time-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(14px,2vw,24px);background:linear-gradient(180deg,rgba(255,255,255,.02),var(--modal-backdrop));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.setup-modal-backdrop{z-index:40}.setup-modal-backdrop-fade-in{animation:setup-backdrop-fade-in 2s ease forwards}.settings-modal-backdrop{z-index:60}.all-time-modal-backdrop{z-index:55}.setup-modal,.settings-modal,.all-time-modal{width:min(920px,100%);max-height:calc(100dvh - 32px);padding:clamp(18px,1.7vw,26px);box-shadow:var(--shadow-strong);overflow:auto}.setup-modal-fade-in{animation:setup-modal-fade-in 2s cubic-bezier(.2,.84,.24,1) forwards}.setup-header{display:grid;gap:12px;margin-bottom:18px}.setup-header h2{font-size:clamp(1.75rem,2.8vw,2.85rem)}.setup-caption{max-width:60ch;margin:0;line-height:1.55}.setup-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:16px}.setup-form,.setup-color-panel{display:grid;gap:14px;padding:18px;border-radius:24px}.player-preview{display:flex;align-items:center;gap:14px;padding:13px;border-radius:18px}.color-grid-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.color-grid-header span{color:var(--text-soft)}.color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.color-option{aspect-ratio:1;border-radius:18px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3;overflow:hidden}.color-option-selected{transform:translateY(-1px) scale(1.04);border-color:#ffffffd9;box-shadow:0 0 0 3px #ffffff1f,0 14px 30px #0000003d}.modal-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:18px}.modal-actions>*{flex:1 1 0}.modal-error-copy{margin-top:12px}.settings-modal{width:min(860px,100%)}.all-time-modal{width:min(760px,100%);display:grid;gap:18px;background:radial-gradient(circle at top left,rgba(255,255,255,.07),transparent 28%),linear-gradient(180deg,#ffffff0b,#ffffff04),linear-gradient(180deg,var(--surface-base),var(--surface-soft))}.all-time-modal-header{display:flex;justify-content:space-between;align-items:start;gap:12px}.all-time-modal-header h2{margin:0;font-size:clamp(1.5rem,2vw,2.3rem)}.all-time-list{display:grid;gap:10px}.all-time-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),var(--surface-soft);border:1px solid rgba(255,255,255,.12)}.all-time-rank{display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:54px;padding:0 10px;border-radius:18px;background:#ffffff0f;color:var(--accent-strong);font-weight:700;letter-spacing:.04em}.all-time-player{display:grid;gap:5px;min-width:0}.all-time-player strong{display:block;font-size:1.02rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-time-player span{color:var(--text-soft);font-size:.86rem}.all-time-score{min-width:5.5rem;text-align:right;font-size:1.5rem;font-weight:800;letter-spacing:-.04em;color:var(--accent-strong)}.all-time-state{display:grid;gap:14px}.all-time-state-copy{margin:0;padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.settings-stack{display:grid;gap:18px}.settings-form{display:grid;gap:12px;padding:18px;border-radius:22px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-card{display:grid;gap:12px;padding:13px;border-radius:22px;text-align:left;background:linear-gradient(180deg,#ffffff14,#ffffff05),var(--surface-soft)}.theme-card-selected{border-color:var(--surface-border-strong);box-shadow:0 0 0 1px #ffffff14,0 20px 40px #0000002e}.theme-card-preview{display:block;min-height:8.2rem;border-radius:18px;overflow:hidden}.theme-card-copy{display:grid;gap:6px}.theme-card-copy strong{font-size:1.02rem;letter-spacing:-.02em}.theme-card-copy span{color:var(--accent-strong);font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}.theme-card-copy p{margin:0;color:var(--text-soft);line-height:1.48;font-style:italic}@keyframes setup-backdrop-fade-in{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}@keyframes setup-modal-fade-in{0%{opacity:0;transform:translateY(28px) scale(.985);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(max-width:1360px){.arena-stage-header{grid-template-columns:1fr}.arena-stage-header h1{max-width:none}.stage-credit{justify-items:start;text-align:left}.arena-stage-metrics{justify-content:flex-start}}@media(max-width:1180px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh}.arena-stage{width:min(1500px,calc(100vw - 28px))}.playfield-shell{grid-template-columns:minmax(220px,.65fr) minmax(0,1.3fr);grid-template-rows:minmax(56dvh,66dvh) auto}.leaderboard-panel{grid-column:1 / -1}}@media(max-width:960px){.setup-layout,.theme-grid,.playfield-shell,.side-panel{grid-template-columns:1fr}.overview-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-header-row,.settings-modal-header,.all-time-modal-header{flex-direction:column;align-items:stretch}}@media(max-width:760px){.arena-stage{width:calc(100vw - 24px)}.playfield-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(50dvh,58dvh) auto}.arena-stage-footer{flex-direction:column}.arena-stage-metrics{width:100%}.metric-pill{flex:1 1 calc(50% - 10px);min-width:0}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.modal-actions .primary-button,.modal-actions .secondary-button{width:100%}.all-time-row{grid-template-columns:auto 1fr}.all-time-score{grid-column:2;text-align:left;min-width:0}.virtual-joystick{--joystick-size: 132px;--joystick-knob-size: 56px;--joystick-travel: 29px;right:14px;bottom:14px}.boost-button{width:118px;height:118px;left:14px;bottom:14px}}@media(max-width:560px){.app-shell{padding:12px}.overview-grid,.stats-grid{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pilot-color,.player-preview-badge{height:44px}.virtual-joystick{--joystick-size: 118px;--joystick-knob-size: 50px;--joystick-travel: 24px;right:12px;bottom:12px}.boost-button{width:108px;height:108px;left:12px;bottom:12px;border-radius:28px}.boost-button strong{font-size:.94rem}.boost-button span{font-size:.72rem}}