#word-app{width:min(1000px,calc(100% - 48px));padding-bottom:30px}.daily-badge{font-size:10px;letter-spacing:1.5px;color:#708679}.word-nav{display:flex;justify-content:space-between;margin:20px 0 28px}.word-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.word-eyebrow{font-size:10px;letter-spacing:2px;color:#5c8a72;margin-bottom:8px}.word-heading h1{font-size:44px;letter-spacing:-2px}.word-heading p:last-child{font-size:14px;color:#819087;margin-top:10px}.reset-card{display:grid;gap:3px;padding:13px 18px;background:white;border:1px solid var(--line);border-radius:10px;flex-shrink:0}.reset-card span{font-size:8px;letter-spacing:1.5px;color:#8b98a2}.reset-card strong{font-size:22px;font-variant-numeric:tabular-nums;color:#4e6e5c}.reset-card small{font-size:10px;color:#8a9690}.word-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.word-game{background:white;border:1px solid var(--line);border-radius:18px;padding:24px 20px}.word-game-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8a9590;margin-bottom:18px}#game-clock{font-size:20px;color:#54705f;font-variant-numeric:tabular-nums}#name-form{max-width:330px;margin:0 auto 18px}#name-form label{margin-top:0}#name-form input{margin-bottom:12px}#start-panel{padding:16px;background:#f2f7f3;border:1px solid #dce9de;border-radius:12px;margin-bottom:16px}#start-panel h2{font-size:19px}#start-panel p{font-size:13px;color:#7a8a7f;line-height:1.7;margin:8px 0 16px}#message{font-size:13px;line-height:1.6;text-align:center;color:#6d7e73;min-height:24px;margin:10px 0 16px}#message.error{color:#af5b42}.word-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.word-row+.word-row{margin-top:6px}#word-board{width:min(100%,310px);margin:0 auto 22px}.word-tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid #e0e6e2;border-radius:6px;font-size:27px;font-weight:750;text-transform:uppercase;line-height:1;color:#35483c;background:#fff}.word-tile.filled{border-color:#95ac9d}.word-tile.correct,.correct{background:#56866a;border-color:#56866a;color:white}.word-tile.present,.present{background:#c39c4e;border-color:#c39c4e;color:white}.word-tile.absent,.absent{background:#87918b;border-color:#87918b;color:white}.word-tile.reveal{animation:tile-reveal .5s var(--delay) both}.word-tile.pop{animation:tile-pop .12s ease-out}#keyboard{display:grid;gap:6px;margin:0 auto;max-width:480px}.key-row{display:flex;justify-content:center;gap:4px}.key-row button{flex:1;min-width:0;max-width:44px;min-height:52px;border-radius:6px;background:#e8ede9;color:#45584a;font-size:14px;font-weight:700;padding:4px}.key-row .wide{max-width:none;flex:1.6;font-size:10px}.key-row button.correct{background:#56866a;color:white}.key-row button.present{background:#c39c4e;color:white}.key-row button.absent{background:#87918b;color:white}.key-row button:disabled{opacity:.65}.word-legend{display:flex;justify-content:center;gap:16px;margin:20px 0 0;font-size:10px;color:#8b9690}.word-legend span{display:flex;align-items:center;gap:5px}.word-legend i{width:9px;height:9px;border-radius:2px}#share{margin-top:18px}.word-sidebar{display:grid;gap:20px}.word-record,.word-rankings{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.word-sidebar h2{font-size:16px}.word-record>p{font-size:11px;line-height:1.7;color:#96a099;margin-top:14px}#record{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}#record strong{font-size:23px;display:block;color:#4e6e5c}#record small{font-size:10px;color:#8b9890}.word-rank-heading{display:flex;justify-content:space-between;align-items:center}.word-rank-heading button{font-size:11px}.rank-tabs{display:flex;gap:5px;margin:16px 0 12px}.rank-tabs button{flex:1;padding:10px;border-radius:7px;color:#84918a;background:#f3f6f3}.rank-tabs button[aria-pressed=true]{background:#e1eee5;color:#427555}#ranking-explainer,#ranking-empty{font-size:11px;line-height:1.7;color:#8a968e}#word-ranks{list-style:none;padding:0;margin:12px 0}#word-ranks li{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #edf1ed;font-size:12px}#word-ranks li>span{color:#98a59b}#word-ranks li>div{min-width:0;flex:1;overflow-wrap:anywhere}#word-ranks li strong{display:block;font-size:12px}#word-ranks li small{font-size:10px;color:#9ca79f}#word-ranks li>b{font-size:12px;color:#4d735a;white-space:nowrap}.word-footnote{font-size:11px;line-height:1.8;color:#95a097;max-width:700px;margin:24px auto;text-align:center}#help-dialog p{font-size:14px;line-height:1.8;color:#7c8980;margin:14px 0}#help-dialog h2{padding-right:25px}.word-row.invalid{animation:row-shake .3s ease-in-out}@keyframes tile-reveal{0%{transform:rotateX(90deg);opacity:.3}100%{transform:rotateX(0);opacity:1}}@keyframes tile-pop{50%{transform:scale(1.08)}}@keyframes row-shake{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@media(max-width:720px){#word-app{width:calc(100% - 28px)}.word-columns{grid-template-columns:1fr;gap:18px}.word-heading{gap:12px;margin-bottom:18px}.word-heading h1{font-size:32px}.word-heading p:last-child{font-size:12px}.word-eyebrow{font-size:8px;letter-spacing:1.5px}.reset-card{padding:10px}.reset-card strong{font-size:18px}.reset-card small{font-size:8px}.word-game{padding:16px 10px;border-radius:13px}#word-board{max-width:280px}.word-tile{font-size:25px}.key-row{gap:3px}.key-row button{min-height:48px;padding:2px;font-size:13px}.key-row .wide{font-size:9px}.daily-badge{font-size:8px;letter-spacing:1px}.word-nav{margin:14px 0 22px}.word-nav .button{font-size:13px}.word-legend{gap:12px}.word-sidebar{grid-template-columns:1fr}.rank-tabs button,.word-rank-heading button{min-height:44px}#name-form{padding:0 6px}#player-name{font-size:16px}.word-footnote{font-size:11px}}
@media(max-width:360px){.word-heading h1{font-size:29px}.word-heading p:last-child{max-width:155px}.word-game{padding-inline:7px}.key-row button{font-size:12px}.word-legend{font-size:9px;gap:10px}}
#daily-result{text-align:center;padding:30px 24px}#daily-result h2{padding:0}#daily-result p{font-size:14px;line-height:1.8;color:#7a8b80;margin:14px 0 22px}#daily-result .button+.button{margin-top:10px}.daily-result-icon{display:grid;place-items:center;width:70px;height:70px;background:#e0efe4;color:#56866a;border-radius:50%;margin:0 auto 20px;font-size:40px}#daily-result[open]{animation:tile-pop .3s ease-out}
.current-word-player{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eff5f0;border:1px solid #dce8de;border-radius:10px;padding:12px;margin-bottom:18px}.current-word-player>div{min-width:0}.current-word-player small{font-size:8px;letter-spacing:1.5px;color:#8a9d8f;display:block}.current-word-player strong{font-size:15px;overflow-wrap:anywhere}.current-word-player .button{font-size:12px;flex-shrink:0;padding-inline:12px}.saved-word-players{padding:12px;background:#f4f7f4;border-radius:10px;margin-bottom:14px}.saved-word-players label{font-size:12px;margin:0 0 8px}.saved-word-players>div{display:flex;gap:8px}.saved-word-players select{min-width:0;flex:1;border:1px solid #d8e1da;border-radius:7px;padding:10px;background:white}#use-browser-player{margin-bottom:16px}