:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05091b;color:#e8fbff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#05091b;touch-action:none}button{font:inherit}#gameCanvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hud{position:fixed;z-index:5;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) clamp(16px,4vw,48px) 0;pointer-events:none;text-shadow:0 0 18px rgba(64,234,255,.7)}.hud-brand{font-weight:800;letter-spacing:.18em;font-size:clamp(11px,1.5vw,16px);color:#9aeaff}.hud-brand span{color:#ff4be1}.hud-stats{display:flex;gap:clamp(14px,4vw,54px);margin-left:4vw}.hud-stats div{display:grid;gap:2px;min-width:56px}.hud-stats small{color:#7398b3;letter-spacing:.18em;font-size:9px}.hud-stats strong{font-size:clamp(15px,2.2vw,24px);letter-spacing:.08em}.hud-actions{display:flex;gap:8px;pointer-events:auto}.icon-btn{width:34px;height:34px;border:1px solid rgba(110,224,255,.45);background:#040f2ba3;color:#b7f6ff;border-radius:50%;cursor:pointer}.icon-btn:hover{background:#2aaadb47}.overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,#030718bd,#03071845);transition:opacity .3s ease}.overlay.hidden,.hud.hidden{opacity:0;pointer-events:none}.sub-overlay{background:#030718a8}.scanline{position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(124,233,255,.08) 4px);mix-blend-mode:screen}.title-lockup{position:absolute;left:clamp(24px,9vw,13vw);top:25%;max-width:620px}.eyebrow{margin:0 0 12px;color:#62eaff;font-size:11px;font-weight:800;letter-spacing:.25em}h1{margin:0;font-size:clamp(52px,10vw,132px);line-height:.82;letter-spacing:-.07em;color:#eefdff;text-shadow:0 0 24px rgba(56,223,255,.5),0 0 72px rgba(209,51,255,.22)}h1 span{color:#ff54e6}.tagline{margin:22px 0 0;color:#b6cbe2;letter-spacing:.08em;font-size:clamp(13px,1.8vw,20px)}.menu-card{position:absolute;right:clamp(24px,9vw,13vw);bottom:19%;width:min(390px,calc(100vw - 48px));padding:22px;background:linear-gradient(135deg,#0a193ed9,#090b21b8);border:1px solid rgba(116,226,255,.34);border-radius:18px;box-shadow:0 18px 80px #00000059,inset 0 0 30px #59daff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-card.compact{position:relative;right:auto;bottom:auto;text-align:center}.menu-card h2{margin:6px 0 12px;font-size:clamp(24px,4vw,42px);letter-spacing:-.04em}.menu-copy,#resultCopy{color:#bbcee2;line-height:1.7;margin:0 0 18px}.primary-btn,.ghost-btn{width:100%;border-radius:999px;padding:14px 18px;cursor:pointer;font-weight:800;letter-spacing:.08em}.primary-btn{border:1px solid #8cf5ff;color:#031020;background:linear-gradient(100deg,#6ff2ff,#ff5adb);box-shadow:0 0 22px #54e8ff59}.ghost-btn{margin-top:10px;color:#b9dcff;background:transparent;border:1px solid rgba(140,215,255,.32)}.control-hint{color:#7398b3;font-size:11px;text-align:center;line-height:1.6}.toast{position:fixed;z-index:8;left:50%;bottom:12%;transform:translate(-50%,20px);opacity:0;color:#efffff;font-size:clamp(24px,5vw,52px);font-weight:900;letter-spacing:.12em;text-shadow:0 0 20px #ff58e8,0 0 50px #42efff;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:640px){.hud{padding-left:14px;padding-right:14px}.hud-brand{position:absolute;top:max(18px,env(safe-area-inset-top));left:14px}.hud-stats{width:100%;justify-content:center;margin:36px 0 0;gap:20px}.hud-actions{position:absolute;right:14px;top:max(16px,env(safe-area-inset-top))}.title-lockup{left:24px;top:16%}.menu-card{right:24px;bottom:8%}.tagline{margin-top:16px}}