:root{--cyan:#4de3ff;--magenta:#ff4dd8;--violet:#a78bfa;--green:#5dffa0;--amber:#ffc24d;--red:#ff5b8d;--ink:#04060d;--text:#cfe9ff;--dim:#64809c;--panel-bg:#080d1ae0;--panel-border:#4de3ff47;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Menlo,monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overflow:hidden;background:var(--ink);overscroll-behavior:none;height:100%}body{font-family:var(--font);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:fixed;touch-action:none;inset:0}#app:after{content:"";position:absolute;z-index:99;pointer-events:none;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);inset:0}#game{position:absolute;touch-action:none;inset:0}.hidden{display:none!important}#hud{position:absolute;pointer-events:none;z-index:10;inset:0}.hud-top{position:absolute;top:calc(var(--sat) + 8px);left:calc(var(--sal) + 12px);right:calc(var(--sar) + 12px);display:flex;justify-content:space-between;align-items: flex-start;gap:12px}.hud-score{display:flex;flex-direction:column;line-height:1.25}.hud-score .score{color:#fff;text-shadow:2px 2px #123,0 0 8px #4de3ff80;letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.hud-score .mult{color:var(--cyan);letter-spacing:.12em;font-size:12px}.hud-wave{letter-spacing:.22em;color:var(--dim);padding-top:4px;font-size:13px}.hud-bottom{position:absolute;bottom:calc(var(--sab) + 10px);left:calc(var(--sal) + 14px);right:calc(var(--sar) + 14px);display:flex;pointer-events:none;justify-content:space-between;align-items: flex-end}.hud-status{position:absolute;bottom:calc(var(--sab) + 10px);display:flex;flex-direction:column;align-items: center;gap:6px;left:50%;transform:translate(-50%)}.pips{display:flex;gap:7px}.pip{border:2px solid #5dffa0e6;width:11px;height:11px;transition:background .15s}.pip.on{background:var(--green);box-shadow:inset 2px 2px #b8ffd6}.lives{letter-spacing:.3em;color:var(--cyan);font-size:11px}.meter{overflow:hidden;border:1px solid #a78bfa80;border-radius:3px;width:110px;height:5px}.meter-fill{background:linear-gradient(90deg,var(--violet),var(--magenta));width:0%;height:100%;transition:width .2s}.meter.full{box-shadow:0 0 10px #ff4dd8cc}.tbtn{pointer-events:auto;color:var(--cyan);font-family:var(--font);letter-spacing:.14em;display:grid;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#4de3ff12;border:2px solid #4de3ff73;border-radius:50%;place-items: center;width:72px;height:72px;transition:transform 60ms,background 60ms;font-size:12px;font-weight:700}.tbtn:active,.tbtn.held{background:#4de3ff38;transform:scale(.92)}.tbtn.flux-btn{color:var(--magenta);visibility:hidden;background:#ff4dd812;border-color:#ff4dd88c}.tbtn.flux-btn.ready{visibility:visible;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 6px #ff4dd866}50%{box-shadow:0 0 22px #ff4dd8f2}}.pause-btn{pointer-events:auto;color:var(--text);font-family:var(--font);display:grid;background:#080d1a99;border:1.5px solid #64809c99;border-radius:10px;place-items: center;width:40px;height:40px;font-size:14px}.pause-btn:active{background:#4de3ff26}.banner{position:absolute;text-align:center;letter-spacing:.35em;color:#fff;text-shadow:3px 3px #17475e,0 0 14px #4de3ff66;opacity:0;pointer-events:none;font-size:30px;font-weight:700;top:26%;left:0;right:0}.banner.warn{color:#ffd9e8;text-shadow:3px 3px #6e1430,0 0 14px #ff5b8d80}.banner.show{animation:banner-in 2s ease-out forwards}@keyframes banner-in{0%{opacity:0;transform:scale(1.35)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}.overlay{position:absolute;z-index:20;display:grid;padding:calc(var(--sat) + 16px)16px calc(var(--sab) + 16px);place-items: center;inset:0}.overlay.dim{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#02040a8c}.panel{display:flex;background:var(--panel-bg);border:2px solid var(--panel-border);overflow-y:auto;border-radius:6px;flex-direction:column;align-items: center;gap:18px;width:min(360px,92vw);max-height:88vh;padding:28px 26px;box-shadow:6px 6px #00000080}.logo{letter-spacing:.1em;font-size:40px;font-weight:800;line-height:1}.logo .fx{color:var(--cyan);text-shadow:3px 3px #17475e,6px 6px #0000008c}.logo .dr{color:var(--magenta);text-shadow:3px 3px #5e1450,6px 6px #0000008c}.tagline{letter-spacing:.32em;color:var(--dim);margin-top:-10px;font-size:11px}h2{letter-spacing:.3em;color:#fff;text-shadow:2px 2px #17475e;font-size:16px;font-weight:700}.btn{font-family:var(--font);letter-spacing:.2em;color:var(--ink);background:var(--cyan);cursor:pointer;border:2px solid #b8f2ff;border-radius:4px;min-width:200px;min-height:48px;padding:14px 30px;transition:transform 60ms;font-size:14px;font-weight:700;box-shadow:4px 4px #00000080}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #00000080}.btn.ghost{color:var(--text);background:0 0;border:2px solid #64809cb3;box-shadow:4px 4px #00000059}.btn.ghost:active{border-color:var(--cyan);color:var(--cyan)}.stats{display:flex;font-variant-numeric:tabular-nums;flex-direction:column;align-items: center;gap:6px}.stats .big{color:#fff;text-shadow:3px 3px #17475e;font-size:34px;font-weight:800}.stats .row{letter-spacing:.18em;color:var(--dim);font-size:12px}.stats .row b{color:var(--text)}.newbest{letter-spacing:.3em;color:var(--amber);text-shadow:0 0 12px #ffc24dcc;animation:pulse-text 1s ease-in-out infinite;font-size:12px}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.hint{letter-spacing:.14em;color:var(--dim);text-align:center;font-size:10.5px;line-height:1.7}.field{display:flex;flex-direction:column;gap:8px;width:100%}.field>label{letter-spacing:.24em;color:var(--dim);font-size:11px}.seg{display:flex;overflow:hidden;border:1.5px solid #64809c80;border-radius:12px;width:100%}.seg button{font-family:var(--font);letter-spacing:.1em;color:var(--dim);cursor:pointer;background:0 0;border:none;flex:1;min-height:44px;padding:12px 4px;font-size:12px;font-weight:700}.seg button+button{border-left:1.5px solid #64809c80}.seg button.active{color:var(--cyan);text-shadow:0 0 10px #4de3ffb3;background:#4de3ff29}.toggle-row{display:flex;justify-content:space-between;align-items: center;width:100%}.toggle{position:relative;cursor:pointer;background:#64809c26;border:1.5px solid #64809c99;border-radius:15px;width:52px;height:30px;transition:background .15s,border-color .15s}.toggle:after{content:"";position:absolute;background:var(--dim);border-radius:50%;width:21px;height:21px;transition:transform .15s,background .15s;top:3px;left:4px}.toggle.on{border-color:var(--cyan);background:#4de3ff33}.toggle.on:after{background:var(--cyan);transform:translate(21px);box-shadow:0 0 10px #4de3ffcc}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:30px}input[type=range]::-webkit-slider-runnable-track{background:#64809c80;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cyan);border:none;border-radius:50%;width:24px;height:24px;margin-top:-10px;box-shadow:0 0 12px #4de3ffcc}input[type=range]::-moz-range-track{background:#64809c80;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--cyan);border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 0 12px #4de3ffcc}.note{color:var(--dim);letter-spacing:.06em;font-size:10.5px;line-height:1.6}.note.err{color:var(--red)}#stick{position:absolute;z-index:5;pointer-events:none;background:#4de3ff0d;border:1.5px solid #4de3ff59;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px}#stick .knob{position:absolute;background:radial-gradient(circle at 35% 35%,#7deaffe6,#4de3ff59);border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;top:50%;left:50%;box-shadow:0 0 16px #4de3ff99}