:root{--ink:#10224a;--gold:#ffd23f;--teal:#12c9b8;--pink:#ff3d7f;--display:"Arial Black", "Segoe UI Black", "Helvetica Neue", system-ui, sans-serif;color:#fff;-webkit-font-smoothing:antialiased;background:#1f7bff;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}.shell{position:fixed;inset:0;overflow:hidden}.stage{background:#6cc8ff;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));pointer-events:none;font-family:var(--display);text-shadow:0 2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink), 2px 3px 0 var(--ink);gap:2px;display:grid;position:absolute}.hud-row{align-items:center;gap:10px;font-size:clamp(16px,2.4vw,24px);line-height:1.15;display:flex}.hud-label{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;min-width:4.2em;font-size:.8em;font-style:italic}.hud-val{font-variant-numeric:tabular-nums}.ring-counter{border:3px solid var(--gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--display);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink);transform-origin:70%;pointer-events:none;background:#10224a99;border-radius:999px;align-items:center;gap:10px;padding:4px 18px 4px 8px;font-size:clamp(30px,4.6vw,46px);line-height:1.1;display:flex;box-shadow:0 4px #0a143280}.ring-counter span{text-align:right;min-width:1.3em}.ring-counter.warn{border-color:#ff5a5a}.ring-counter.warn span{color:#ff5a5a}.ring-icon{width:1.1em;height:1.1em;filter:drop-shadow(0 2px 0 var(--ink));animation:1.2s linear infinite ring-spin}@keyframes ring-spin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.25)}}.lives{align-items:center;gap:6px;margin-top:4px;font-size:clamp(14px,2vw,18px);display:flex}.life-face{background:radial-gradient(circle at 64% 42%, #1b2a6b 0 2.5px, #fff 3px 6px, transparent 6.5px), radial-gradient(ellipse at 72% 72%, #ffd7a8 0 7px, transparent 7.5px), var(--teal);border:2px solid var(--ink);border-radius:50%;width:1.5em;height:1.5em}.corner{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:5;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.corner-btns{gap:8px;display:flex}.icon-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10224a8c;border:2px solid #ffffffd9;border-radius:14px;place-items:center;width:44px;height:44px;transition:transform .12s,background .12s;display:grid}.icon-btn:hover{background:#10224acc}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:24px;height:24px}.touch-pad{left:max(12px, env(safe-area-inset-left));bottom:max(56px, calc(env(safe-area-inset-bottom) + 50px));touch-action:none;z-index:4;grid-template-rows:64px;grid-template-columns:repeat(3,64px);gap:6px;display:grid;position:absolute}.tbtn{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;background:#10224a59;border:2px solid #ffffffb3;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.tbtn svg{fill:none;stroke:#fff;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:30px;height:30px}.t-jump{right:max(16px, env(safe-area-inset-right));bottom:max(40px, calc(env(safe-area-inset-bottom) + 34px));z-index:4;background:#ff3d7f73;border-radius:50%;width:92px;height:92px;position:absolute}.t-jump svg{width:40px;height:40px}.screen{z-index:6;background:radial-gradient(#10224a40,#10224a99);place-items:center;padding:16px;animation:.25s ease-out fade;display:grid;position:absolute;inset:0;overflow-y:auto}.title-screen{background:linear-gradient(#10224a0d,#10224a73)}@keyframes fade{0%{opacity:0}}.card{text-align:center;background:linear-gradient(160deg,#142c6eeb,#0c1840f0);border:3px solid #ffffffe6;border-radius:28px;width:min(460px,100%);padding:26px 28px 24px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;box-shadow:0 10px #0a14328c,0 24px 60px #00000059}@keyframes pop{0%{opacity:0;transform:scale(.85)translateY(20px)}}.title-card{box-shadow:none;background:0 0;border:none;padding-top:0}.hero-preview{width:120px;height:120px;margin:0 auto -8px;display:block}.logo{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(56px,12vw,104px);font-style:italic;line-height:.86;transform:rotate(-4deg)}.logo span{background:linear-gradient(180deg, #fff 0 35%, var(--gold) 36% 70%, #ff8a1f 71%);color:#0000;-webkit-text-stroke:3px var(--ink);filter:drop-shadow(0 6px 0 var(--ink)) drop-shadow(0 0 18px #ffd23f66);-webkit-background-clip:text;background-clip:text;display:block}.logo span:last-child{background:linear-gradient(180deg, #d4fff9 0 35%, var(--teal) 36% 70%, #0a8f8a 71%);-webkit-background-clip:text;background-clip:text;margin-left:1.1em}.zone{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 0 var(--ink);margin:18px 0;font-size:14px;font-weight:800}.big-btn{border:3px solid var(--ink);min-width:200px;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:linear-gradient(180deg, #fff27a, var(--gold) 55%, #ffa51f);box-shadow:0 6px 0 var(--ink);border-radius:999px;padding:14px 34px;font-size:22px;transition:transform .1s,box-shadow .1s}.big-btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.big-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.big-btn:focus-visible,.ghost-btn:focus-visible,.icon-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.ghost-btn{background:0 0;border:3px solid #ffffffd9;border-radius:999px;padding:12px 26px;font-size:17px;font-weight:800}.btn-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.best{color:var(--gold);text-shadow:0 2px 0 var(--ink);margin:14px 0 0;font-weight:800}.keys{background:#10224a8c;border-radius:16px;gap:8px;width:fit-content;margin:20px auto 0;padding:12px 16px;font-size:14px;font-weight:600;list-style:none;display:grid}kbd{background:#ffffff1f;border:2px solid #fffc;border-bottom-width:4px;border-radius:7px;min-width:26px;margin:0 2px;padding:2px 7px;font-family:inherit;font-size:12px;font-weight:800;display:inline-block}.hint{background:#10224a8c;border-radius:14px;max-width:320px;margin:18px auto 0;padding:10px 14px;font-size:14px;font-weight:600}.card h2{font-family:var(--display);text-transform:uppercase;color:var(--gold);text-shadow:0 4px 0 var(--ink);margin:0 0 18px;font-size:clamp(30px,6vw,40px);font-style:italic}.kicker{letter-spacing:.12em;text-transform:uppercase;color:#9ff5ea;margin:0 0 4px;font-size:13px;font-weight:800}.sub{opacity:.9;margin:-6px 0 20px;line-height:1.45}.lose h2{color:#ff6b7f}.stats{text-align:left;grid-template-columns:1fr auto;gap:8px 18px;margin:0 0 6px;font-weight:700;display:grid}.stats dt{opacity:.85}.stats dd{text-align:right;font-family:var(--display);font-variant-numeric:tabular-nums;margin:0}.stats .total{color:var(--gold);opacity:1;border-top:2px dashed #ffffff59;margin-top:6px;padding-top:10px;font-size:20px}.win .big-btn{margin-top:18px}@media (height<=520px){.hero-preview{width:80px;height:80px}.logo{font-size:54px}.zone{margin:10px 0}.keys,.hint{margin-top:12px}.card{padding:16px 22px}.card h2{margin-bottom:10px}.stats{grid-template-columns:1fr auto 1fr auto;gap:4px 14px;font-size:14px}.stats .total{margin-top:2px;padding-top:6px;font-size:16px}.kicker{display:none}.win .big-btn{margin-top:10px}.best{margin-top:8px}.card{width:min(560px,100%)}.hud-row{font-size:15px}.ring-counter{font-size:28px}.corner{flex-direction:row-reverse;align-items:flex-start}.touch-pad{bottom:max(48px, calc(env(safe-area-inset-bottom) + 44px))}}