:root{--bg:#101118;--surface:#191b24;--surface-2:#21242f;--line:#2e3240;--fg:#e9eaf0;--muted:#9aa0b0;--accent:#ffb020;--good:#3ecf8e;--bad:#ff6b6b;--focus:#7aa7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f4f5f8;--surface:#fff;--surface-2:#eceef3;--line:#d7dae3;--fg:#16181f;--muted:#5b6172;--accent:#b26a00;--good:#0a7f52;--bad:#c0332f;--focus:#1d4ed8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.page{max-width:40rem;margin:0 auto;padding:1rem .875rem 4rem}h1,h2{margin:0;line-height:1.2}h1{font-size:1.25rem}h2{font-size:1.05rem}.hint{color:var(--muted);margin:.5rem 0;font-size:.875rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.header{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.75rem}.header__row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.header__title{font-size:1.1rem}.header__round{color:var(--muted);margin:.125rem 0 0;font-size:.8125rem}.clock{color:var(--muted);font-variant-numeric:tabular-nums;margin:.125rem 0 0;font-size:.8125rem}.clock--urgent{color:var(--bad);font-weight:700}.turn{margin:.5rem 0 0;font-size:1.05rem;font-weight:600}.turn--yours{color:var(--accent)}.turn--yours:before{content:"▶ "}.banner{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:0 0 .75rem;padding:.625rem .75rem;font-size:.9375rem}.banner--warn{border-color:var(--accent)}.banner--error{border-color:var(--bad)}.banner p{color:var(--muted);margin:.25rem 0 0;font-size:.875rem}.players{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.player{background:var(--surface);border:1px solid var(--line);border-left:4px solid #0000;border-radius:10px;padding:.625rem .75rem}.player--active{border-left-color:var(--accent);background:var(--surface-2)}.player--active .player__name:before{content:"▶ ";color:var(--accent)}.player--out{opacity:.55}.player--away .player__name{font-style:italic}.player__head{flex-wrap:wrap;align-items:baseline;gap:.375rem;display:flex}.player__name{overflow-wrap:anywhere;min-width:0;font-weight:600}.player__count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.8125rem}.player__badges{gap:.25rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.0625rem .375rem;font-size:.6875rem}.badge--out{border-color:var(--bad);color:var(--bad)}.player__dice{flex-wrap:wrap;gap:.3125rem;margin-top:.5rem;display:flex}.die{flex:none;width:2rem;height:2rem}.die__body{fill:var(--surface-2);stroke:var(--line);stroke-width:1px}.die__pip,.die--own .die__body{fill:var(--fg)}.die--own .die__pip{fill:var(--bg)}.die--hidden .die__body{fill:var(--surface-2);stroke-dasharray:3 2}.die__unknown{fill:var(--muted);font:600 15px system-ui,sans-serif}.die--match .die__body{fill:var(--good);stroke:var(--good);stroke-width:2.5px}.die--match .die__pip{fill:var(--bg)}.die--wild .die__body{fill:var(--accent);stroke:var(--accent);stroke-width:2.5px}.die--wild .die__pip{fill:var(--bg)}.history{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:1rem;padding:.625rem .75rem}.history__current{margin:0;font-size:1.0625rem}.history__empty{color:var(--muted);margin:0}.history__list{color:var(--muted);margin:.5rem 0 0;padding-left:1.25rem;font-size:.8125rem}.reveal{background:var(--surface);border:1px solid var(--accent);border-radius:10px;margin-bottom:1rem;padding:.75rem}.reveal--enter{animation:.26s ease-out lift}@keyframes lift{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.reveal p{margin:.25rem 0}.reveal__actual.is-good strong{color:var(--good)}.reveal__actual.is-bad strong{color:var(--bad)}.reveal__wilds{color:var(--muted);font-size:.875rem}.reveal__loser{margin-top:.5rem;font-weight:600}.gameover{background:var(--surface);border:1px solid var(--good);border-radius:10px;margin-bottom:1rem;padding:.75rem}.lobby__actions,.lobby__host{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.lobby__host{flex-direction:column;align-items:stretch}.field{margin-bottom:.875rem}.field__label{color:var(--muted);margin-bottom:.3125rem;font-size:.8125rem;display:block}.input{width:100%;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.625rem .6875rem;font-size:1rem}.input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.button{font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:2.75rem;padding:.625rem .875rem;font-weight:600}.button:hover:not(:disabled){border-color:var(--muted)}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:#12131a}.button--danger{border-color:var(--bad);color:var(--bad)}.button--on{border-color:var(--good);color:var(--good)}.button--small{min-height:2rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:500}.bidding{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.875rem}.bidding__waiting{color:var(--muted);margin:0}.bidding__actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.bidding__actions .button{flex:auto}.stepper{align-items:center;gap:.5rem;display:flex}.stepper__button{font:inherit;width:2.75rem;height:2.75rem;color:var(--fg);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex:none;font-size:1.375rem;line-height:1}.stepper__button:disabled{opacity:.35;cursor:not-allowed}.stepper__value{text-align:center;min-width:2.5rem;font-size:1.5rem;font-weight:700}.faces{flex-wrap:wrap;gap:.375rem;display:flex}.face{background:var(--surface-2);border:2px solid var(--line);cursor:pointer;border-radius:8px;padding:.25rem;line-height:0}.face:disabled{opacity:.3;cursor:not-allowed}.face--on{border-color:var(--accent);background:var(--accent)}.face .die{width:2.25rem;height:2.25rem}.invites__list{gap:.625rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.invites__item{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.invites__seat{color:var(--muted);white-space:nowrap;font-size:.75rem}@media (max-width:26rem){.invites__item{grid-template-columns:1fr auto}.invites__seat{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}