:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f8ff;background:#070a10;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:none}button,input{font:inherit}canvas{display:block}.topbar{position:fixed;inset:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;pointer-events:none}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:850;letter-spacing:.16em}.brand i{width:13px;height:13px;border:3px solid #47caff;border-radius:50%;box-shadow:0 0 16px #47caff}.brand span{color:#47caff}.topbar-status{display:flex;align-items:center;gap:13px}.network-status{padding:4px 7px;border:1px solid rgb(120 141 169 / 24%);border-radius:999px;color:#718096;background:#05090f94;font-size:9px;font-weight:900;letter-spacing:.12em}.network-status.online{border-color:#52ceff61;color:#52ceff}.network-status.connecting{color:#ffd36a;animation:status-pulse 1.2s ease-in-out infinite}.ping-badge{padding:4px 7px;border:1px solid rgb(120 141 169 / 24%);border-radius:999px;color:#718096;background:#05090f94;font-size:9px;font-weight:900;letter-spacing:.12em;font-variant-numeric:tabular-nums}.ping-badge.good{border-color:#52e6a061;color:#52e6a0}.ping-badge.ok{border-color:#ffd36a61;color:#ffd36a}.ping-badge.bad{border-color:#ff60606b;color:#ff6060}.mass-readout{color:#778497;font-size:12px;font-weight:800;letter-spacing:.2em}.mass-readout strong{margin-left:7px;color:#fff;font-size:18px;font-variant-numeric:tabular-nums}.mass-readout span{margin:0 8px;color:#39475a}.leaderboard{position:fixed;top:72px;right:28px;z-index:3;width:230px;padding:17px 18px;border:1px solid rgb(116 154 203 / 16%);border-radius:8px;background:#05080e94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.leaderboard-heading p{margin:0;color:#748197;font-size:11px;font-weight:850;letter-spacing:.2em}.leaderboard-heading span{padding:3px 5px;border:1px solid rgb(116 154 203 / 20%);border-radius:999px;color:#758398;background:#090f18a6;font-size:9px;font-weight:900;letter-spacing:.09em;white-space:nowrap}.leaderboard-heading span.online{border-color:#52ceff52;color:#52ceff}.leaderboard-heading span.fallback{color:#f0bb68}.leaderboard-heading span.loading{animation:status-pulse 1.2s ease-in-out infinite}@keyframes status-pulse{50%{opacity:.45}}.leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 0;padding:3px;border-radius:5px;background:#03070c8c}.leaderboard-tabs button{padding:5px 3px;border:0;border-radius:3px;color:#526074;background:transparent;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.12em}.leaderboard-tabs button:hover{color:#aeb9c9}.leaderboard-tabs button.active{color:#c7f2ff;background:#40afdd2b}.leaderboard ol{display:grid;gap:7px;margin:0;padding:0;list-style:none;counter-reset:rank}.leaderboard li{display:grid;grid-template-columns:17px 1fr auto;gap:5px;color:#9ca7b8;font-size:13px;counter-increment:rank}.leaderboard li:before{content:counter(rank);color:#526074}.leaderboard li strong{color:#69778b;font-size:12px;font-variant-numeric:tabular-nums}.leaderboard li.you,.leaderboard li.you strong{color:#52ceff;font-weight:800}.leaderboard-empty{margin:13px 0 3px;color:#4f5c6f;font-size:10px;font-weight:850;letter-spacing:.13em;text-align:center}.power-hud{--power-color: #ff4057;--power-rgb: 255 64 87;position:fixed;top:72px;left:28px;z-index:3;width:270px;padding:17px 18px;border:1px solid rgb(var(--power-rgb) / 24%);border-radius:8px;background:#05080ea8;box-shadow:0 12px 35px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;transition:border-color .18s ease,box-shadow .18s ease}.power-hud[data-power=blue]{--power-color: #3e9cff;--power-rgb: 62 156 255}.power-hud[data-power=purple]{--power-color: #ae62ff;--power-rgb: 174 98 255}.power-hud[data-power=yellow]{--power-color: #ffd84a;--power-rgb: 255 216 74}.power-hud[data-power=green]{--power-color: #52e68d;--power-rgb: 82 230 141}.power-hud.ready{border-color:rgb(var(--power-rgb) / 70%);box-shadow:0 0 28px rgb(var(--power-rgb) / 18%)}.power-heading{display:flex;align-items:center;justify-content:space-between}.power-heading p{margin:0;color:#748197;font-size:11px;font-weight:850;letter-spacing:.2em}.power-heading span{color:var(--power-color);font-size:9px;font-weight:900;letter-spacing:.1em}.power-readout{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:7px;margin-top:11px}.power-readout i{width:11px;height:11px;border-radius:50%;background:var(--power-color);box-shadow:0 0 12px var(--power-color)}.power-readout strong{color:#e9f0fa;font-size:14px;letter-spacing:.09em}.power-readout span{color:var(--power-color);font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.power-track{height:3px;margin-top:9px;overflow:hidden;border-radius:99px;background:#1c2532}.power-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--power-color);box-shadow:0 0 9px var(--power-color);transition:width .18s ease}.power-description{min-height:26px;margin:10px 0 7px;color:#68768a;font-size:11px;line-height:1.5}.power-controls{display:flex;gap:12px;color:#647185;font-size:10px;font-weight:800;letter-spacing:.09em}.power-controls kbd{padding:3px 5px}.status-timers{position:fixed;bottom:58px;left:50%;z-index:3;display:grid;width:min(270px,calc(100vw - 36px));gap:6px;pointer-events:none;transform:translate(-50%)}.status-timer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border:1px solid rgb(82 206 255 / 28%);border-radius:7px;background:#05080eb8;box-shadow:0 10px 28px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-timer[hidden]{display:none}.status-timer span{color:#7d8ca1;font-size:10px;font-weight:900;letter-spacing:.14em}.status-timer strong{color:#70d9ff;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.05em;text-align:right}.status-timer.ability{border-color:#ae62ff4d}.status-timer.ability strong{color:#c79cff}.minimap-panel{position:fixed;right:28px;bottom:55px;z-index:3;width:180px;pointer-events:none}.minimap-panel p{margin:0 0 7px;color:#748197;font-size:11px;font-weight:850;letter-spacing:.2em;text-align:right}.minimap-panel canvas{width:180px;height:180px;border:1px solid rgb(116 188 226 / 25%);border-radius:8px;background:#05080eb8;box-shadow:0 12px 35px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scoreline{position:fixed;right:28px;bottom:24px;z-index:3;color:#657286;pointer-events:none;font-size:11px;font-weight:850;letter-spacing:.2em}.scoreline strong{margin-left:7px;color:#fff;font-size:16px}.help{position:fixed;bottom:23px;left:28px;z-index:3;display:flex;gap:20px;pointer-events:none}.help span{color:#667387;font-size:11px;font-weight:800;letter-spacing:.13em}kbd{margin-right:5px;padding:5px 7px;border:1px solid #48566a;border-radius:4px;color:#cbd4e1;background:#06090fa3;font:700 11px ui-monospace,monospace}.mobile-actions,body.powers-disabled .power-hud,body.powers-disabled .power-help,body.powers-disabled .power-mobile{display:none}.menu{position:fixed;inset:0;z-index:10;display:grid;place-items:center;visibility:hidden;opacity:0;background:#03060b94;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .25s ease,visibility .25s}.menu.open{visibility:visible;opacity:1}.menu-glow{position:absolute;width:min(680px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(45 173 238 / 15%),transparent 66%);pointer-events:none}.panel{position:relative;width:min(500px,calc(100vw - 36px));padding:35px;border:1px solid rgb(111 181 224 / 20%);border-radius:14px;background:linear-gradient(145deg,#0e1520f0,#060a11f0);box-shadow:0 30px 90px #00000085}.eyebrow{margin:0 0 14px;color:#48caff;font-size:12px;font-weight:850;letter-spacing:.24em}.panel h1{margin:0;font-size:clamp(50px,10vw,72px);line-height:.78;letter-spacing:-.08em}.menu-copy{max-width:30ch;margin:22px 0 25px;color:#8995a8;font-size:15px;line-height:1.6}.final-score{margin:-11px 0 22px;color:#52ceff;font-size:13px;font-weight:850;letter-spacing:.15em}.score-save-status{margin:-13px 0 20px;color:#7e8da2;font-size:10px;font-weight:850;letter-spacing:.11em}.connection-status{margin:-12px 0 20px;color:#5fcaee;font-size:10px;font-weight:850;line-height:1.45;letter-spacing:.1em}.panel label{display:block;margin-bottom:7px;color:#657388;font-size:11px;font-weight:850;letter-spacing:.2em}.panel input{width:100%;padding:13px 14px;border:1px solid #29384b;border-radius:6px;outline:none;color:#fff;background:#090e17;font-size:15px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.panel input:focus{border-color:#43bce9;box-shadow:0 0 0 3px #43bce91a}.mode-picker{margin:15px 0 0;padding:0;border:0}.mode-picker legend{margin-bottom:7px;color:#657388;font-size:11px;font-weight:850;letter-spacing:.2em}.mode-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode-group{display:grid;gap:7px;padding:9px;border:1px solid rgb(72 202 255 / 16%);border-radius:9px;background:#0409106b}.mode-group-heading{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 3px}.mode-group-heading strong{color:#dff7ff;font-size:11px;letter-spacing:.16em}.mode-picker .mode-group-heading small{margin:0;color:#48caff;font-size:9px;letter-spacing:.12em}.online-modes{border-color:#68768c26;opacity:.68}.online-modes .mode-group-heading strong{color:#8995a8}.online-modes .mode-group-heading small{color:#657388}.mode-choice{margin:0}label.mode-choice{cursor:pointer}.mode-choice input{position:absolute;width:1px;height:1px;opacity:0}.mode-choice>span{display:grid;gap:4px;padding:11px 10px;border:1px solid #29384b;border-radius:6px;color:#8995a8;background:#090e17;font-size:11px;font-weight:850;letter-spacing:.1em;transition:border-color .15s ease,color .15s ease,background .15s ease}.mode-choice>span strong{font-size:11px}.mode-choice>span small{margin:0;color:#4f5d70;font-size:10px;text-align:left}.mode-choice input:checked+span{border-color:#48caff;color:#dff7ff;background:#2173972e;box-shadow:inset 3px 0 #48caff}.mode-choice input:checked+span small{color:#48caff}.mode-choice.unavailable>span{border-style:dashed;color:#657388;background:#090e177f;cursor:not-allowed}.mode-choice.unavailable>span small{color:#596678}.mode-note{margin:8px 1px 0;color:#596678;font-size:11px;line-height:1.4}#play-button{display:flex;justify-content:space-between;width:100%;margin-top:10px;padding:14px;border:0;border-radius:6px;color:#031018;background:#48caff;cursor:pointer;font-size:13px;font-weight:900;letter-spacing:.15em;transition:background .15s ease,transform .15s ease}#play-button:hover{background:#7cddff;transform:translateY(-1px)}#play-button:disabled{cursor:wait;opacity:.55;transform:none}.panel small{display:block;margin-top:14px;color:#4e5a6c;font-size:12px;text-align:center}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 150px #00000073}@media(max-width:720px),(pointer:coarse){.topbar{padding:17px}.topbar-status{gap:7px}.network-status{display:none}.leaderboard{top:57px;right:15px;width:160px;padding:12px}.leaderboard li{font-size:12px}.power-hud{top:57px;left:15px;width:170px;padding:12px}.power-heading p{font-size:10px}.power-heading span{font-size:8px}.power-readout{grid-template-columns:8px 1fr auto;gap:5px;margin-top:8px}.power-readout i{width:7px;height:7px}.power-readout strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.power-description,.power-controls{display:none}.minimap-panel{right:15px;bottom:48px;width:112px}.minimap-panel canvas{width:112px;height:112px}.help{display:none}.scoreline{right:17px;bottom:18px}.status-timers{right:auto;bottom:150px;left:15px;width:170px;transform:none}.status-timer{padding:7px 9px}.status-timer span{font-size:9px}.status-timer strong{font-size:11px}.mobile-actions{position:fixed;bottom:18px;left:17px;z-index:4;display:grid;grid-template-columns:62px 72px;grid-template-areas:"power use" "feed split";align-items:end;gap:8px}body.powers-disabled .mobile-actions{grid-template-areas:"feed split"}#feed-button{grid-area:feed}#split-button{grid-area:split}#power-cycle-button{grid-area:power}#power-use-button{grid-area:use}.mobile-actions button{width:62px;height:62px;border:1px solid rgb(110 211 255 / 40%);border-radius:50%;color:#bceeff;background:#0a1b27b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:900;letter-spacing:.08em}.mobile-actions #split-button{width:72px;height:72px;background:#196a8bb8}.mobile-actions .power-mobile{width:100%;height:42px;border-radius:21px;color:#a9b7c9;background:#0c141fc7}.mobile-actions .power-mobile.use{width:100%;height:46px;color:#596678;background:#0c141fc7}.mobile-actions .power-mobile.use.ready{border-color:var(--power-button-color);color:var(--power-button-color);background:#775b0fc7;box-shadow:0 0 20px color-mix(in srgb,var(--power-button-color) 28%,transparent)}.panel{padding:23px}}