*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#eef1f8;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-font-smoothing:antialiased;background:#0c101f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,Segoe UI,sans-serif;overflow:hidden}.stage{--display:ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif;--accent:hsl(var(--h,210) 72% 64%);--accent-soft:hsl(var(--h,210) 60% 62% / .16);--accent-line:hsl(var(--h,210) 70% 70% / .45);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-canvas{cursor:crosshair;width:100%;height:100%;display:block}.vignette{pointer-events:none;z-index:2;background:radial-gradient(at 50% 42%,#0000 55%,#05081266 100%);position:absolute;inset:0}.overlay{-webkit-backdrop-filter:blur(10px)saturate(1.2);z-index:10;background:#080b166b;justify-content:center;align-items:center;animation:.5s cubic-bezier(.22,1,.36,1) overlay-in;display:flex;position:absolute;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay-passthrough{-webkit-backdrop-filter:none;pointer-events:none;background:0 0;align-items:flex-start;padding-top:11vh}.panel{text-align:center;-webkit-backdrop-filter:blur(24px)saturate(1.35);background:linear-gradient(160deg,#ffffff17,#ffffff08);border:1px solid #ffffff24;border-radius:28px;max-width:580px;padding:44px 52px;animation:.55s cubic-bezier(.22,1,.36,1) panel-in;box-shadow:0 30px 90px #00000080,inset 0 1px #ffffff1f}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.eyebrow{color:var(--accent);margin-bottom:10px;font-size:14px;font-weight:550}.wordmark{font-family:var(--display);letter-spacing:-.02em;background:linear-gradient(180deg, #fff 30%, hsl(var(--h,210) 70% 78%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:54px;font-weight:800;line-height:1.05}.tagline{color:#eef1f8b8;margin-bottom:30px;font-size:16px;font-weight:450;line-height:1.55}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:14px 30px;font-size:16px;font-weight:650;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,background .18s}.btn:hover:not(:disabled){transform:translateY(-1.5px)scale(1.015)}.btn:active:not(:disabled){transform:translateY(0)scale(.985)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn:disabled{opacity:.5;cursor:wait}.btn-primary{background:var(--accent);color:#0c101f;box-shadow:0 8px 26px hsl(var(--h,210) 72% 60% / .35)}.btn-primary:hover:not(:disabled){box-shadow:0 12px 34px hsl(var(--h,210) 72% 60% / .5)}.btn-ghost{color:#eef1f8;background:#ffffff12;border-color:#ffffff29}.btn-ghost:hover:not(:disabled){background:#ffffff1f}.hint{color:#eef1f873;font-size:13px;line-height:1.5}.hint b{color:#eef1f8b3}.calibrate-card{text-align:center;-webkit-backdrop-filter:blur(18px);background:#0e122299;border:1px solid #ffffff1f;border-radius:20px;padding:22px 34px;animation:.5s cubic-bezier(.22,1,.36,1) panel-in,2.8s ease-in-out .5s infinite floaty;box-shadow:0 18px 50px #00000059}.calibrate-title{letter-spacing:-.01em;margin-bottom:6px;font-size:21px;font-weight:750}.calibrate-sub{color:#eef1f8a6;font-size:15px}.calibrate-sub b{color:var(--accent)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-score{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:26px;left:50%;transform:translate(-50%)}.hud-score-num{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 2px 24px #00000059;font-size:76px;font-weight:300;line-height:1;animation:.35s cubic-bezier(.22,1,.36,1) score-pop;display:block}@keyframes score-pop{0%{filter:blur(1.5px);transform:scale(1.16)}to{filter:blur();transform:scale(1)}}.hud-combo{font-family:var(--display);color:var(--accent);margin-top:4px;font-size:16px;font-style:italic;font-weight:650;animation:.35s cubic-bezier(.22,1,.36,1) score-pop;display:block}.balance{background:#ffffff24;border-radius:2px;width:120px;height:3px;margin-top:12px;overflow:hidden}.balance-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.balance-low{background:#ff6b6b;animation:.9s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.hud-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:22px;right:22px}.chip{color:#eef1f8d1;-webkit-backdrop-filter:blur(12px);background:#0e122280;border:1px solid #ffffff1f;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:550;animation:.4s cubic-bezier(.22,1,.36,1) chip-in}@keyframes chip-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.chip-wind{color:var(--accent)}.chip-best{color:#f2d16b}.gameover-title{letter-spacing:-.02em;margin-bottom:8px;font-size:34px;font-weight:800}.new-best{color:var(--accent);font-family:var(--display);margin-bottom:10px;font-size:15px;font-style:italic;font-weight:650;animation:1.4s ease-in-out infinite pulse}.score-row{justify-content:center;margin:22px 0 28px;display:flex}.score-box{min-width:110px;padding:6px 28px}.score-box+.score-box{border-left:1px solid #ffffff1f}.score-big{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:300}.score-caption{color:#eef1f88c;margin-top:2px;font-size:12.5px;font-weight:500}.pip{z-index:6;border:1px solid #ffffff38;border-radius:14px;line-height:0;animation:.5s cubic-bezier(.22,1,.36,1) panel-in;position:absolute;bottom:18px;left:18px;overflow:hidden;box-shadow:0 12px 32px #00000073}.pip-inactive{border-color:#f6ad55b3}.pip-note{color:#f6ad55;text-align:center;background:#0c101fd1;padding:4px 0;font-size:11px;font-weight:600;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.mute-badge{z-index:6;color:#eef1f8b3;-webkit-backdrop-filter:blur(12px);background:#0e122299;border:1px solid #ffffff1f;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:550;position:absolute;bottom:18px;right:18px}@media (width<=640px){.panel{border-radius:22px;margin:0 16px;padding:32px 26px}.wordmark{font-size:40px}.hud-score-num{font-size:56px}.hud-score{top:calc(16px + env(safe-area-inset-top))}.hud-right{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right))}.pip{left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));transform-origin:0 100%;transform:scale(.8)}.score-box{min-width:84px;padding:6px 16px}}@media (prefers-reduced-motion:reduce){.calibrate-card,.chip-wind,.balance-low,.new-best,.hud-score-num,.hud-combo,.chip,.overlay,.panel,.pip{animation:none!important}.btn,.balance-fill{transition:none!important}}