:root{--bg:#fafaf9;--surface:#fff;--text:#18181b;--muted:#71717a;--border:#e4e4e7;--hit:#6aaa64;--present:#c9b458;--miss:#787c7e;--empty:#e4e4e7;--lost:#dc2626;--hover:#f4f4f5;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c0c0e;--surface:#17171a;--text:#f4f4f5;--muted:#a1a1aa;--border:#27272a;--hit:#538d4e;--present:#b59f3b;--miss:#3a3a3c;--empty:#27272a;--lost:#f87171;--hover:#1f1f23}}*{box-sizing:border-box}body{background:var(--bg);margin:0}main{flex-direction:column;gap:32px;max-width:640px;margin:0 auto;padding:48px 16px;display:flex}.title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.icon-link{color:var(--muted);border-radius:8px;margin-right:-6px;padding:6px;display:inline-flex}.icon-link:hover{color:var(--text);background:var(--hover)}footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:24px;font-size:.8rem;display:flex}footer a{color:inherit}footer a:hover{color:var(--text)}h1{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:700;line-height:1.2}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-size:.8rem;font-weight:600}p{margin:0}.muted{color:var(--muted)}.error{color:var(--lost)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.today{flex-direction:column;align-items:center;gap:20px;display:flex}.today-head{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.eyebrow{font-weight:600}.badge{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge.won{background:var(--hit)}.badge.lost{background:var(--lost)}.answer{text-transform:uppercase;letter-spacing:.3em;color:var(--muted);font-size:.85rem;font-weight:700}.grid{gap:6px;display:grid}.grid-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.tile{aspect-ratio:1;text-transform:uppercase;color:#fff;border-radius:6px;place-items:center;width:clamp(44px,13vw,56px);font-size:1.5rem;font-weight:700;display:grid}.tile.hit{background:var(--hit)}.tile.present{background:var(--present)}.tile.miss{background:var(--miss)}.tile.empty{border:2px solid var(--empty)}.stats{text-align:center;grid-template-columns:repeat(4,1fr);margin:0;display:grid}.stats dt{color:var(--muted);font-size:.75rem}.stats dd{font-variant-numeric:tabular-nums;order:-1;margin:0;font-size:1.5rem;font-weight:700}.stats div{flex-direction:column;display:flex}.stats div+div{border-left:1px solid var(--border)}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:middle;white-space:nowrap;padding:10px 14px}th{color:var(--muted);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}tbody tr+tr td{border-top:1px solid var(--border)}.num{text-align:center}.date{color:var(--muted);font-variant-numeric:tabular-nums}.word{text-transform:uppercase;letter-spacing:.08em;font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover,tr.clickable:focus-visible{background:var(--hover);outline:none}dialog{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:16px;max-width:calc(100vw - 32px);padding:0}dialog::backdrop{background:#00000080}.dialog-body{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.close{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:8px;font-weight:600}.close:hover{background:var(--hover)}