:root{color:#1a1a1b;font-synthesis:none;background:#fff;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button{font:inherit}.game{flex-direction:column;align-items:center;gap:12px;max-width:500px;min-height:100svh;margin:0 auto;padding:16px 12px;display:flex}.game-header{text-align:center;border-bottom:1px solid #d3d6da;width:100%;padding-bottom:16px}.game-header h1{margin:0 0 8px;font-size:clamp(22px,5vw,28px)}.game-header p{color:#595959;margin:0;font-size:14px}.game-header h1:focus{outline:none}.game-status{text-align:center;margin:0;font-size:14px}.account-panel{margin-top:6px;font-size:12px}.account-row{justify-content:center;align-items:center;gap:6px;display:flex}.account-summary{flex:0 auto;align-items:center;gap:6px;min-width:0;max-width:65%;display:flex}.account-label,.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-label{color:#595959}.account-name{font-size:12px;font-weight:600}.account-button{color:#595959;max-width:100%;min-height:28px;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:2px 6px;font-weight:400;text-decoration:none;display:inline-flex}.account-button:hover:not(:disabled):not([aria-disabled]){color:#1a1a1b;text-decoration:underline}.account-button:disabled,.account-button[aria-disabled],.account-text-button:disabled{opacity:.6;cursor:default}.account-message{text-align:left;background:#f6f7f8;border-radius:4px;margin-top:8px;padding:8px;line-height:1.5}.account-message p{margin:0;font-size:12px}.account-text-button{color:#174ea6;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-weight:600;text-decoration:underline}.account-button:focus-visible,.account-text-button:focus-visible{outline-offset:3px;outline:3px solid #205cc8}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-answer{margin:6px 0 0}.board{gap:5px;width:min(100%,300px,45svh);display:grid}.board-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.tile{aspect-ratio:1;text-transform:uppercase;border:2px solid #d3d6da;place-items:center;font-size:30px;font-weight:700;display:grid}.tile.correct,.key.correct{color:#fff;background:#538d4e;border-color:#538d4e}.tile.present,.key.present{color:#fff;background:#8a7400;border-color:#8a7400}.tile.absent,.key.absent{color:#fff;background:#3a3a3c;border-color:#3a3a3c}.keyboard{gap:8px;width:100%;margin-top:auto;display:grid}.keyboard-row{justify-content:center;gap:4px;display:flex}.key{color:#1a1a1b;text-transform:uppercase;touch-action:manipulation;cursor:pointer;background:#d3d6da;border:0;border-radius:4px;flex:1;min-width:0;max-width:44px;min-height:52px;padding:0;font-size:14px;font-weight:700}.key-wide{flex:1.5;max-width:66px;font-size:10px}.key:active:not(:disabled){background:#b5b9bf}.key:focus-visible{outline-offset:2px;outline:3px solid #205cc8}.key:disabled{cursor:default}.site-nav{justify-content:center;gap:8px;margin-top:10px;display:flex}.nav-link{color:#595959;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:4px 10px;font-size:13px;text-decoration:none;display:inline-flex}.nav-link svg{width:18px;height:18px}.nav-link:hover{background:#f1f3f1}.nav-link[aria-current=page]{color:#315b2e;background:#eef4ec;font-weight:600}.nav-link:focus-visible,.primary-link:focus-visible,.text-link:focus-visible{outline-offset:2px;outline:3px solid #205cc8}.page-section{width:100%;padding:8px 4px 20px;font-size:14px;line-height:1.5}.page-section h2{margin:0 0 20px;font-size:20px}.page-section h3{margin:0 0 10px;font-size:15px}.muted,.stats-note{color:#595959}.primary-link{color:#264b23;border:1px solid #b2b7b1;border-radius:5px;justify-content:center;align-items:center;min-height:40px;margin:8px 0;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.primary-link:hover{background:#eef4ec}.text-link{color:#315b2e;text-underline-offset:3px}.profile-identity{align-items:center;gap:12px;margin-bottom:24px;display:flex}.profile-identity>div{min-width:0}.profile-identity h3{overflow-wrap:anywhere;margin:0;font-size:18px}.profile-identity p{margin:3px 0 0;font-size:12px}.profile-avatar{color:#315b2e;background:#eef4ec;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:grid}.profile-stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;margin:0 0 24px;display:grid}.profile-stats>div{flex-direction:column-reverse;display:flex}.profile-stats dt{color:#595959;font-size:11px}.profile-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:26px;font-weight:600;line-height:1.3}.profile-section{margin-top:22px}.guess-distribution{gap:6px;margin:0;padding:0;list-style:none;display:grid}.guess-distribution li{align-items:center;gap:10px;display:flex}.distribution-label{text-align:center;width:12px;font-weight:600}.distribution-track{flex:1;min-width:0}.distribution-bar{text-align:right;font-variant-numeric:tabular-nums;background:#e8eae7;border-radius:2px;min-width:28px;padding:2px 8px;font-size:12px;font-weight:600;display:block}.distribution-bar.has-wins{color:#fff;background:#538d4e}.stats-note{margin-top:12px;font-size:11px}.recent-games{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.recent-games th,.recent-games td{border-bottom:1px solid #e8eae7;padding:9px 0}.recent-games th{color:#595959;font-weight:500}.recent-games th:last-child,.recent-games td:last-child{text-align:right}.profile-footer{border-top:1px solid #e8eae7;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:12px;font-size:12px;display:flex}@media (width<=600px){html{scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom))}.profile-footer .account-text-button{scroll-margin-bottom:calc(76px + env(safe-area-inset-bottom))}.game{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.site-nav{z-index:10;padding:4px 12px calc(4px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d3d6da;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0}.nav-link{flex-direction:column;flex:1;gap:3px;max-width:160px;min-height:48px;padding:4px;font-size:11px}}