:root{--surface-canvas:#f8fafc;--surface-card:#ffffff;--surface-muted:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--tile-correct:#15803d;--tile-present:#a16207;--tile-absent:#475569;--tile-empty-border:#cbd5e1;--tile-filled-border:#94a3b8;--on-tile:#ffffff;--action-primary:#166534;--action-primary-text:#ffffff;--status-error:#b91c1c;--focus-ring:#2563eb;--radius:8px;--tile-size:clamp(2.75rem,13vw,3.75rem);--motion-fast:150ms}@media (prefers-color-scheme:dark){:root{--surface-canvas:#0b1220;--surface-card:#111827;--surface-muted:#1f2937;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--tile-correct:#22c55e;--tile-present:#fbbf24;--tile-absent:#475569;--tile-empty-border:#334155;--tile-filled-border:#64748b;--on-tile:#0b1220;--action-primary:#22c55e;--action-primary-text:#0b1220;--status-error:#f87171;--focus-ring:#60a5fa}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--surface-canvas);color:var(--text-primary);font-family:Nunito,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100dvh;display:flex;flex-direction:column;max-width:34rem;margin:0 auto;padding:0 .75rem env(safe-area-inset-bottom)}.header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .25rem;border-bottom:1px solid var(--surface-muted)}.header h1{font-size:1.25rem;margin:0;letter-spacing:.02em}.progress{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-secondary);font-weight:700}.main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.board{grid-gap:.375rem;grid-template-rows:repeat(var(--rows,6),var(--tile-size))}.board,.board-row{display:grid;gap:.375rem}.board-row{grid-template-columns:repeat(var(--cols,5),var(--tile-size));grid-gap:.375rem}.tile{display:flex;align-items:center;justify-content:center;border:2px solid var(--tile-empty-border);border-radius:var(--radius);font-size:calc(var(--tile-size) * .5);font-weight:800;text-transform:uppercase;background:transparent;color:var(--text-primary);position:relative}.tile[data-filled=true]{border-color:var(--tile-filled-border)}.tile[data-mark=ABSENT],.tile[data-mark=CORRECT],.tile[data-mark=PRESENT]{color:var(--on-tile);border-color:transparent}.tile[data-mark=CORRECT]{background:var(--tile-correct)}.tile[data-mark=PRESENT]{background:var(--tile-present)}.tile[data-mark=ABSENT]{background:var(--tile-absent);color:#ffffff}.tile[data-mark]:after{position:absolute;top:2px;right:4px;font-size:.6rem;line-height:1;font-weight:700;opacity:.9}.tile[data-mark=CORRECT]:after{content:"●"}.tile[data-mark=PRESENT]:after{content:"◐"}.tile[data-mark=ABSENT]:after{content:"×"}.tile[data-state=invalid]{animation:shake var(--motion-fast) ease-out 2;border-color:var(--status-error)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.tile[data-state=invalid]{animation:none}*{transition-duration:1ms!important}}.keyboard{display:flex;flex-direction:column;gap:.375rem;width:100%;padding-bottom:.5rem}.keyboard-row{display:flex;justify-content:center;gap:.25rem}.key{flex:1 1 auto;min-width:0;min-height:48px;padding:0 .15rem;border:0;border-radius:6px;background:var(--surface-muted);color:var(--text-primary);font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;text-transform:uppercase}.key:disabled{opacity:.5;cursor:default}.key[data-key-state=CORRECT]{background:var(--tile-correct);color:var(--on-tile)}.key[data-key-state=PRESENT]{background:var(--tile-present);color:var(--on-tile)}.key[data-key-state=ABSENT]{background:var(--tile-absent);color:#ffffff}.key--wide{flex:1.6 1 auto;font-size:.8rem}.status{min-height:1.5rem;font-weight:700;color:var(--status-error)}.card,.status{text-align:center}.card{background:var(--surface-card);border:1px solid var(--surface-muted);border-radius:12px;padding:1.25rem;width:100%}.card h2{margin:0 0 .5rem;font-size:1.25rem}.solution{font-size:1.5rem;font-weight:800;letter-spacing:.12em;margin:.5rem 0 1rem}.button{min-height:48px;padding:0 1.25rem;border:0;border-radius:8px;background:var(--action-primary);color:var(--action-primary-text);font-family:inherit;font-size:1rem;font-weight:800;cursor:pointer}.button--secondary{background:transparent;color:var(--text-primary);border:2px solid var(--tile-filled-border)}.button:disabled{opacity:.6;cursor:default}.summary-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-gap:.375rem;gap:.375rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.summary-list li{display:flex;justify-content:space-between;gap:1rem;padding:.375rem .5rem;background:var(--surface-canvas);border-radius:6px}.actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.hint{color:var(--text-secondary);font-size:.875rem;text-align:center;margin:0}