:root{--bg:#121215;--ink:#f0ece5;--gold:#e4c277;--muted:#c6bec9;--line:#514a57}
body{background:#121215;color:#f0ece5;font-family:Archivo,Arial,sans-serif}
.top{max-width:1180px;margin:auto;padding:22px 24px;border-bottom:1px solid #49414d;background:transparent;gap:12px;flex-wrap:wrap}
.brand{font:800 18px Anybody,Arial,sans-serif;letter-spacing:-.02em;display:flex;gap:10px;align-items:center}
.brand img{width:32px;height:32px}
main{max-width:960px;padding:42px 24px 60px;display:flex;flex-direction:column}
h1{font:800 clamp(34px,6vw,60px)/1.05 Anybody,Arial,sans-serif;letter-spacing:-.035em;margin-bottom:12px;text-align:left;color:#f0ece5}
.sub{text-align:left;color:#c6bec9;font-size:14px;line-height:1.8;margin-bottom:24px}
.legend{background:#211e25;border:1px solid #514a57;border-radius:8px;padding:18px 20px;color:#d2c9d6;text-align:left;line-height:1.8;max-width:none;width:100%;margin-inline:0}
.entry{order:0;width:100%;max-width:none;margin:26px 0 24px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
#guessInput{width:100%;min-width:0;background:#201e24;color:#f4eef7;border:1px solid #7e707e;border-radius:6px;text-align:left;font:400 16px Archivo,sans-serif;padding:16px;min-height:52px}
#guessInput::placeholder{color:#bbb1c1;opacity:1}
#dailyGuess{background:#e4c277;color:#21171d;border:1px solid #e4c277;border-radius:6px;padding:12px 24px;font:600 14px Archivo,sans-serif}
#left{grid-column:1/-1;min-height:22px;color:#d4c6d4;font-size:13px;margin:0}
#suggest{top:54px;left:0;right:0;max-height:300px;overflow:auto;border:1px solid #7e707e;border-radius:6px;background:#25212a;z-index:20;box-shadow:0 12px 24px #0005}
#suggest button{min-height:52px;color:#f3eaf6;background:transparent;border-bottom:1px solid #514752;padding:12px 16px;font:500 14px Archivo,sans-serif}
#suggest button.hot,#suggest button:hover{background:#403448}
#suggest .meta{color:#c9becf}
.cols{margin-top:4px;color:#c8bdcc;font-size:12px;text-transform:none;letter-spacing:0}
.grow{padding:14px 0;border-bottom:1px solid #49414d;background:transparent}
.gname{color:#f1e8f4;font:600 14px Archivo,sans-serif;margin:0 0 9px}
.tiles{gap:8px}
.t{border-radius:6px;min-height:74px;background:#242129;border:1px solid #655a6d;color:#efe9f3;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
.t.g{background:#183c2b;border-color:#4c9a6a;color:#e4f7ea}
.t.y{background:#483c20;border-color:#b39248;color:#fff0c8}
.t .v{font-size:13px}
.daily-mark{font:500 10px Archivo,sans-serif;margin-top:5px}
#result{margin-top:24px}.next{color:#c5b9ce}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #f1d189;outline-offset:3px}
@media(max-width:600px){main{padding:28px 16px}.top{padding:18px 16px}.brand{font-size:14px}.side{font-size:12px}h1{font-size:38px}.tiles{gap:4px}.t{min-height:76px;padding:7px 3px}.t .v{font-size:10px}.daily-mark{font-size:9px}.legend{font-size:12px;padding:14px}.cols{font-size:10px}#dailyGuess{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}