:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#24322e;background:#f8f7f1;--green:#31765e;--gold:#a77924;--gray:#626b69}*{box-sizing:border-box}body{margin:0}header{max-width:1050px;margin:auto;padding:22px 26px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;color:#24322e;font-size:24px;font-weight:850;letter-spacing:-1px}.brand span{color:var(--green)}.brand img{width:42px;height:42px;object-fit:contain;margin-right:9px}button{font:inherit;cursor:pointer;border:1px solid #d8dfd8;border-radius:9px;background:#fff;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,button *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}#help{width:38px;height:38px;border-radius:50%;font-weight:800}main{max-width:520px;margin:10px auto 0;padding:0 14px 25px;text-align:center}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:750;color:var(--green)}h1{font-family:Georgia,serif;font-size:64px;letter-spacing:-4px;margin:5px 0 8px}h1 span{color:var(--green)}.intro{font-size:14px;color:#67726c;margin:0 0 20px}.modes{display:flex;justify-content:center;gap:5px}.modes button{padding:9px 20px;border:0;background:transparent;font-size:13px;font-weight:650}.modes button[aria-pressed=true]{background:#243e33;color:white}.puzzle-meta{max-width:318px;margin:22px auto 12px;display:flex;justify-content:space-between;font-size:11px;color:#758078}#board{display:grid;gap:6px;width:min(318px,80vw);margin:auto}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tile{aspect-ratio:1;border:2px solid #d6dcd4;border-radius:7px;background:#fffdfa;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:800}.tile.filled{border-color:#829588}.tile.correct,.key.correct,.correct{background:var(--green);color:white;border-color:var(--green)}.tile.present,.key.present,.present{background:var(--gold);color:white;border-color:var(--gold)}.tile.absent,.key.absent,.absent{background:var(--gray);color:white;border-color:var(--gray)}#message{min-height:22px;margin:12px 0;font-size:13px;font-weight:650}#keyboard{display:grid;gap:7px;margin:14px auto}.key-row{display:flex;gap:5px;justify-content:center}.key{flex:1;max-width:44px;height:51px;padding:0;font-size:14px;font-weight:750;background:#e1e5de;border:0;border-radius:5px}.key.wide{flex:1.65;max-width:66px;font-size:10px}.legend{display:flex;justify-content:center;gap:13px;font-size:10px;margin:22px 0}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:10px;height:10px;border-radius:2px}.foot{font-size:10px;line-height:1.8;color:#79827d}#result button,dialog button{padding:10px 16px;background:#243e33;color:white;border:0;margin:0 3px}dialog{border:1px solid #d6dcd4;border-radius:18px;padding:28px;max-width:min(440px,90vw);color:#24322e;line-height:1.7}dialog::backdrop{background:#122a2066}dialog h2{font:700 27px Georgia,serif}dialog p{font-size:14px}@media(max-height:780px){header{padding:12px 18px}main{margin:0 auto}h1{font-size:47px}.intro{margin-bottom:12px}.puzzle-meta{margin-top:15px}#board{width:min(270px,75vw)}.key{height:46px}.legend{margin:16px 0}}@media(prefers-reduced-motion:no-preference){.tile.correct,.tile.present,.tile.absent{animation:reveal .25s ease-out}@keyframes reveal{from{transform:scaleY(.7)}to{transform:scaleY(1)}}}