:root{--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--ink:#eaf2ff;--dim:#8fa3c4;--accent:#58f7ff;--hot:#ff4d8d;--gold:#ffd166;--bg:#05060d;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{overscroll-behavior:none;background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--mono);touch-action:none;overflow:hidden}#gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}.hud{top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 14px);right:calc(var(--safe-r) + 14px);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px #000c;justify-content:space-between;align-items:flex-start;font-size:12px;transition:opacity .25s;display:flex;position:absolute}.hud.hidden{opacity:0}.hud-l,.hud-r{flex-direction:column;gap:3px;display:flex}.hud-r{align-items:flex-end}.hud-label{color:var(--dim);letter-spacing:.24em;font-size:9px}.hud-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.hud-value.warn{color:var(--hot);animation:.7s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.overlay{padding:calc(var(--safe-t) + 24px) 28px calc(var(--safe-b) + 24px);text-align:center;-webkit-backdrop-filter:blur(3px);pointer-events:auto;background:radial-gradient(120% 80% at 50% 40%,#05060d8c,#05060deb);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.35s both fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fade{0%{opacity:0}}.title{letter-spacing:.06em;white-space:pre-line;background:linear-gradient(180deg, #fff, var(--accent) 55%, #2a7bff);color:#0000;filter:drop-shadow(0 0 26px #58f7ff59);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,13vw,68px);font-weight:800;line-height:.92}.subtitle{letter-spacing:.34em;color:var(--dim);text-transform:uppercase;font-size:11px}.headline{letter-spacing:.04em;font-size:clamp(24px,8vw,40px);font-weight:700}.headline.win{color:var(--gold);filter:drop-shadow(0 0 20px #ffd16659)}.headline.lose{color:var(--hot);filter:drop-shadow(0 0 20px #ff4d8d59)}.body{color:var(--dim);max-width:34ch;font-size:13px;line-height:1.7}.stats{color:var(--dim);letter-spacing:.1em;gap:26px;font-size:12px;display:flex}.stats b{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;display:block}.btn{pointer-events:auto;-webkit-appearance:none;appearance:none;color:var(--ink);font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(#58f7ff29,#58f7ff0d);border:1px solid #58f7ff73;border-radius:999px;padding:15px 34px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .2s;box-shadow:0 0 24px #58f7ff29,inset 0 1px #ffffff2e}.btn:active{transform:scale(.96);box-shadow:0 0 34px #58f7ff4d,inset 0 1px #ffffff2e}.btn.ghost{box-shadow:none;letter-spacing:.18em;background:#8fa3c414;border-color:#8fa3c459;padding:11px 22px;font-size:11px}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.segment{flex-direction:column;align-items:center;gap:8px;margin-top:2px;display:flex}.segment-label{letter-spacing:.24em;color:var(--dim);text-transform:uppercase;font-size:9px}.btn.on{color:var(--ink);background:linear-gradient(#58f7ff38,#58f7ff12);border-color:#58f7ff99;box-shadow:0 0 20px #58f7ff38}.note{color:var(--dim);text-align:left;border-left:2px solid #58f7ff66;max-width:32ch;padding-left:10px;font-size:11px;line-height:1.6}.levels{grid-template-columns:repeat(auto-fit,minmax(64px,84px));justify-content:center;gap:8px;max-width:340px;display:grid}.lvl{pointer-events:auto;color:var(--ink);font-family:var(--mono);background:#8fa3c412;border:1px solid #8fa3c447;border-radius:12px;padding:10px 4px;font-size:17px;font-weight:700;transition:transform .1s}.lvl:active{transform:scale(.94)}.lvl.locked{opacity:.3}.lvl.done{color:var(--accent);background:#58f7ff1a;border-color:#58f7ff80}.pad{pointer-events:auto;touch-action:none;position:absolute}#stick{left:calc(var(--safe-l) + 16px);bottom:calc(var(--safe-b) + 22px);opacity:.55;background:radial-gradient(circle,#eaf2ff12,#eaf2ff05 70%);border:1px solid #eaf2ff24;border-radius:50%;width:132px;height:132px;transition:opacity .2s}#stick.active{opacity:1}#stick .nub{will-change:transform;background:radial-gradient(circle at 35% 30%,#ffffff80,#58f7ff1f 60%);border:1px solid #58f7ff80;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #58f7ff47}#jump{right:calc(var(--safe-r) + 20px);bottom:calc(var(--safe-b) + 34px);width:94px;height:94px;color:var(--gold);font-family:var(--mono);letter-spacing:.16em;opacity:.7;background:radial-gradient(circle at 40% 32%,#ffd16638,#ffd1660a 65%);border:1px solid #ffd16666;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:transform .1s,opacity .15s;display:flex}#jump.active{opacity:1;transform:scale(.9)}#jump.spent{opacity:.22}#toast{letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 16px #000000e6;opacity:0;white-space:nowrap;font-size:15px;font-weight:700;position:absolute;top:26%;left:50%;transform:translate(-50%)}#toast.show{animation:1.3s both toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}18%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}#pause{top:calc(var(--safe-t) + 8px);pointer-events:auto;width:40px;height:40px;color:var(--dim);background:#05060d66;border:1px solid #eaf2ff29;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hide{display:none!important}