:root{color:#f8faf6;background:#101820;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: #17232d;--panel-strong: #203340;--line: #314657;--ink-muted: #b8c5c1;--correct: #447c54;--present: #b49a42;--absent: #5a646c;--accent: #d8e8df}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{width:min(100%,520px);min-height:100vh;min-height:100svh;margin:0 auto;display:grid;grid-template-rows:1fr auto;padding:16px clamp(18px,5vw,26px) 14px}.game{display:flex;min-height:0;flex-direction:column;justify-content:center;gap:14px}.topbar{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:16px}.title-block{min-width:0;text-align:center}.kicker,.meta-row,.status{color:var(--ink-muted)}.kicker{margin:0 0 2px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;line-height:1;font-size:2.4rem}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--accent);background:var(--panel);text-decoration:none}.icon-button:active{transform:translateY(1px)}.meta-row{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}.board{display:grid;gap:8px;width:min(100%,352px);margin:4px auto 0}.grid-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--line);border-radius:8px;background:#12202a;color:#f9fbf5;font-size:1.6rem;font-weight:850;line-height:1;text-transform:uppercase}.tile.current{border-color:#d8e8df}.tile.correct,.key.correct{background:var(--correct);border-color:var(--correct)}.tile.present,.key.present{background:var(--present);border-color:var(--present)}.tile.absent,.key.absent{background:var(--absent);border-color:var(--absent)}.status{min-height:24px;margin:0;text-align:center;font-size:.96rem;font-weight:700}.keyboard{display:grid;gap:8px;padding-top:12px;width:100%}.key-row{display:flex;justify-content:center;gap:5px;width:100%}.action-row{display:flex;justify-content:center;gap:5px}.key,.control-key{min-height:45px;border:1px solid #334858;border-radius:7px;color:#f9fbf5;background:var(--panel-strong);font-weight:850;text-transform:uppercase}.key{width:clamp(31px,calc((100vw - 81px)*.1),44px);padding:0}.key:disabled,.control-key:disabled{cursor:not-allowed;opacity:.74}.control-key{flex:1;max-width:168px;padding:0 14px;text-transform:none}.control-key.primary{background:#d8e8df;border-color:#d8e8df;color:#101820}.list-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,264px);margin:4px auto 0;padding:4px;border:1px solid var(--line);border-radius:8px;background:#12202a}.list-option{min-height:42px;display:grid;place-items:center;gap:1px;border:1px solid transparent;border-radius:6px;color:var(--ink-muted);background:transparent;font-weight:850}.list-option small{font-size:.68rem;font-weight:800}.list-option.selected{color:#101820;background:#d8e8df;border-color:#d8e8df}.list-note{min-height:16px;margin:-2px 0 0;color:var(--ink-muted);text-align:center;font-size:.76rem;font-weight:750}@media(min-width:540px){.app-shell{padding-block:28px 22px}.game{gap:16px}h1{font-size:3rem}.tile{font-size:1.9rem}}