.board-wrap{position:relative;width:min(100%,28rem);aspect-ratio:1;margin:0 auto;padding:.85rem;background:var(--wood);border-radius:1.1rem;border:1px solid var(--wood-edge);-webkit-user-select:none;user-select:none;touch-action:none}.board-grid{display:grid;width:100%;height:100%;gap:.45rem}.board-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.die{position:relative;z-index:1;display:grid;place-items:center;border:0;border-radius:.55rem;background:var(--parchment);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,4.6vw,2.15rem);letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 -3px #4630181f}.die.qu{font-size:clamp(1.05rem,3.6vw,1.55rem)}.die.on-path{background:var(--brass);color:var(--ink)}.die.last{outline:2px solid var(--ink);outline-offset:-2px}:root{color-scheme:dark;--bg: #1c1610;--bg-2: #261e16;--ink: #2a2118;--paper: #efe4d2;--parchment: #f4ead8;--wood: #8a5a32;--wood-edge: #6b4224;--brass: #d7a441;--brass-deep: #b07d22;--cream: #f7f0e4;--muted: #b7a894;--line: rgba(247, 240, 228, .12);--danger: #c45c3e;--ok: #3f7a4c;--font: "Public Sans", "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 500px at 10% -10%,rgba(215,164,65,.12),transparent 55%),var(--bg);color:var(--cream)}button,input{font:inherit}button{cursor:pointer}h1,h2,legend{font-family:var(--font-display);font-weight:700}h1{margin:.15rem 0 .4rem;font-size:clamp(2.6rem,8vw,4.4rem);letter-spacing:-.03em;line-height:.95}h2{margin:0 0 .85rem;font-size:1.15rem}.page{width:min(42rem,calc(100% - 1.6rem));margin:0 auto;padding:2rem 0 4rem}.hero{margin-bottom:1.4rem}.hero.compact h1{font-size:clamp(2rem,6vw,3rem)}.eyebrow{margin:0;color:var(--brass);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:600}.lede,.muted{color:var(--muted);line-height:1.5}.banner{padding:.7rem .9rem;border:1px solid var(--line);border-radius:.6rem;background:var(--bg-2)}.mute{position:fixed;top:.85rem;right:.85rem;z-index:8;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--cream);padding:0}.mute.off{color:var(--muted)}.mute:hover{border-color:var(--brass);color:var(--brass)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:1.2rem 0}.tab,.chip,.btn{border:1px solid var(--line);background:var(--bg-2);color:var(--cream);border-radius:999px;padding:.65rem 1rem}.tab.on,.chip.on{background:var(--brass);color:var(--ink);border-color:var(--brass)}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:1rem;padding:1.1rem 1.15rem;margin:.85rem 0}.settings fieldset{border:0;padding:0;margin:0 0 1rem}.settings legend{margin-bottom:.45rem}.choices{display:flex;flex-wrap:wrap;gap:.4rem}.choices.compact .chip{padding:.35rem .75rem}.field{display:grid;gap:.35rem;margin:.7rem 0}.field span{font-size:.82rem;color:var(--muted)}.field input,.type-row input{background:#140f0b;color:var(--cream);border:1px solid var(--line);border-radius:.7rem;padding:.75rem .9rem}input[type=range]{width:100%;accent-color:var(--brass)}.toggle{display:flex;gap:.7rem;align-items:flex-start;margin:.6rem 0 1rem;color:var(--muted);line-height:1.4}.btn.primary{background:var(--brass);color:var(--ink);border-color:var(--brass);font-weight:700}.btn.ghost{background:transparent}.btn.wide{width:100%}.actions{display:grid;gap:.6rem;margin-top:1rem}.rules{margin-top:2rem;color:var(--muted)}.rules ol{padding-left:1.1rem;line-height:1.55}.player-list,.mini-players{list-style:none;margin:0;padding:0}.player-list li,.mini-players li{display:flex;align-items:center;gap:.65rem;margin:.45rem 0}.avatar{width:1.85rem;height:1.85rem;border-radius:50%;display:grid;place-items:center;color:var(--parchment);font-weight:700;font-size:.85rem}.facts{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.facts dt{color:var(--muted);font-size:.78rem}.facts dd{margin:.15rem 0 0}.play-bar{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.timer{font-family:var(--font-display);font-size:2.4rem;line-height:1}.timer.urgent{color:var(--danger)}.mini-players{font-size:.85rem}.mini-players li{min-width:9rem;justify-content:space-between}.dot{width:.55rem;height:.55rem;border-radius:50%}.type-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin:1rem 0 .5rem}.toast{text-align:center;font-weight:600}.toast.ok{color:#8dca98}.toast.no{color:#efb0a0}.word-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0}.word-chips li,.pill{display:inline-flex;align-items:baseline;gap:.3rem;padding:.25rem .55rem;border-radius:999px;background:#140f0b;border:1px solid var(--line);font-size:.86rem}.word-chips.dense li{font-size:.78rem}.word-chips li.missed{opacity:.55}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1610c7;display:grid;place-content:center;text-align:center;z-index:5}.countdown-kicker{color:var(--brass);letter-spacing:.14em;text-transform:uppercase}.countdown-num{font-family:var(--font-display);font-size:7rem;margin:0;line-height:.85}.leaderboard{list-style:none;padding:0;margin:0 0 1rem}.rank{background:var(--bg-2);border:1px solid var(--line);border-radius:.9rem;margin:.55rem 0;overflow:hidden}.rank.winner{border-color:var(--brass);background:#2b2418}.rank-head{width:100%;display:grid;grid-template-columns:2rem 1.85rem 1fr auto;gap:.65rem;align-items:center;padding:.85rem .95rem;background:transparent;color:inherit;border:0;text-align:left}.place{font-family:var(--font-display);color:var(--brass)}.who{display:flex;gap:.5rem;align-items:center}.badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;background:var(--brass);color:var(--ink);border-radius:999px;padding:.12rem .45rem;font-weight:700}.score{font-family:var(--font-display);font-size:1.5rem}.rank-body{padding:0 .95rem .95rem}.mini-board{display:grid;gap:.25rem;justify-content:center;margin:1rem 0;font-family:var(--font-display)}.mini-board div{display:flex;gap:.25rem}.mini-board span{width:2rem;height:2rem;display:grid;place-items:center;background:var(--parchment);color:var(--ink);border-radius:.3rem}@media(max-width:640px){.play-bar{flex-direction:column}}