:root{--vh: 1vh}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0a0713)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}body.playing .site-footer{display:none!important}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg: #0a0713;--bg2: #140b26;--ink: #f4ecff;--dim: #a99fc9;--ember: #ffb020;--ember2: #ff6b3d;--mote: #37e0ff;--gate: #ff3ea5;--panel: rgba(24, 14, 42, .92);--line: rgba(255, 255, 255, .1);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);padding:0;overflow:hidden}#app{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}#stage{position:fixed;inset:0;z-index:0;display:block;background:var(--bg)}.hud{position:fixed;top:0;left:0;right:0;z-index:20;pointer-events:none;padding-top:env(safe-area-inset-top)}.mbar{height:7px;width:100%;background:#ffffff14;overflow:hidden}.mbar-fill{height:100%;width:60%;background:var(--ember);transition:width .08s linear,background .2s linear;box-shadow:0 0 12px #ffa028b3}.hud-row{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 12px;gap:8px}.hud-left{text-align:left}.dist{font-size:clamp(28px,8vw,46px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 16px rgba(255,160,40,.35)}.dist .unit,.over-dist .unit{font-size:.42em;color:var(--dim);margin-left:2px}.best-sm{font-size:12px;color:var(--dim);margin-top:2px}.hud-mid{padding-top:6px}.chip{background:#ffffff14;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--ink);white-space:nowrap}.hud-right{display:flex;gap:6px;pointer-events:auto}.icon-btn{background:#ffffff14;border:1px solid var(--line);color:var(--ink);border-radius:12px;width:44px;height:44px;font-size:16px;display:grid;place-items:center}.surge-pad{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 22px);width:min(46vw,220px);height:88px;border-radius:22px;border:2px solid rgba(255,62,165,.7);background:radial-gradient(circle at 50% 30%,#ff3ea559,#ff3ea51f);color:#ffd7ee;font-weight:800;letter-spacing:3px;font-size:17px;text-shadow:0 0 12px rgba(255,62,165,.8);user-select:none;touch-action:none}.surge-pad.active{background:radial-gradient(circle at 50% 30%,#ff78c8cc,#ff3ea566);transform:translate(-50%) scale(.96);box-shadow:0 0 30px #ff3ea5b3}.screen{position:fixed;inset:0;z-index:25;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 50% -10%,var(--bg2),var(--bg) 70%);padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 88px)}.menu-inner{width:100%;max-width:440px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.logo{font-size:clamp(40px,13vw,68px);font-weight:900;letter-spacing:2px;margin:4px 0 0;background:linear-gradient(180deg,#fff4d6,var(--ember) 55%,var(--ember2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(255,120,40,.45))}.logo span{background:linear-gradient(180deg,#ffd0e6,var(--gate));-webkit-background-clip:text;background-clip:text;color:transparent}.tag{color:var(--dim);font-size:15px;line-height:1.5;margin:0 0 4px;max-width:34ch}.modes{display:flex;flex-direction:column;gap:8px;width:100%}.mode-chip{text-align:left;background:#ffffff0d;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--ink);display:flex;flex-direction:column;gap:2px;min-height:44px;transition:border-color .15s,background .15s}.mode-chip.on{border-color:var(--ember);background:#ffa02824;box-shadow:0 0 0 1px #ffa02866 inset}.mc-name{font-weight:800;font-size:16px}.mc-blurb{font-size:12.5px;color:var(--dim)}.btn{background:#ffffff14;border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:13px 18px;font-size:16px;font-weight:700;width:100%;transition:transform .08s,filter .15s}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,var(--ember),var(--ember2));border:none;color:#21120a;box-shadow:0 6px 22px #ff782866}.btn.big{padding:16px;font-size:19px;letter-spacing:1px}.daily-sub{font-weight:500;color:var(--dim);font-size:12px;display:block;margin-top:2px}.menu-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:6px}.link{background:none;border:none;color:var(--dim);text-decoration:underline;font-size:14px;min-height:44px;padding:0 4px}.over-badge{font-size:14px;letter-spacing:6px;font-weight:800;color:var(--gate)}.over-dist{font-size:clamp(56px,20vw,96px);font-weight:900;line-height:.95;font-variant-numeric:tabular-nums;filter:drop-shadow(0 4px 24px rgba(255,120,40,.4))}.over-sub{font-size:16px;color:var(--ember);font-weight:700}.bench{color:var(--dim);font-size:14px;line-height:1.5;max-width:32ch}.bench b{color:var(--ink)}.breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin:4px 0}.bd{background:#ffffff0d;border:1px solid var(--line);border-radius:12px;padding:10px 4px}.bd-v{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.bd-l{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.over-actions{display:flex;flex-direction:column;gap:8px;width:100%}.share-msg{margin-top:6px;font-size:13px;color:var(--mote);word-break:break-all}.modal,.pause-veil{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#04020ab8;backdrop-filter:blur(6px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #0009}.panel h2{margin:0;font-size:22px}.how{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:9px;font-size:14.5px;line-height:1.5;color:#ded6f2}.how .cy{color:var(--mote);font-weight:700}.how .mg{color:var(--gate);font-weight:700}.panel p{margin:0;color:#ded6f2;font-size:14.5px;line-height:1.55}.panel .fine{color:var(--dim);font-size:13px}.panel a{color:var(--ember)}.site-footer{position:fixed;bottom:0;left:0;right:0;z-index:26;text-align:center;font-size:12px;color:var(--dim);padding:8px 12px calc(env(safe-area-inset-bottom) + 8px);background:linear-gradient(180deg,#0a071300,#0a0713d9 40%);pointer-events:none}.site-footer a{color:var(--ember);pointer-events:auto}@media(min-height:720px){.menu-inner{gap:16px}}