:root{--bg:#f7f5f0;--surface:#fff;--surface-2:#efece4;--text:#1d1b16;--muted:#6b665c;--line:#d9d4c7;--accent:#3e63dd;--accent-text:#fff;--good:#30a46c;--warn:#e2a336;--bad:#e5484d;--cell:2.4rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15161a;--surface:#1e2026;--surface-2:#2a2d35;--text:#eceae4;--muted:#a19e95;--line:#3a3d46;--accent:#7c9bf7;--accent-text:#0e1220;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#15161a;--surface:#1e2026;--surface-2:#2a2d35;--text:#eceae4;--muted:#a19e95;--line:#3a3d46;--accent:#7c9bf7;--accent-text:#0e1220;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);touch-action:manipulation;border-radius:10px;min-height:44px;padding:.55rem .9rem}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}input[type=text],input[type=number],select{border:1px solid var(--line);background:var(--surface);border-radius:10px;max-width:100%;min-height:44px;padding:.55rem .7rem}.page{max-width:760px;margin:0 auto;padding:1rem 16px 3rem}.muted{color:var(--muted)}.hero .logo{letter-spacing:.02em;margin:0;font-weight:800}.hero h1{margin:.2rem 0 .4rem;font-size:clamp(2rem,7vw,3rem)}.kind h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.8rem 0 .6rem;font-size:1rem}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:.8rem;height:100%;padding:.8rem;text-decoration:none;display:flex}.card:hover{border-color:var(--accent)}.card .icon{font-size:1.8rem}.card-text{flex:1;gap:.15rem;font-size:.95rem;display:grid}.badge{background:var(--surface-2);border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.badge.won{background:var(--good);color:#fff}.foot{margin-top:2.5rem;font-size:.85rem}.crumbs a{color:var(--muted);text-decoration:none}.game-head h1{margin:.6rem 0 .2rem}.game-head p{margin:0 0 .8rem}.date-pick{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.board{justify-items:center;gap:.8rem;margin-top:1rem;display:grid}.result{background:var(--surface);border:2px solid var(--line);border-radius:14px;justify-items:start;gap:.5rem;margin-top:1rem;padding:1rem;display:grid}.result.won{border-color:var(--good)}.result.lost{border-color:var(--bad)}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.grid{gap:2px;max-width:100%;display:grid}.cell{width:var(--cell);height:var(--cell);-webkit-user-select:none;user-select:none;border-radius:6px;place-items:center;min-height:0;padding:0;font-weight:700;display:grid}.correct{color:#fff;background:var(--good)!important;border-color:var(--good)!important}.present{color:#1d1b16;background:var(--warn)!important;border-color:var(--warn)!important}.absent{color:var(--muted);background:var(--surface-2)!important}.selected{outline:3px solid var(--accent);outline-offset:-3px}.keyboard{gap:.35rem;width:100%;max-width:520px;display:grid}.keyboard .row{flex-wrap:nowrap;gap:.3rem}.keyboard button{text-transform:uppercase;flex:1;min-width:0;padding:.6rem 0;font-weight:700}.keyboard button.wide{flex:1.6;font-size:.8rem}.message{text-align:center;min-height:1.4rem;margin:0;font-weight:600}@media (max-width:420px){:root{--cell:2.1rem}}