:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f5;background:#121213;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px}.game{width:min(100%,540px);margin:0 auto;padding:16px 12px;text-align:center}header{border-bottom:1px solid #343438;padding-bottom:12px;margin-bottom:16px}h1{margin:0;font-size:42px;letter-spacing:-2px;font-weight:800}.title-dot{color:#a7c88c}.board{display:grid;gap:6px;width:min(100%,302px);margin:0 auto}.board-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid #343438;font-size:30px;font-weight:750}.active .tile{border-color:#65656e}.tile.filled{border-color:#aaaab4;background:#202023}.message{min-height:21px;margin:8px 0;font-size:14px;line-height:1.5}.keyboard{display:grid;gap:7px}.keyboard-row{display:flex;justify-content:center;gap:5px}.key{flex:1;max-width:46px;min-width:0;min-height:54px;padding:0;border:0;border-radius:5px;background:#626269;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation}.key.wide{flex:1.6;max-width:72px;font-size:12px}.key:hover{background:#797982}.key:active{background:#91919a}.key:focus-visible{outline:3px solid #b7dd91;outline-offset:3px}@media(max-width:360px){.game{padding:16px 8px}.keyboard-row{gap:3px}.key{font-size:13px}.key.wide{font-size:10px}}.tile.correct,.key.correct{background:#386641;border-color:#386641}.tile.present,.key.present{background:#806514;border-color:#806514}.tile.absent,.key.absent{background:#3a3a3c;border-color:#3a3a3c}.key:disabled{cursor:default}.new-game{margin-top:14px;padding:10px 20px;border:1px solid #aaaab4;border-radius:5px;background:#202023;color:#fff;font:inherit;cursor:pointer}.new-game:focus-visible{outline:3px solid #b7dd91;outline-offset:3px}