:root{--bg:#faf7f2;--fg:#1f1d1a;--muted:#6b665f;--accent:#c2185b;--border:#d8d3ca;--hit:#538d4e;--present:#b59f3b;--miss:#3a3a3c;--key:#d3d6da;--key-fg:#1f1d1a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 16px 48px;display:flex}.header{text-align:center;margin-bottom:24px}.header h1{letter-spacing:.5px;margin:0 0 4px;font-size:28px;font-weight:700}.header p{color:var(--muted);margin:0;font-size:14px}.card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:16px;padding:20px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 18px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--fg);border:1px solid var(--border);background:0 0}.field{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:12px;font-size:16px}.board{aspect-ratio:5/6;grid-template-rows:repeat(6,1fr);gap:6px;width:min(330px,92vw);margin:0 auto 12px;display:grid}.row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.cell{border:2px solid var(--border);text-transform:uppercase;color:var(--fg);-webkit-user-select:none;user-select:none;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.cell.filled{border-color:#9a958c}.cell.hit,.cell.present,.cell.miss{color:#fff;border-color:#0000}.cell.hit{background:var(--hit)}.cell.present{background:var(--present)}.cell.miss{background:var(--miss)}.kb{flex-direction:column;gap:6px;margin-top:8px;display:flex}.kb-row{justify-content:center;gap:4px;display:flex}.kb button{background:var(--key);min-width:22px;color:var(--key-fg);text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;flex:1;padding:14px 0;font-weight:700}.kb button.wide{flex:1.5;font-size:12px}.kb button.hit{background:var(--hit);color:#fff}.kb button.present{background:var(--present);color:#fff}.kb button.miss{background:var(--miss);color:#fff}.timer{font-variant-numeric:tabular-nums;text-align:center;margin:6px 0 12px;font-size:18px;font-weight:700}.progress{text-align:center;color:var(--muted);margin-bottom:8px;font-size:13px}.leaderboard{border-collapse:collapse;width:100%;margin-top:12px}.leaderboard th,.leaderboard td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px;font-size:14px}.leaderboard th{color:var(--muted);font-weight:600}.leaderboard td.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:13px}.error{color:#b00020;margin-top:6px;font-size:13px}