:root{--bg:#120c26;--bg-2:#1d1140;--card:#ffffff0f;--card-solid:#221545;--border:#ffffff24;--text:#f4f1ff;--muted:#b3a9d6;--accent:#ffcb47;--accent-dark:#3d2a00;--good:#6ee7a8;--bad:#ff8f8f;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 620px at 15% -10%, #4b2a87 0%, transparent 60%), radial-gradient(900px 520px at 100% 0%, #16355e 0%, transparent 55%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);min-height:100vh;color:var(--text);background-attachment:fixed;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit}.page{width:min(960px,100% - 2rem);margin:0 auto;padding-bottom:4rem}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:min(960px,100% - 2rem);margin:0 auto;padding:1.25rem 0;display:flex}.brand{letter-spacing:.28em;color:var(--accent);font-size:1.15rem;font-weight:800;text-decoration:none}.site-nav{align-items:center;gap:1rem;font-size:.95rem;display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.5rem}.card+.card{margin-top:1.25rem}.grid-2>.card+.card{margin-top:0}.grid-2+.card,.error+.card{margin-top:1.25rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}h1{margin:0 0 .5rem;font-size:clamp(2rem,6vw,3rem);line-height:1.1}h2{margin:0 0 .75rem;font-size:1.15rem}h3{margin:0 0 .5rem;font-size:1rem}p{margin:0 0 1rem}.lead{color:var(--muted);font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.85rem}label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;display:block}input,textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#00000040;border-radius:10px;padding:.75rem .9rem}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical;min-height:90px}.field+.field{margin-top:.9rem}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-dark);border:1px solid #0000;border-radius:10px;padding:.75rem 1.1rem;font-weight:600}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{border-color:var(--border);color:var(--text);background:0 0}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.error{color:var(--bad);margin-top:.75rem}.notice{color:var(--good);margin-top:.75rem}.letters{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.5rem 0 1rem;display:flex}.letter{background:linear-gradient(180deg, #fff3cf, var(--accent));width:3.2rem;height:3.8rem;color:var(--accent-dark);border-radius:12px;place-items:center;font-size:1.9rem;font-weight:800;display:grid;box-shadow:0 6px #0000004d}.phase-bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.timer{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.timer.urgent{color:var(--bad)}.timer-track{background:#0000004d;border-radius:999px;height:6px;overflow:hidden}.timer-fill{background:var(--accent);height:100%;transition:width .25s linear}.code{letter-spacing:.35em;color:var(--accent);font-size:2.4rem;font-weight:800}.list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.row{border:1px solid var(--border);background:#0000002e;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.row.highlight{border-color:var(--accent)}.answer{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);background:#0000002e;padding:.85rem 1rem;font-weight:500}.answer.chosen{border-color:var(--accent);background:#ffcb4729}.tag{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-size:.75rem}.score{font-variant-numeric:tabular-nums;font-weight:700}.winner-banner{text-align:center;border-radius:var(--radius);border:1px solid var(--accent);background:#ffcb4724;padding:1.5rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .5rem}th{color:var(--muted);font-size:.85rem;font-weight:600}td.number,th.number{text-align:right;font-variant-numeric:tabular-nums}.steps{color:var(--muted);margin:0;padding-left:1.1rem}.steps li+li{margin-top:.4rem}.btn{background:var(--accent);color:var(--accent-dark);border:1px solid #0000;border-radius:10px;padding:.75rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.08)}.btn.secondary{border-color:var(--border);color:var(--text);background:0 0}