*{box-sizing:border-box}:root{color-scheme:light;--bg: #2b1c12;--surface: #f1e4c8;--surface-alt: #e6d5ab;--accent: #a8342c;--accent-b: #c8960c;--text: #f1e4c8;--ink: #3a2a18;--muted: #c2ab88;--muted-ink: #7a6247;--danger: #9c3128;--success: #3f6b3f;--font-serif: Georgia, "Times New Roman", serif}body{margin:0;background:radial-gradient(circle at top,#3c2a1a 0%,var(--bg) 65%);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}#root{min-height:100vh}.page{max-width:840px;margin:0 auto;padding:32px 20px 60px}.page-centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding-top:60px}.title{font-family:var(--font-serif);font-size:2.6rem;margin:0;letter-spacing:1px;background:linear-gradient(90deg,var(--accent),var(--accent-b));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);margin:0 0 8px}.card{background:var(--surface);color:var(--ink);border:1px solid #c9a96a;border-radius:10px;padding:24px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;box-shadow:0 3px #3a2a1859,0 10px 24px #00000059}.wordbank-layout .card{max-width:none}.page-lobby{max-width:1160px}.lobby-layout{display:flex;gap:28px;align-items:flex-start}.lobby-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.lobby-main .card{max-width:none;width:100%;padding:28px}.field{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:.85rem;color:var(--muted-ink)}input{background:var(--surface-alt);border:1px solid #c9a96a;border-radius:6px;padding:10px 12px;color:var(--ink);font-size:1rem}input:focus{outline:2px solid var(--accent)}.btn{background:var(--surface-alt);border:1px solid #b8985f;color:var(--ink);padding:12px 18px;border-radius:6px;font-size:1rem;cursor:pointer;font-weight:600;box-shadow:0 3px #3a2a184d;transition:transform .05s ease,box-shadow .05s ease}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(2px);box-shadow:0 1px #3a2a184d}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-b));border:1px solid rgba(58,42,24,.4);color:#fbf1dc;font-weight:700}.btn-small{font-size:.8rem;padding:6px 10px;border-radius:5px}.btn-correct{background:var(--success);border:1px solid rgba(58,42,24,.4);color:#fbf1dc;font-weight:700;flex:1}.btn-skip{background:var(--surface-alt);border:1px solid var(--danger);color:var(--danger);flex:1}.divider{color:var(--muted);font-size:.8rem;text-align:center}.error-text{color:var(--danger);font-size:.85rem;cursor:pointer}.link-muted{color:var(--muted);text-decoration:none;font-size:.9rem}.link-muted:hover{color:var(--accent-b)}.lobby-header{text-align:center;margin-bottom:20px}.room-code{font-family:var(--font-serif);letter-spacing:4px;color:var(--accent-b)}.team-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.team-panel{flex:1;min-width:160px;background:var(--surface);color:var(--ink);border-radius:10px;padding:16px;border:2px solid #c9a96a;box-shadow:0 3px #3a2a184d}.team-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.team-panel-header h3{margin:0;font-family:var(--font-serif)}.team-panel-actions{display:flex;gap:6px}.btn-remove-team{color:var(--danger);padding:6px 8px}.btn-add-team{align-self:flex-start;margin-bottom:20px}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.player-list li{background:var(--surface-alt);color:var(--ink);padding:8px 10px;border-radius:6px;font-size:.9rem}.player-me{outline:2px solid var(--accent)}.player-empty{color:var(--muted-ink);background:transparent!important}.host-badge{margin-left:8px;font-size:.65rem;background:var(--accent);color:#fbf1dc;padding:2px 6px;border-radius:5px}.lobby-section-header{display:flex;justify-content:space-between;align-items:center}.lobby-section-header h3{margin:0;font-family:var(--font-serif)}.category-group{margin-bottom:12px}.category-group h4{color:var(--muted-ink);margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.category-grid{display:flex;flex-wrap:wrap;gap:8px}.category-chip{display:flex;align-items:center;gap:6px;background:var(--surface-alt);color:var(--ink);border:1px solid #b8985f;border-radius:16px;padding:6px 12px;font-size:.85rem;cursor:pointer}.category-chip-selected{border-color:var(--accent);background:#a8342c26}.category-count{color:var(--muted-ink);font-size:.75rem}.muted-text{color:var(--muted-ink);font-size:.85rem}.settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px 24px}.settings-card h3{font-size:1.4rem}.settings-card .field span{font-size:1rem;font-weight:600;color:var(--ink)}.settings-card .field input[type=number]{font-size:1.2rem;padding:14px 16px}.settings-card .field-checkbox{font-size:1.05rem;gap:12px}.settings-card .field-checkbox input[type=checkbox]{width:22px;height:22px;cursor:pointer}.settings-card .btn-primary{font-size:1.1rem;padding:16px 18px}.page-game{max-width:1800px;margin:0 auto;padding:24px 24px 60px;box-sizing:border-box;min-height:100vh}.game-layout{display:flex;gap:28px;align-items:flex-start;justify-content:center}.game-main{flex:1;max-width:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.board-track-svg{width:min(78vh,62vw);max-width:900px;aspect-ratio:1 / 1}.board-space{stroke:#3a2a188c;stroke-width:1.5;transition:filter .15s ease}.board-space:hover{filter:brightness(1.15)}.board-space-label{font-size:9px;font-weight:700;fill:#ffffffeb;pointer-events:none}.board-space-icon{font-size:16px;pointer-events:none}.team-pawn{stroke:#3a2a188c;stroke-width:1.5}.board-hub{filter:drop-shadow(0 0 18px rgba(200,150,12,.4))}.board-hub-label{font-size:34px;pointer-events:none}.final-round-panel{align-items:center;border:2px solid #c8960c;box-shadow:0 3px #3a2a184d,0 0 24px #c8960c40}.chat-panel{width:280px;flex-shrink:0;background:var(--surface);color:var(--ink);border:1px solid #c9a96a;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;max-height:480px;box-shadow:0 3px #3a2a184d}.chat-panel h3{margin:0;font-family:var(--font-serif)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;min-height:120px}.chat-message{background:var(--surface-alt);color:var(--ink);border-radius:6px;padding:6px 10px;font-size:.85rem;display:flex;flex-direction:column;gap:2px}.chat-message-mine{align-self:flex-end;background:#a8342c2e}.chat-message-sender{color:var(--muted-ink);font-size:.7rem}.chat-input-row{display:flex;gap:8px}.chat-input-row input{flex:1}.field-checkbox{flex-direction:row;align-items:center;gap:8px}.field-checkbox input{width:auto}.turn-panel,.intermission{align-items:center}.turn-heading{margin:0;font-family:var(--font-serif)}.timer-ring{position:relative;width:140px;height:140px}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:var(--surface-alt);stroke-width:8}.timer-ring-progress{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .2s ease}.timer-ring-urgent .timer-ring-progress{stroke:var(--danger)}.timer-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;font-family:var(--font-serif)}.timer-ring-urgent .timer-ring-text{color:var(--danger)}.ready-btn{font-size:1.1rem;padding:16px 32px}.word-card{position:relative;background:#fdfbf3;color:#1a1712;border:3px solid #1a1712;border-radius:8px;padding:40px 24px;width:100%;text-align:center;box-shadow:5px 5px #0000004d;animation:card-deal .3s ease-out}.word-card-word{font-size:2.2rem;font-weight:800;font-family:Segoe UI,system-ui,sans-serif;letter-spacing:.5px}.word-card-swatch{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:4px;border:2px solid #1a1712}@keyframes card-deal{0%{transform:translateY(-24px) scale(.9) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}.word-card-toss{animation:card-toss .45s ease-in forwards;pointer-events:none}@keyframes card-toss{to{transform:translate(140px,90px) scale(.4) rotate(24deg);opacity:0}}.turn-actions{display:flex;gap:12px;width:100%}.btn-setaside{background:var(--surface-alt);border:1px solid var(--accent-b);color:var(--accent-b);flex:1}.category-draw{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:12px 0 4px}.card-box{display:flex;justify-content:center;width:100%}.pulled-card{background:#fdfbf3;border:3px solid #1a1712;border-radius:8px;box-shadow:5px 5px #0000004d;padding:6px 14px;width:100%;max-width:380px;display:flex;flex-direction:column;animation:card-pull .4s ease-out}.pulled-card-waiting{animation:card-pull .4s ease-out,card-pulse 1.6s ease-in-out .4s infinite}@keyframes card-pull{0%{transform:translateY(40px) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes card-pulse{0%,to{box-shadow:5px 5px #0000004d,0 0 #d67a2d8c}50%{box-shadow:5px 5px #0000004d,0 0 0 10px #d67a2d00}}.pulled-card-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:1px solid rgba(26,23,18,.25);padding:10px 4px;display:grid;grid-template-columns:22px 1fr auto 26px;align-items:center;gap:12px;cursor:pointer;color:#1a1712;font-family:Segoe UI,system-ui,sans-serif;text-align:left;transition:transform .15s ease,opacity .3s ease,background .15s ease}.pulled-card-row:last-child{border-bottom:none}.pulled-card-row:hover:not(:disabled){transform:translate(4px);background:#1a17120f}.pulled-card-row:disabled{cursor:default}.pulled-card-row.picked{background:var(--accent-b);color:#fbf1dc;transform:scale(1.03);border-radius:6px}.pulled-card-row.dimmed{opacity:.35}.pulled-card-row.locked:not(.dimmed){background:#d67a2d1f}.pulled-card-row.active-word{background:#d67a2d47;border-radius:6px}.pulled-card-row.active-word .pulled-card-row-word{font-size:1.15rem}.pulled-card-row.active-word .pulled-card-row-num{opacity:1;color:var(--accent-b)}.pulled-card-row-badges{display:flex;align-items:center;gap:6px;justify-self:end}.pulled-card-row-wildcard-icon{font-size:1rem;line-height:1}.pulled-card-row-locked-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:var(--accent-b);color:#fbf1dc;border-radius:999px;padding:2px 8px;white-space:nowrap}.pulled-card-row-num{font-weight:800;font-size:.9rem;opacity:.75}.pulled-card-row-word{font-weight:800;text-transform:uppercase;letter-spacing:.3px}.pulled-card-row-swatch{width:26px;height:26px;border-radius:4px;border:2px solid #1a1712;justify-self:end}.leftovers-panel{width:100%;border-top:1px dashed #b8985f;padding-top:12px;margin-top:4px}.leftovers-heading{margin:0 0 8px;font-size:.8rem;color:var(--muted-ink);text-transform:uppercase;letter-spacing:1px}.leftovers-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.leftovers-item{display:flex;align-items:center;gap:8px;background:var(--surface-alt);border-radius:6px;padding:6px 8px}.leftovers-chip{font-size:.65rem;font-weight:700;color:#fbf1dc;padding:2px 8px;border-radius:10px;white-space:nowrap}.leftovers-text{flex:1;text-align:left;font-size:.9rem}.wordbank-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.category-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.category-list-item{width:100%;display:flex;justify-content:space-between;background:var(--surface-alt);border:1px solid transparent;border-radius:6px;padding:10px 12px;color:var(--ink);cursor:pointer;text-align:left}.category-list-item-active{border-color:var(--accent)}.add-word-row{display:flex;gap:8px;flex-wrap:wrap}.add-word-row input{flex:1;min-width:140px}.add-word-name{max-width:160px}.word-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.word-list li{background:var(--surface-alt);color:var(--ink);border-radius:6px;padding:8px 12px}@media(max-width:640px){.team-row{flex-direction:column}.wordbank-layout{grid-template-columns:1fr}.game-layout{flex-direction:column;align-items:center}.lobby-layout{flex-direction:column}.board-track-svg{width:min(70vh,92vw)}.chat-panel{width:100%;max-width:420px}}