:root{color:#f8faf6;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;--error:#b84646;background:#101820;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{grid-template-rows:1fr auto;width:min(100%,520px);min-height:100svh;margin:0 auto;padding:16px clamp(18px,5vw,26px) 14px;display:grid}.game{flex-direction:column;justify-content:center;gap:14px;min-height:0;display:flex}.topbar{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:16px;display:grid}.title-block{text-align:center;min-width:0}.kicker,.meta-row,.status{color:var(--ink-muted)}.kicker{letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:.76rem;font-weight:800}h1{margin:0;font-size:2.4rem;line-height:1}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--accent);background:var(--panel);border-radius:8px;place-items:center;text-decoration:none;display:grid}.icon-button:active{transform:translateY(1px)}.meta-row{justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.board{gap:8px;width:min(100%,352px);margin:4px auto 0;display:grid}.grid-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.tile{aspect-ratio:1;border:2px solid var(--line);color:#f9fbf5;text-transform:uppercase;background:#12202a;border-radius:8px;place-items:center;width:100%;min-width:0;min-height:0;font-size:1.6rem;font-weight:850;line-height:1;display:grid}.tile.current{border-color:#d8e8df}.invalid-row .tile{border-color:var(--error);color:#fff4f4;background:#b8464633}.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{text-align:center;min-height:24px;margin:0;font-size:.96rem;font-weight:700}.keyboard{gap:8px;width:100%;padding-top:12px;display:grid}.key-row{justify-content:center;gap:5px;width:100%;display:flex}.action-row{justify-content:center;gap:5px;display:flex}.key,.control-key{color:#f9fbf5;background:var(--panel-strong);text-transform:uppercase;border:1px solid #334858;border-radius:7px;min-height:45px;font-weight:850}.key{width:clamp(31px,10vw - 8.1px,44px);padding:0}.key:disabled,.control-key:disabled{cursor:not-allowed;opacity:.74}.control-key{text-transform:none;flex:1;max-width:168px;padding:0 14px}.control-key.primary{color:#101820;background:#d8e8df;border-color:#d8e8df}.list-switcher{border:1px solid var(--line);background:#12202a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,264px);margin:4px auto 0;padding:4px;display:grid}.list-option{min-height:42px;color:var(--ink-muted);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;gap:1px;font-weight:850;display:grid}.list-option small{font-size:.68rem;font-weight:800}.list-option.selected{color:#101820;background:#d8e8df;border-color:#d8e8df}.day-picker{border:1px solid var(--line);background:#12202a;border-radius:8px;grid-auto-columns:minmax(60px,1fr);grid-auto-flow:column;gap:5px;width:100%;margin-top:4px;padding:4px;display:grid}.day-button{min-width:0;min-height:45px;color:var(--ink-muted);background:0 0;border:1px solid #0000;border-radius:6px;align-content:center;justify-items:center;gap:1px;font-weight:850;transition:background-color .14s,color .14s,transform .14s;display:grid}.day-button span,.day-button small{text-align:center;white-space:nowrap;width:100%;min-width:0}.day-button span{font-size:.74rem}.day-button small{opacity:.78;font-size:.62rem;font-weight:750}.day-button:hover{background:var(--panel-strong);color:#f9fbf5}.day-button:focus-visible{outline-offset:2px;outline:3px solid #d8e8df9e}.day-button:active{transform:scale(.98)}.day-button.active{color:#101820;background:#d8e8df;border-color:#d8e8df}@media (width>=540px){.app-shell{padding-block:28px 22px}.game{gap:16px}h1{font-size:3rem}.tile{font-size:1.9rem}}