:root{--felt: #14251f;--felt-edge: #0c1713;--ink: #f3ece0;--muted: #9db3a8;--accent: #e8c26a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,var(--felt) 0%,var(--felt-edge) 70%);color:var(--ink);font:16px/1.5 Iowan Old Style,Palatino Linotype,Georgia,serif;min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:24px 24px 64px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;padding:14px 16px;border:1px solid rgba(232,194,106,.25);border-radius:10px;background:#0003}.controls label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.controls select,.controls button{font:inherit;font-size:14px;padding:6px 12px;border-radius:6px;border:1px solid rgba(243,236,224,.3);background:#f3ece014;color:var(--ink);cursor:pointer}.controls button:hover{border-color:var(--accent)}.derived{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 0 auto}.derived div{text-align:right}.derived dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.derived dd{margin:0;font-size:15px}.issues{margin:0 0 20px;padding:12px 16px 12px 32px;border-left:3px solid #d08b3a;background:#d08b3a1f;font-size:13px;color:#f0d5b0}.error{color:#f0a5a5}.board{display:grid;grid-template-columns:repeat(var(--columns, 6),minmax(0,1fr));gap:10px}.tile{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center;padding:8px;background-size:100% 100%;background-repeat:no-repeat;text-align:center}.tile-word{font-size:clamp(10px,1.4vw,16px);font-weight:600;letter-spacing:.04em;color:#2a2118;text-transform:uppercase;overflow-wrap:anywhere}.tile-label{position:absolute;bottom:6px;font-size:10px;color:#2a2118b3}.hand{margin-top:32px}.hand h2{font-size:18px;margin:0 0 4px}.hint{margin:0;color:var(--muted);font-size:13px}:root{--seat-gold: #e8c26a;--seat-blue: #7aa7d8;--seat-green: #7fc08a;--seat-orange: #e0975a;--seat-pink: #d98cb0;--seat-purple: #a891d6;--good: #8fd39a;--bad: #f0a5a5}.clock{display:flex;align-items:baseline;gap:2px;font-size:40px;font-variant-numeric:tabular-nums;color:var(--accent)}.clock-unit{font-size:15px;color:var(--muted)}.clock.urgent{color:#f0a5a5}.panel{margin:24px 0;padding:16px 18px;border:1px solid rgba(232,194,106,.22);border-radius:10px;background:#00000038}.panel h2{margin:0 0 8px;font-size:20px}.panel h3{margin:0 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.name-form,.clue-form{display:flex;align-items:flex-end;gap:12px;margin:12px 0}.name-form label,.clue-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.name-form input,.clue-form input{font:inherit;padding:8px 12px;border-radius:6px;border:1px solid rgba(243,236,224,.3);background:#f3ece014;color:var(--ink)}.clue-form input{font-size:22px;letter-spacing:.06em;min-width:280px}button{font:inherit;font-size:14px;padding:9px 16px;border-radius:6px;border:1px solid rgba(243,236,224,.3);background:#f3ece014;color:var(--ink);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#21190d;font-weight:600}.rule-note{margin:6px 0 0;padding:8px 12px;border-left:3px solid #d08b3a;background:#d08b3a1f;font-size:13px;color:#f0d5b0}.seats{list-style:none;margin:0;padding:0;display:grid;gap:8px}.seat{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#f3ece00d;border:1px solid transparent}.seat[data-me=true]{border-color:#e8c26a66}.seat-swatch{width:10px;align-self:stretch;border-radius:3px;background:var(--seat-colour, var(--muted))}.seat-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.seat-name{font-size:16px}.seat-you{color:var(--muted);font-size:13px}.seat-blurb{display:block;font-size:12px;color:var(--muted);font-style:italic}.seat-note{font-size:12px;color:var(--muted)}.seat-gone{color:#d08b3a}.seat-numbers{display:flex;flex-direction:column;align-items:flex-end}.seat-score{font-size:20px;font-variant-numeric:tabular-nums}.seat-hand{font-size:11px;color:var(--muted)}.guess-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.clue-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.clue-chip{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;text-align:left}.clue-chip[data-active=true]{border-color:var(--accent);background:#e8c26a24}.clue-word{font-size:22px;letter-spacing:.05em}.clue-by,.clue-answer{font-size:12px;color:var(--muted)}.clue-chip[data-answered=true] .clue-answer{color:var(--good)}.tile-button{display:block;width:100%;padding:0;border:none;background:none;border-radius:4px}.tile-button:disabled{opacity:.4}.tile-button[data-selected=true]{outline:3px solid var(--accent);outline-offset:2px}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.result-card{padding:12px 14px;border-radius:8px;background:#f3ece00d;border:1px solid transparent}.result-card[data-outcome=miss]{border-color:#f0a5a559}.result-card[data-fan=true]{border-color:var(--accent);background:#e8c26a1f}.result-card header{display:flex;align-items:baseline;gap:8px}.result-clue{font-size:22px;letter-spacing:.05em}.result-name{font-size:13px;color:var(--muted);flex:1}.result-total{font-size:22px;font-variant-numeric:tabular-nums}.good{color:var(--good)}.bad{color:var(--bad)}.outcome{margin:6px 0;font-size:13px}.terms{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.answers{list-style:none;margin:0;padding:0;font-size:13px}.answers li{display:flex;align-items:baseline;gap:8px;padding:2px 0;color:var(--muted)}.answers li[data-hit=true]{color:var(--ink)}.answer-word{flex:1;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.answer-forced{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#d08b3a}.guesser-results{list-style:none;margin:0;padding:0}.guesser-results li{display:flex;align-items:baseline;gap:12px;padding:6px 0;border-bottom:1px solid rgba(243,236,224,.08)}.guesser-results li[data-me=true]{color:var(--accent)}.result-terms{flex:1;font-size:12px;color:var(--muted)}.winner{font-size:24px;margin:4px 0}.standings{list-style:none;margin:12px 0 0;padding:0;counter-reset:place}.standings li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(243,236,224,.08)}.standings li[data-me=true]{color:var(--accent)}.standing-place{font-size:20px;color:var(--muted);width:24px}.standing-name{flex:1;font-size:17px}.standing-detail{font-size:12px;color:var(--muted)}.standing-score{font-size:24px;font-variant-numeric:tabular-nums;width:60px;text-align:right}.turn-banner{margin:0 0 10px;font-size:15px;color:var(--muted)}.turn-banner strong{color:var(--ink)}.clue-headline{display:flex;flex-direction:column;gap:4px;padding:8px 0 12px}.clue-headline .clue-word{font-size:40px;letter-spacing:.06em;color:var(--accent)}.seat[data-active=true]{border-color:var(--accent);background:#e8c26a1a}.turn-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.turn-strip li{display:flex;align-items:baseline;gap:8px;padding:8px 10px;border-radius:6px;background:#f3ece00d}.turn-strip .clue-word{font-size:16px;flex:1}.turn-strip li[data-outcome=miss]{border-left:3px solid rgba(240,165,165,.5)}:root{--toolbar-height: 54px}.shell{min-height:100vh}.toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;height:var(--toolbar-height);padding:0 20px;border-bottom:1px solid rgba(232,194,106,.22);background:#08100deb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toolbar-brand{display:flex;align-items:center;gap:10px;min-width:0}.toolbar-mark{width:14px;height:14px;flex:none;transform:rotate(45deg);border-radius:3px;background:var(--accent)}.toolbar-brand h1{margin:0;font-size:19px;letter-spacing:.03em;white-space:nowrap}.toolbar-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-left:auto;font-size:12px;color:var(--muted);min-width:0}.toolbar-chip{display:flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;background:#f3ece00f;border:1px solid rgba(243,236,224,.1);max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.toolbar-chip span:last-child{color:var(--ink);overflow:hidden;text-overflow:ellipsis}.toolbar-chip-key{font-size:10px;text-transform:uppercase;letter-spacing:.09em}.toolbar-status{display:flex;align-items:center;gap:6px;white-space:nowrap}.toolbar-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.toolbar-status[data-status=online] .toolbar-dot{background:var(--good)}.toolbar-status[data-status=connecting] .toolbar-dot{background:#d08b3a}.toolbar-status[data-status=offline] .toolbar-dot{background:var(--bad)}.toolbar-user{display:flex;align-items:center;gap:9px;padding-left:18px;border-left:1px solid rgba(243,236,224,.14)}.toolbar-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#e8c26a29;border:1px solid rgba(232,194,106,.45);color:var(--accent);font-size:14px;font-weight:600}.toolbar-user-body{display:flex;flex-direction:column;line-height:1.2;min-width:0}.toolbar-user-name{font-size:14px}.toolbar-user-note{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.game-header{position:sticky;top:var(--toolbar-height);z-index:15;padding:12px 20px 10px;border-bottom:1px solid rgba(232,194,106,.18);background:#0c1813f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.gh-what{min-width:0}.gh-progress{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.gh-progress strong{color:var(--ink)}.gh-action{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;font-size:22px;line-height:1.25}.gh-clue{font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.gh-status{margin:2px 0 0;font-size:13px;color:var(--muted)}.game-header .clock{font-size:32px;flex:none}.gh-players{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.gh-player{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:7px;background:#f3ece00d;border:1px solid transparent;min-width:0}.gh-player[data-me=true]{border-color:#e8c26a66}.gh-player[data-active=true]{border-color:var(--accent);background:#e8c26a1f}.gh-player-swatch{width:6px;align-self:stretch;min-height:26px;border-radius:3px;flex:none;background:var(--seat-colour, var(--muted))}.gh-player-body{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0}.gh-player-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-player-you{color:var(--muted);font-size:12px}.gh-player-note{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-player-score{font-size:20px;font-variant-numeric:tabular-nums;flex:none}@media(max-width:720px){.toolbar{gap:12px;padding:0 12px}.toolbar-chip[data-testid=toolbar-deck],.toolbar-user-note{display:none}.toolbar-chip{max-width:130px}.toolbar-brand h1{font-size:16px}.game-header{padding:10px 12px}.gh-action{font-size:18px}.game-header .clock{font-size:24px}}