:root{--bg: #0F172A;--bg-deep: #070b14;--panel: rgba(15, 23, 42, .72);--panel-solid: #121b2e;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #F8FAFC;--muted: #94A3B8;--sand: #F59E0B;--sand-light: #FCD34D;--magenta: #F43F5E;--cyan: #38BDF8;--green: #22C55E;--blue: #2563EB;--grad: linear-gradient(135deg, #FCD34D 0%, #F59E0B 45%, #F43F5E 100%);--radius: 18px;--radius-sm: 12px;--shadow-lg: 0 24px 70px rgba(0, 0, 0, .55);--font-head: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg-deep)}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none}#app{position:fixed;inset:0;overflow:hidden}#scene{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 8%,rgba(244,63,94,.18),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(245,158,11,.14),transparent 60%),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(7,11,20,.78) 100%)}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hud{position:fixed;inset:0 0 auto;z-index:6;padding:14px clamp(12px,3vw,28px) 10px;pointer-events:none;opacity:0;transform:translateY(-12px);transition:opacity .4s ease,transform .4s ease}.hud.show{opacity:1;transform:none}.hud-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hud-block{display:flex;flex-direction:column;gap:2px}.hud-block.hud-center{align-items:center}.hud-block.hud-end{align-items:flex-end}.hud-label{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hud-value{font-family:var(--font-head);font-weight:600;font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.05;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(245,158,11,.45);font-variant-numeric:tabular-nums}.hud-sub{font-size:.72rem;font-weight:600;color:var(--muted);letter-spacing:.06em}.hearts{display:flex;gap:5px}.heart{width:18px;height:18px;display:grid;place-items:center;color:var(--magenta);transition:transform .25s ease,opacity .3s ease,color .3s ease}.heart svg{width:100%;height:100%}.heart.lost{color:#334155;opacity:.6;transform:scale(.82)}.hud-bar{margin:10px auto 0;max-width:460px;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid var(--border)}.hud-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#38bdf8,#fcd34d);border-radius:999px;transition:width .18s linear;box-shadow:0 0 14px #38bdf899}.hud-actions{position:fixed;top:14px;left:clamp(12px,3vw,28px);display:none;gap:8px;pointer-events:auto}.icon-btn{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#0f172a9e;border:1px solid var(--border);color:var(--text);cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,transform .15s,border-color .2s}.icon-btn:hover{background:#f59e0b2e;border-color:#f59e0b66;transform:translateY(-2px)}.icon-btn svg{width:18px;height:18px}.hud.show .hud-actions{display:flex}.overlay{position:fixed;inset:0;z-index:10;display:none;align-items:center;justify-content:center;padding:20px;background:#070b148c;backdrop-filter:blur(10px)}.overlay.show{display:flex;animation:fadeIn .35s ease both}.panel{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--border-strong);border-radius:26px;padding:clamp(24px,5vw,40px);box-shadow:var(--shadow-lg);text-align:center;animation:riseIn .5s cubic-bezier(.2,.8,.3,1) both}.panel-sm{max-width:420px}.panel-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sand-light);background:#f59e0b1f;border:1px solid rgba(245,158,11,.28);padding:6px 12px;border-radius:999px;margin-bottom:18px}.panel-badge svg{width:13px;height:13px}.panel-badge.danger{color:#fca5a5;background:#f43f5e1f;border-color:#f43f5e4d}.panel h1{font-family:var(--font-head);font-weight:700;font-size:clamp(2.6rem,10vw,4rem);line-height:.92;letter-spacing:-.04em;margin-bottom:14px}.panel h2{font-family:var(--font-head);font-weight:600;font-size:clamp(1.4rem,5vw,1.85rem);letter-spacing:-.02em;margin-bottom:10px}.lead{color:var(--muted);font-size:.95rem;line-height:1.65;margin:0 auto 22px;max-width:38ch}.keys{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}.key-item{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:.78rem;color:var(--muted)}kbd{font-family:var(--font-head);font-size:.72rem;font-weight:600;background:#ffffff1a;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;padding:2px 7px;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:999px;border:none;cursor:pointer;font-family:var(--font-head);font-size:.98rem;font-weight:600;letter-spacing:.01em;transition:transform .16s ease,box-shadow .2s ease,background .2s,opacity .2s}.btn svg{width:18px;height:18px}.btn:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.btn-primary{background:var(--grad);color:#2b1400;box-shadow:0 10px 34px #f59e0b61;min-width:200px}.btn-primary:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 16px 44px #f59e0b85}.btn-primary:active{transform:translateY(0) scale(.99)}.btn-ghost{background:#ffffff0d;color:var(--text);border:1.5px solid var(--border-strong);min-width:140px}.btn-ghost:hover{background:#ffffff1a;transform:translateY(-2px)}.row-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.best-line{margin-top:18px;font-size:.8rem;color:var(--muted)}.best-line strong{color:var(--sand-light);font-family:var(--font-head)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 4px}.stat{background:#ffffff0a;border:1px solid var(--border);border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;gap:3px}.stat-label{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat-value{font-family:var(--font-head);font-size:1.4rem;font-weight:600;color:var(--sand-light)}.touch{position:fixed;inset:auto 0 0;z-index:7;display:none;justify-content:space-between;align-items:flex-end;padding:0 18px calc(18px + env(safe-area-inset-bottom));pointer-events:none}.touch.show{display:flex}.tbtn{pointer-events:auto;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:var(--text);background:#0f172a99;border:1px solid var(--border-strong);backdrop-filter:blur(10px);cursor:pointer;transition:transform .12s ease,background .2s}.tbtn:active{transform:scale(.92);background:#f59e0b4d}.tbtn svg{width:26px;height:26px}.tbtn-jump{width:78px;height:78px;background:#f59e0b38;border-color:#f59e0b80;box-shadow:0 0 26px #f59e0b47}.toast-wrap{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:9px 18px;border-radius:999px;font-size:.82rem;font-weight:700;background:#0f172ad9;border:1px solid var(--border-strong);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);animation:toastIn .3s ease both}.toast.good{color:#86efac;border-color:#22c55e66}.toast.bad{color:#fca5a5;border-color:#f43f5e66}.toast.info{color:#7dd3fc;border-color:#38bdf866}.toast.fade{animation:toastOut .3s ease both}.loading{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-deep);color:var(--muted);font-size:.85rem;transition:opacity .5s ease,visibility .5s}.loading.hide{opacity:0;visibility:hidden}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(245,158,11,.2);border-top-color:var(--sand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.pop{animation:pop .35s ease}@media (max-width: 640px){.panel{border-radius:22px;padding:26px 20px}.btn-primary{min-width:100%}.keys{gap:7px;margin-bottom:20px}.stat-value{font-size:1.2rem}.hud-bar{max-width:60%}}@media (min-width: 900px){.hud-actions{display:flex}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}