:root{--bg: #14111e;--panel: #1f1930;--panel2: #2a2240;--accent: #8a6fd0;--accent2: #b39bff;--text: #ece8f6;--muted: #9b91b8;--good: #4fbf86;--bad: #e0628a}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 50% 0%,#241c3a 0%,var(--bg) 60%);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}#cc{max-width:520px;margin:0 auto;padding:18px 16px 40px;text-align:center}header h1{margin:4px 0 2px;letter-spacing:.18em;font-size:1.9rem;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:.82rem;margin:0 0 14px;line-height:1.4}.modes{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.mode{background:var(--panel);color:var(--muted);border:1px solid #3a2f55;padding:7px 18px;border-radius:999px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .15s}.mode.active{background:var(--accent);color:#fff;border-color:var(--accent)}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.stat{background:var(--panel);border:1px solid #322a4d;border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;gap:2px}.stat .k{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat .v{font-size:1.1rem;font-weight:700;color:var(--accent2)}.tower{display:flex;flex-direction:column;align-items:center;gap:3px;margin:6px 0 12px;min-height:40px}.trow{width:60%;max-width:220px;background:var(--panel2);border:1px solid #3a2f55;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--muted);padding:3px 0}.trow.top{width:36%}.trow.current{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-color:var(--accent2);box-shadow:0 0 14px #8a6fd080}.floorbar{height:6px;background:var(--panel);border-radius:999px;overflow:hidden;margin:0 0 16px}.floorbar .fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .25s}.card{background:var(--panel);border:1px solid #322a4d;border-radius:14px;padding:22px 16px;margin-bottom:14px}.prompt{font-size:2rem;font-weight:800;letter-spacing:.03em;min-height:2.2rem;color:var(--text)}.hint{font-size:.72rem;color:var(--muted);margin:4px 0 16px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{background:var(--panel2);color:var(--text);border:1px solid #3a2f55;border-radius:10px;padding:14px 8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .12s}.opt:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.opt:disabled{cursor:default}.opt.correct{background:var(--good);color:#06241a;border-color:var(--good)}.opt.wrong{background:var(--bad);color:#2a0512;border-color:var(--bad)}.banner{min-height:1.2rem;font-size:.9rem;color:var(--muted);margin-bottom:10px}.banner.over{color:var(--accent2);font-weight:600;line-height:1.5}.restart{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:11px 26px;font-weight:700;cursor:pointer;font-size:.95rem}.restart:hover{background:var(--accent2)}.hidden{display:none}footer{margin-top:18px;color:var(--muted);font-size:.68rem}