:root{--bg:#04060f;--panel:#06122eeb;--ink:#dfe9ff;--ink-dark:#06122e;--muted:#8fa3c8;--line:#3dffa0;--score:#6fc8ff;--gold:#ffd25f;--warn:#ff7a8f;--glow:#3dffa059;--font-pixel:"Pixelify Sans", "VT323", monospace;--font-mono:"VT323", ui-monospace, "Courier New", monospace;--pad:1.1em}*{box-sizing:border-box}*,:before,:after{font-variant-ligatures:none!important}html{background:var(--bg);min-height:100%}body{min-height:100vh;min-height:100dvh;color:var(--ink);font:clamp(20px, .55vw + 16px, 27px) / 1.35 var(--font-mono);-webkit-font-smoothing:none;background:0 0;margin:0}body:before{content:"";z-index:-1;background:radial-gradient(2px 2px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 78% 9%, #a8d4ff 50%, transparent 51%), radial-gradient(2px 2px at 64% 34%, #fff 50%, transparent 51%), radial-gradient(3px 3px at 88% 52%, #ffd9a8 50%, transparent 51%), radial-gradient(2px 2px at 22% 61%, #a8d4ff 50%, transparent 51%), radial-gradient(2px 2px at 41% 83%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 7% 92%, #ffd9a8 50%, transparent 51%), radial-gradient(2px 2px at 93% 78%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 31% 7%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 55% 95%, #a8d4ff 50%, transparent 51%), radial-gradient(ellipse 120% 90% at 50% 0%, #13265a 0%, #0a1638 45%, var(--bg) 100%);position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);position:fixed;top:0;bottom:0;left:0;right:0}a{color:var(--line)}[hidden]{display:none!important}.wrap{min-height:100vh;max-width:28em;min-height:100dvh;padding:max(1.4em, env(safe-area-inset-top)) 16px max(1.6em, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;margin:0 auto;display:flex}.head{text-align:center;margin-bottom:1.2em}.rocket{filter:drop-shadow(0 0 14px #ffb34759);width:2.1em;height:3.6em;margin:0 auto .5em;animation:2.6s ease-in-out infinite hover;display:block}.rocket .flame{animation:.24s steps(2,end) infinite flame}.logo{font-family:var(--font-pixel);letter-spacing:.08em;color:#eefaff;text-shadow:-4px 0 0 #6fc8ffe6, 4px 0 0 #3dffa0e6, 0 6px 0 var(--ink-dark), 0 0 40px #3dffa04d;margin:0;font-size:clamp(56px,4.5em,128px);font-weight:700;line-height:.95}.sub{letter-spacing:.35em;color:var(--line);margin:.5em 0 0;font-size:.86em}.card{--bc:var(--line);padding:var(--pad) var(--pad) calc(var(--pad) * 1.1);background:var(--panel);box-shadow:0 -3px 0 0 var(--bc), 0 3px 0 0 var(--bc), -3px 0 0 0 var(--bc), 3px 0 0 0 var(--bc), 0 0 24px 2px #050a1e73}.kicker{margin:calc(var(--pad) * -1) calc(var(--pad) * -1) .85em;padding:.35em var(--pad) .3em;letter-spacing:.32em;text-align:center;color:var(--ink-dark);background:var(--bc);font-size:.76em}.lead{margin:0 0 .75em}.steps{color:var(--muted);margin:0 0 1.05em;padding-left:1.6em}.steps li{margin-bottom:.4em}.steps li::marker{color:var(--gold)}.field-label{letter-spacing:.08em;color:var(--score);margin-bottom:.3em;display:block}.field{width:100%;font:inherit;color:#fff;box-shadow:0 -3px 0 0 var(--score), 0 3px 0 0 var(--score), -3px 0 0 0 var(--score), 3px 0 0 0 var(--score);background:#030818e6;border:0;outline:none;padding:.55em .65em;font-size:1.05em}.field:focus{box-shadow:0 -3px 0 0 var(--line), 0 3px 0 0 var(--line), -3px 0 0 0 var(--line), 3px 0 0 0 var(--line), 0 0 18px var(--glow)}.field::placeholder{color:#4d5f86}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.consent{color:var(--muted);cursor:pointer;align-items:flex-start;gap:.5em;margin:.85em 0 .95em;font-size:.86em;display:flex}.consent input{-webkit-appearance:none;appearance:none;font-size:inherit;width:1.15em;height:1.15em;box-shadow:inset 0 0 0 3px var(--score);cursor:pointer;background:#030818e6;flex:none;margin:.1em 0 0}.consent input:checked{background:var(--line);box-shadow:inset 0 0 0 3px var(--line), inset 0 0 0 6px var(--ink-dark)}.consent input:focus-visible{outline:2px solid var(--line);outline-offset:2px}.btn{width:100%;font-family:var(--font-pixel);letter-spacing:.2em;color:var(--ink-dark);background:var(--line);box-shadow:0 0 26px 0 var(--glow);cursor:pointer;border:0;padding:.75em .85em;font-size:clamp(19px,1.1em,28px);font-weight:700;transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.12);outline:none;transform:translateY(-2px)}.btn:focus-visible{filter:brightness(1.12);outline:none;transform:translateY(-2px)}.btn:active{transform:translateY(2px)}.btn:disabled{filter:saturate(.4)brightness(.8);cursor:default;transform:none}.btn.play{text-align:center;text-decoration:none;display:block}.btn.play[hidden]{display:none!important}.msg{color:var(--warn);margin:0}.msg.on{margin-top:.7em}.done{text-align:center}.done-title{font-family:var(--font-pixel);letter-spacing:.12em;color:var(--line);text-shadow:0 0 18px var(--glow);margin:.3em 0 .55em;font-size:1.45em;font-weight:700}.done p:last-child{margin:0}.foot{text-align:center;color:var(--muted);margin-top:1.2em;font-size:.86em}.foot p{margin:0 0 .7em}.links{flex-wrap:wrap;justify-content:center;gap:.5em .9em;display:flex}.links a{letter-spacing:.12em;color:var(--muted);text-decoration:none}.links a:hover,.links a.active{color:var(--line)}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes flame{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion:reduce){.rocket,.rocket .flame{animation:none}}
