:root{--bg:#2b2e3a;--panel:#262935b8;--panel-edge:#ffffff14;--ink:#eef0f6;--muted:#9aa1b5;--orange:#f5a524;--orange-deep:#e08718;--green:#86f36a;--font:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas{outline:none;display:block}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(10px)saturate(1.2);border-radius:18px;position:absolute;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0f}kbd{min-width:26px;height:26px;font-family:var(--mono);color:#1f2129;background:linear-gradient(#f4f5f9,#d4d7e2);border-radius:8px;justify-content:center;align-items:center;margin:0 2px;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px #9a9fb1,0 3px 6px #0000004d}.objective{max-width:380px;padding:14px 18px 15px;top:20px;left:20px}.brand{letter-spacing:.14em;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.brand b{color:var(--orange)}.brand .dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.6s infinite blink}.obj-text{margin-top:6px;font-size:15px;font-weight:500;line-height:1.35}.tracker{min-width:250px;padding:14px 18px 16px;top:20px;right:20px}.tracker-head{justify-content:space-between;align-items:baseline;display:flex}.tracker .label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.tracker .count{color:var(--orange);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.tracker .count small{color:var(--muted);font-size:15px;font-weight:600}.slots{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px;display:grid}.slot{background:#ffffff12;border:1px solid #ffffff12;border-radius:8px;height:26px;transition:background .4s,box-shadow .4s,transform .4s}.slot.on{background:linear-gradient(#ffd23f, var(--orange));box-shadow:0 0 14px #f5a524b3, inset 0 -3px 0 var(--orange-deep);transform:translateY(-2px)}.launches{color:var(--muted);margin-top:10px;font-size:12px}.toast{color:#241a0a;opacity:0;white-space:nowrap;background:linear-gradient(135deg,#f5a524f2,#e08718f2);border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;transition:opacity .35s,transform .35s;position:absolute;top:24px;left:50%;transform:translate(-50%,-20px);box-shadow:0 10px 30px #f5a52459}.toast.show{opacity:1;transform:translate(-50%)}.prompt{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 10px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%,10px)}.prompt.show{opacity:1;transform:translate(-50%)}.prompt kbd{background:linear-gradient(#ffd23f, var(--orange));box-shadow:0 2px 0 var(--orange-deep)}.controls{color:var(--muted);white-space:nowrap;gap:18px;font-size:13px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.controls span{align-items:center;gap:4px;display:flex}.toggles{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.toggles button{font:600 12px var(--font);color:var(--ink);background:var(--panel);border:1px solid var(--panel-edge);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 14px}.toggles button:hover{border-color:#f5a52499}.countdown{color:var(--orange);text-shadow:0 0 40px #f5a52499, 0 8px 0 var(--orange-deep);font-size:160px;font-weight:800;animation:1s ease-out forwards pop;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.bubble{color:#23262f;width:max-content;max-width:260px;font:500 14px/1.35 var(--font);background:#f4f1ea;border-radius:16px;padding:10px 14px;animation:.25s ease-out bubble-in;position:relative;transform:translateY(-50%);box-shadow:0 10px 24px #00000059}.bubble:after{content:"";background:#f4f1ea;border-radius:3px;width:16px;height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.intro{pointer-events:auto;background:radial-gradient(at 20%,#1c1e28bf,#1c1e281a 60%);justify-content:flex-start;align-items:center;padding-left:clamp(24px,7vw,120px);transition:opacity .45s;display:flex;position:absolute;inset:0}.intro.leaving{opacity:0}.intro-card{max-width:460px}.intro-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.intro h1{letter-spacing:-.02em;margin:8px 0 14px;font-size:clamp(48px,7vw,84px);font-weight:800;line-height:.95}.intro h1 span{color:var(--orange)}.intro p{color:#cfd3df;margin:0 0 28px;font-size:18px;line-height:1.5}.intro p b{color:var(--orange)}.start{font:800 18px var(--font);color:#241a0a;cursor:pointer;background:linear-gradient(#ffc34a, var(--orange));box-shadow:0 6px 0 var(--orange-deep), 0 14px 30px #f5a52459;border:0;border-radius:999px;padding:16px 30px;transition:transform .12s}.start:hover{transform:translateY(-2px)}.start:active{box-shadow:0 2px 0 var(--orange-deep);transform:translateY(3px)}.intro-keys{color:var(--muted);margin-top:26px;font-size:14px}@keyframes blink{50%{opacity:.35}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(-40%)scale(.9)}}@media (width<=760px){.controls{display:none}.tracker{min-width:0}.objective{max-width:55vw}}