:root{--bg: #05040a;--bg2: #0a0a20;--cyan: #38e0ff;--magenta: #ff4fd8;--violet: #7c5cff;--text: #eef2ff;--dim: #9aa3c7;--panel: rgba(12, 12, 30, .72)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;overscroll-behavior:none}#app{height:100vh;height:100dvh}#game{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg)}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}.hud{position:absolute;top:0;left:0;right:0;display:none;grid-template-columns:1fr auto 1fr;align-items:start;padding:14px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;z-index:20;pointer-events:none}.hud__col{display:flex;flex-direction:column;gap:8px}.hud__left{align-items:flex-start}.hud__center{align-items:center}.hud__right{align-items:flex-end}.hud__cell{font-size:clamp(12px,2.2vw,17px);letter-spacing:.14em;color:var(--dim);text-shadow:0 0 8px rgba(56,224,255,.35)}.hud__score{font-size:clamp(18px,3.6vw,28px);color:#fff;text-shadow:0 0 12px rgba(56,224,255,.65)}.hud__lives{display:flex;gap:4px;letter-spacing:.1em}.hud__heart{color:#9aa3c780;font-size:clamp(14px,2.4vw,20px);transition:color .25s ease,transform .25s ease;display:inline-block}.hud__heart--on{color:var(--magenta);text-shadow:0 0 10px rgba(255,79,216,.6)}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:30;background:radial-gradient(ellipse at center,#05040a8c,#05040ae0);pointer-events:auto}.panel{display:flex;flex-direction:column;align-items:center;gap:18px;padding:38px 46px;max-width:min(92vw,480px);border:1px solid rgba(56,224,255,.28);border-radius:14px;background:var(--panel);backdrop-filter:blur(6px);box-shadow:0 0 40px #38e0ff1f,inset 0 0 30px #7c5cff0f;text-align:center}.panel--flat{background:transparent;border:none;box-shadow:none;backdrop-filter:none}.eyebrow{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.42em;color:var(--magenta);text-transform:uppercase;text-shadow:0 0 10px rgba(255,79,216,.6)}.logo{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(38px,9vw,76px);font-weight:800;letter-spacing:.08em;background:linear-gradient(120deg,var(--cyan) 0%,#fff 45%,var(--violet) 70%,var(--magenta) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(56,224,255,.45))}.tagline{color:var(--dim);font-size:15px;line-height:1.6;max-width:340px}.btn{font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:700;letter-spacing:.22em;padding:13px 34px;border-radius:10px;border:none;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease;min-width:150px}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px) scale(.98)}.btn--primary{color:#02121d;background:linear-gradient(135deg,var(--cyan),#8ae6ff);box-shadow:0 0 24px #38e0ff8c}.btn--ghost{background:transparent;border:1px solid rgba(154,163,199,.4);color:var(--dim);min-width:150px}.hint{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center;color:var(--dim);font-size:13px}.kbd{display:inline-block;padding:2px 7px;border:1px solid rgba(154,163,199,.45);border-radius:5px;background:#ffffff0a;font-family:ui-monospace,monospace;font-size:12px}.best-line{font-family:ui-monospace,monospace;color:var(--violet);letter-spacing:.14em;font-size:13px;text-shadow:0 0 10px rgba(124,92,255,.5)}.result-score{font-family:ui-monospace,Menlo,monospace;font-size:clamp(34px,8vw,60px);font-weight:800;color:#fff;text-shadow:0 0 22px rgba(56,224,255,.7)}.ready-title{font-family:ui-monospace,Menlo,monospace;font-size:clamp(22px,5vw,40px);letter-spacing:.24em;color:var(--cyan);text-shadow:0 0 18px rgba(56,224,255,.6)}.panel-title{font-family:ui-monospace,Menlo,monospace;letter-spacing:.3em;font-size:22px;color:var(--text)}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;max-width:320px}.row-label{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.18em;color:var(--dim)}.select{padding:8px 12px;background:#05040acc;color:var(--text);border:1px solid rgba(154,163,199,.35);border-radius:8px;font-family:ui-monospace,monospace;font-size:13px}.flash{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:40}.vignette{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:15;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,4,10,.55) 100%)}.toast{position:absolute;left:50%;top:64px;transform:translate(-50%);padding:8px 16px;border-radius:8px;background:#0a0a20d9;border:1px solid rgba(56,224,255,.35);color:var(--text);font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.05em;opacity:0;transition:opacity .3s ease;z-index:50;pointer-events:none}