:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;background:#05030a;width:100%;height:100%;overflow:hidden}#app,#app canvas{width:100vw;height:100vh;display:block}canvas{outline:none}.hud{pointer-events:none;color:#cfe3ff;z-index:10;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;position:fixed;inset:0}.hud-stats{text-shadow:0 0 12px #5096ffb3;flex-direction:column;gap:4px;display:flex;position:absolute;top:18px;left:20px}.hud-stat{align-items:baseline;gap:10px;display:flex}.hud-stat-label{letter-spacing:.22em;opacity:.6;font-size:12px}.hud-stat-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.hud-flash{z-index:12;pointer-events:none;opacity:0;mix-blend-mode:screen;position:fixed;inset:0}.hud-meters{flex-direction:column;gap:9px;width:152px;display:flex;position:absolute;bottom:22px;left:20px}.hud-meter-label{letter-spacing:.2em;opacity:.5;margin-bottom:3px;font-size:9px}.hud-meter{background:#788cc829;border-radius:4px;height:7px;overflow:hidden}.hud-meter-fill{border-radius:4px;width:0%;height:100%;transition:width 80ms linear}.touch-controls{z-index:15;pointer-events:none;flex-direction:column-reverse;gap:14px;display:none;position:fixed;bottom:28px;right:24px}@media (pointer:coarse){.touch-controls{display:flex}}.touch-btn{color:#bfe6ff;letter-spacing:.12em;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;touch-action:none;background:#141e376b;border:1px solid #78c8ff66;border-radius:50%;width:86px;height:86px;font-family:inherit;font-size:12px}.touch-btn:active{background:#3c78c899}.menus{z-index:20;pointer-events:none;color:#d8e6ff;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;position:fixed;inset:0}.screen{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .35s;display:flex;position:absolute;inset:0}.screen.shown{opacity:1;pointer-events:auto}.screen:before{content:"";pointer-events:none;background:radial-gradient(72% 60%,#05030ce0 0%,#05030ca8 40%,#05030c00 78%);position:absolute;inset:0}.screen>*{z-index:1;text-shadow:0 2px 14px #000000d9;position:relative}.brand{letter-spacing:.42em;background:linear-gradient(100deg,#8a7bff 0%,#ff7bd5 38%,#67e8ff 72%,#ffd56b 100%);color:#0000;filter:drop-shadow(0 0 32px #8c6eff8c);-webkit-background-clip:text;background-clip:text;margin-right:-.42em;font-size:clamp(48px,11vw,128px);font-weight:800}.tagline{letter-spacing:.34em;text-transform:uppercase;opacity:.62;font-size:clamp(12px,2.2vw,16px)}.cta{letter-spacing:.2em;opacity:.8;margin-top:8px;font-size:clamp(12px,2vw,15px);animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.9}}.best{letter-spacing:.12em;opacity:.85;font-size:clamp(13px,2.4vw,17px)}.hint{letter-spacing:.16em;opacity:.45;margin-top:12px;font-size:clamp(10px,1.6vw,13px)}.best b{color:#9fd2ff}.dim{opacity:.5}.over-title{letter-spacing:.32em;color:#ff5c7a;text-shadow:0 0 28px #ff466499;margin-right:-.32em;font-size:clamp(36px,8vw,84px);font-weight:800}.over-stats{flex-direction:column;gap:6px;min-width:280px;display:flex}.over-stats .row{letter-spacing:.08em;justify-content:space-between;align-items:baseline;font-size:18px;display:flex}.over-stats .label{opacity:.55;text-transform:uppercase;letter-spacing:.18em;font-size:12px}.over-stats .value{font-variant-numeric:tabular-nums;font-weight:600}.over-stats .row.small{margin-top:6px;font-size:13px}.badge{letter-spacing:.16em;color:#1a0f2e;background:linear-gradient(90deg,#ffd56b,#ff7bd5);border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700}.gear{z-index:21;pointer-events:auto;color:#cfe0ff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1410288c;border:none;border-radius:50%;width:38px;height:38px;font-size:19px;transition:background .2s;position:fixed;top:16px;right:18px}.gear:hover{background:#282048cc}.panel{z-index:21;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100c1ed1;border:1px solid #8c78ff2e;border-radius:12px;flex-direction:column;gap:10px;width:248px;padding:16px;display:none;position:fixed;top:62px;right:18px}.panel.open{display:flex}.panel-title{letter-spacing:.24em;opacity:.6;font-size:12px}.panel-label{letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin-top:4px;font-size:11px}.seg{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.seg-btn{color:#c8d6ff;letter-spacing:.04em;cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #9682ff33;border-radius:6px;padding:7px 0;font-size:11px;transition:all .15s}.seg-btn.on{color:#fff;background:linear-gradient(120deg,#6a5bff,#b06bff);border-color:#0000}.toggle{letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:13px;display:flex}.switch{cursor:pointer;background:#5a508280;border:none;border-radius:11px;width:42px;height:22px;transition:background .2s;position:relative}.switch:after{content:"";background:#e6ecff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.on{background:linear-gradient(90deg,#6a5bff,#b06bff)}.switch.on:after{transform:translate(20px)}
