:root{--bg:#17251f;--panel:#20352c;--panel2:#2b4a3d;--text:#fffaf0;--muted:#adbeb6;--gold:#ffd166;--pink:#f2c14e;--mint:#6aaa64;--line:rgba(255,255,255,.12)}.wordle-board{width:min(330px,100%);margin:0 auto 18px;display:grid;grid-template-rows:repeat(6,1fr);gap:7px}.word-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--line);border-radius:10px;background:rgba(32,53,44,.82);font-size:28px;font-weight:800}.tile.correct{background:#3f8f58;border-color:#3f8f58}.tile.present{background:#b99b3f;border-color:#b99b3f}.tile.absent{background:#4a5550;border-color:#4a5550}.keyboard{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.key{min-height:42px;border:1px solid var(--line);border-radius:10px;color:white;background:rgba(32,53,44,.9);font-weight:800;cursor:pointer}.key.wide{grid-column:span 2}.key.correct{background:#3f8f58}.key.present{background:#b99b3f}.key.absent{background:#4a5550}@media(max-width:560px){.keyboard{gap:4px}.key{font-size:12px;min-height:38px}.tile{font-size:24px}}