:root{--bg:#05060f;--panel:#1218308c;--border:#78a0ff38;--text:#e8ecff;--dim:#8b96c4;--accent:#22d3ee;--accent-2:#a855f7;--glow:0 0 24px #22d3ee59;--font:"Rajdhani", "Eurostile", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#frame:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(34% 46% at 50% 52%,#583cc866,#0000 72%),radial-gradient(46% 34% at 50% 104%,#1896be57,#0000 72%),radial-gradient(60% 46% at 12% 22%,#96288233,#0000 70%),radial-gradient(56% 44% at 92% 78%,#1e5ac833,#0000 70%),linear-gradient(#070a1c 0%,#05060f 55%,#0a0718 100%);position:absolute;inset:0}#crt{z-index:6;pointer-events:none;animation:4.5s ease-in-out infinite crt-flicker;position:absolute;inset:0}body.no-crt #crt{display:none}#crt:before{content:"";background:repeating-linear-gradient(#0000 0 1.5px,#00000057 2px 3px);position:absolute;inset:0}#crt:after{content:"";background:repeating-linear-gradient(90deg,#0003 0 1px,#0000 1px 3px),radial-gradient(78% 78%,#0000 55%,#02030ab8 100%);position:absolute;inset:0}@keyframes crt-flicker{0%,to{opacity:.97}47%{opacity:1}48%{opacity:.9}49%{opacity:1}}#frame{z-index:1;border-radius:clamp(6px,1.2vmin,16px);width:min(100vw,133.333vh);height:min(100vh,75vw);margin:auto;position:fixed;inset:0;overflow:hidden;box-shadow:0 0 0 2px #78a0ff1a,0 0 60px #5078ff24,0 0 140px #0a0e28e6;container-type:size}#scene{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:33.5%;display:flex;position:absolute;inset:0}.hud-col{flex-direction:column;gap:2.2%;width:19%;min-width:104px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;gap:2px;padding:2.2% 6%;display:flex}.hud-right .panel{text-align:right;align-items:flex-end}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:clamp(8px,1.3cqh,12px);font-weight:600}.value{font-variant-numeric:tabular-nums;text-shadow:var(--glow);font-size:clamp(15px,3.4cqh,34px);font-weight:700;line-height:1.15}.value.dim{color:var(--dim);text-shadow:none;font-size:clamp(13px,2.5cqh,24px)}#next-canvas{width:100%;height:clamp(38px,8cqh,84px);display:block}#toast{z-index:3;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;color:var(--accent);text-shadow:0 0 30px;font-size:clamp(22px,6cqh,54px);font-weight:800;position:absolute;top:22%;left:50%;transform:translate(-50%)}#toast.show{animation:1s ease-out forwards pop}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.7)}18%{opacity:1;transform:translate(-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)translateY(-24px)}}#overlay{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040612b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay.hidden{display:none}.screen{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(560px,88cqw);max-height:92cqh;padding:8px;display:flex;overflow-y:auto}.logo{letter-spacing:.02em;background:linear-gradient(100deg, var(--accent) 0%, var(--accent-2) 55%, #f43f5e 100%);color:#0000;filter:drop-shadow(0 0 28px #785aff8c);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,11cqh,84px);font-weight:800;line-height:1}.logo em{vertical-align:super;-webkit-text-fill-color:#f43f5e;color:#f43f5e;opacity:.9;background:0 0;font-size:.46em;font-style:normal}h2{letter-spacing:.04em;text-shadow:var(--glow);font-size:clamp(22px,5.5cqh,44px);font-weight:700}.tagline{color:var(--dim);max-width:40ch;font-size:15px}.menu{flex-direction:column;gap:12px;width:min(340px,100%);display:flex}.btn{color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;gap:3px;padding:14px 22px;font-family:inherit;transition:transform .12s,border-color .2s,background .2s;display:flex}.btn strong{letter-spacing:.03em;font-size:19px;font-weight:700}.btn small{color:var(--dim);font-size:12px}.btn:hover{background:#1e2a54b3;border-color:#78c8ff8c;transform:translateY(-2px)}.btn.primary{border-color:#22d3ee66}.btn.primary:hover{box-shadow:0 0 28px #22d3ee38}.controls-hint{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px;display:flex}.controls-hint div{align-items:center;gap:5px;display:flex}kbd{border:1px solid var(--border);color:var(--text);background:#ffffff12;border-radius:6px;padding:2px 7px;font-family:inherit;font-size:12px}.toggles{gap:10px;display:flex}.toggle{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:12px;transition:color .2s,border-color .2s}.toggle.on{color:var(--accent);border-color:#22d3ee73}.tabs{gap:8px;display:flex}.tab{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:8px 22px;font-family:inherit;font-size:14px}.tab.active{color:#05060f;background:var(--accent);border-color:var(--accent);font-weight:700}.score-list{flex-direction:column;gap:6px;width:100%;list-style:none;display:flex}.score-list li{background:var(--panel);border:1px solid var(--border);text-align:left;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:baseline;gap:12px;padding:10px 16px;display:grid}.score-list .rank{color:var(--dim);font-variant-numeric:tabular-nums;font-weight:700}.score-list .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-list .score{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.score-list li:first-child .score{color:#facc15}.score-list .empty{color:var(--dim);text-align:center;justify-content:center;display:block}.result-stats{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.result-stats div{flex-direction:column;gap:4px;display:flex}.result-stats .label{text-align:center}.result-stats .value{font-size:30px}.new-record{color:#facc15;text-shadow:0 0 20px #facc1566;margin-bottom:10px;font-weight:700}#result-entry{flex-direction:column;align-items:center;gap:10px;width:min(320px,100%);display:flex}#name-input{text-align:center;color:var(--text);border:1px solid var(--border);background:#0a0e20cc;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:18px}#name-input:focus{border-color:var(--accent);box-shadow:var(--glow)}@media (width<=720px){.hud-col{gap:6px;min-width:84px}#hud{gap:20%}}