:root{--bg:#0f1020;--bg2:#1a1b35;--card:#232450;--text:#eef0ff;--muted:#9aa0c8;--accent:#7c6bff;--green:#34d399;--red:#fb7185;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 30% 10%, var(--bg2), var(--bg) 70%);color:var(--text);min-height:100%}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;padding:32px 20px 48px;display:flex}.home{text-align:center;justify-content:center;align-items:center;gap:8px}.home h1{letter-spacing:-.5px;margin:0;font-size:2.6rem;font-weight:800}.home h1 .or{color:var(--accent);font-style:italic}.tagline{color:var(--muted);margin:4px 0 28px;font-size:1.05rem}.modes{flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex}.modebtn{background:var(--card);color:var(--text);text-align:left;border:1px solid #353766;border-radius:16px;flex-direction:column;gap:4px;padding:20px;transition:transform .12s,border-color .12s;display:flex}.modebtn:hover{border-color:var(--accent);transform:translateY(-2px)}.modebtn .mname{font-size:1.3rem;font-weight:700}.modebtn.easy .mname{color:var(--green)}.modebtn.hard .mname{color:#fbbf24}.modebtn.superhard .mname{color:var(--red)}.modebtn:disabled{opacity:.45;cursor:not-allowed}.modebtn:disabled:hover{border-color:#353766;transform:none}.namebox{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:38px;margin:0 0 24px;display:flex}.namebox input{color:var(--text);background:#0f1020;border:1px solid #45487e;border-radius:10px;width:220px;padding:9px 12px;font-size:.95rem}.namebox input:focus{border-color:var(--accent);outline:none}.save{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:9px 16px;font-weight:700}.err{color:var(--red);width:100%;font-size:.8rem}.link{color:var(--accent);background:0 0;border:none;margin-top:24px;font-size:.95rem}.link:hover{text-decoration:underline}.link.inline{color:var(--muted);margin:0;font-size:.8rem}.modebtn .mdesc{color:var(--muted);font-size:.92rem}.src{color:var(--muted);margin-top:28px;font-size:.78rem}.credit{color:var(--muted);margin-top:18px;font-size:.78rem}.credit a{color:inherit;text-decoration:underline}.credit a:hover{color:var(--fg,inherit)}header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.back{color:var(--muted);background:0 0;border:none;padding:4px 0;font-size:.95rem}.back:hover{color:var(--text)}.badge{background:var(--card);color:var(--muted);border:1px solid #353766;border-radius:999px;padding:4px 12px;font-size:.8rem}.timer{font-variant-numeric:tabular-nums;background:#0f1020;border:1px solid #353766;border-radius:8px;padding:2px 10px;font-size:1.15rem;font-weight:800}.timer.low{color:var(--red);border-color:var(--red);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.over{text-align:center;justify-content:center;align-items:center}.timeup{color:var(--muted);letter-spacing:1px;margin:0;font-size:1.2rem}.finalscore{color:var(--accent);margin:4px 0 0;font-size:5rem;font-weight:800;line-height:1}.finallabel{margin:4px 0 0;font-size:1.1rem;font-weight:600}.finalmeta{color:var(--muted);margin:12px 0 28px;font-size:.95rem}.overbtns{flex-direction:column;align-items:center;gap:12px;display:flex}.overbtns .link{margin:0}.stats{font-variant-numeric:tabular-nums;gap:16px;margin-left:auto;font-weight:600;display:flex}.stats em{color:var(--muted);font-style:normal;font-weight:400}.prompt{text-align:center;color:var(--muted);margin:40px 0 16px;font-size:1.05rem}.card{background:var(--card);border:2px solid #353766;border-radius:20px;justify-content:center;align-items:center;min-height:150px;padding:24px;transition:border-color .2s,background .2s;display:flex}.card.right{border-color:var(--green);background:#14342b}.card.wrong{border-color:var(--red);background:#3a1d28}.word{letter-spacing:.5px;word-break:break-word;text-align:center;font-size:2.6rem;font-weight:800}.choices{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.choices.three{grid-template-columns:1fr 1fr 1fr}@media (width<=460px){.choices.three{grid-template-columns:1fr}}.choice{background:var(--card);color:var(--text);border:1px solid #353766;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:1.1rem;font-weight:700;transition:transform .1s,background .1s;display:flex}.choice:hover{transform:translateY(-2px)}.choice.real:hover{border-color:var(--green);background:#1d3a30}.choice.typo:hover{background:#3a3320;border-color:#fbbf24}.choice.imposter:hover{border-color:var(--red);background:#3a2230}kbd{color:var(--muted);background:#0f1020;border:1px solid #45487e;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:.72rem}.result{text-align:center;margin-top:22px}.verdict{margin:0 0 6px;font-size:1.4rem;font-weight:800}.verdict.ok{color:var(--green)}.verdict.bad{color:var(--red)}.reveal{color:var(--text);margin:0 0 22px;font-size:1.05rem}.next{background:var(--accent);color:#fff;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:1.05rem;font-weight:700;display:inline-flex}.next:hover{filter:brightness(1.1)}.next kbd{color:#fff;background:#00000040;border-color:#ffffff4d}.board header h2{margin:0;font-size:1.4rem}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 18px;display:flex}.tab{background:var(--card);color:var(--muted);border:1px solid #353766;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.lb{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.lb th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #353766;padding:8px 12px;font-size:.78rem}.lb td{border-bottom:1px solid #232450;padding:12px}.lb td.nm{font-weight:600}.lb tr.top td{color:#fbbf24;font-weight:700}.empty{text-align:center;color:var(--muted);margin-top:40px}