:root{--bg:#161512;--bg-raised:#262421;--bg-raised-2:#302e2b;--border:#3d3a37;--text:#e8e6e3;--muted:#9b9895;--accent:#629924;--accent-hover:#6fae2a;--danger:#c33;--warn:#d8a24a;--radius:8px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;font-weight:650}h1{font-size:1.6rem}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.85rem}a{color:inherit}.muted{color:var(--muted)}.error{color:#ff8080;margin:.5rem 0 0;font-size:.9rem}.error--inline{text-align:center}.page{max-width:1180px;min-height:100%;margin:0 auto;padding:1.25rem}.center{place-items:center;display:grid}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.card--slim{padding:1rem 1.25rem}.field{margin-bottom:1.1rem;display:block}.field__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.45rem;font-size:.78rem;display:block}.input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:.6rem .7rem}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row--center{justify-content:center}.row>.input{flex:8rem;width:auto;min-width:0}.btn{appearance:none;border:1px solid var(--border);background:var(--bg-raised-2);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.55rem .9rem;font-weight:550;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:#3a3835}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--ghost{background:0 0}.btn--lg{width:100%;padding:.75rem 1.2rem;font-size:1rem}.btn--sm{padding:.35rem .65rem;font-size:.85rem}.lobby{max-width:560px}.lobby__header{text-align:center;margin:1.5rem 0 1.25rem}.lobby__glyph{color:var(--accent)}.lobby__footer{text-align:center;padding-bottom:2rem;font-size:.8rem}.tc-group{margin-bottom:.7rem}.tc-group__name{color:var(--muted);letter-spacing:.05em;font-size:.72rem}.tc-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.4rem;margin-top:.3rem;display:grid}.tc{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:.55rem .4rem}.tc:hover{border-color:#58554f}.tc.is-selected{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.color-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.color-pick{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:.15rem;padding:.7rem .3rem;font-size:.85rem;display:flex}.color-pick__glyph{font-size:1.8rem;line-height:1}.color-pick--white .color-pick__glyph{color:#fff;text-shadow:0 0 2px #000}.color-pick--black .color-pick__glyph{color:#111;text-shadow:0 0 2px #999}.color-pick.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.join{align-content:center;max-width:460px;min-height:100%;display:grid}.join__title{margin-bottom:.2rem}.join__actions{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.join__meta{text-align:center;margin:.9rem 0 0;font-size:.8rem}.topbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.topbar__home{color:var(--text);font-weight:700;text-decoration:none}.topbar__meta{flex-wrap:wrap;gap:.4rem;display:flex}.pill{background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.pill--muted{color:var(--muted)}.pill--warn{color:var(--warn);border-color:var(--warn)}.room__grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:1.25rem;display:grid}.room__board{flex-direction:column;gap:.5rem;width:min(100%,100vh - 190px,620px);min-width:0;margin-inline:auto;display:flex}@supports (height:100dvh){.room__board{width:min(100%,100dvh - 190px,620px)}}.board-wrap{border-radius:4px;position:relative;overflow:hidden}.room__side{flex-direction:column;gap:.75rem;min-width:0;display:flex}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem}.panel__head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.panel__head h2{margin:0}.panel__actions{gap:.35rem;display:flex}.panel--result{text-align:center;border-color:var(--accent)}.result__label{margin:.2rem 0;font-size:1.1rem;font-weight:650}.result__score{font-family:var(--mono);color:var(--muted);margin:0 0 .7rem}.controls__offer{flex-direction:column;gap:.5rem;display:flex}.playerbar{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:.6rem;min-height:44px;padding:.4rem .6rem;display:flex}.playerbar__who{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.playerbar__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.playerbar__captures{color:var(--muted);align-items:center;gap:1px;font-size:.95rem;line-height:1;display:inline-flex}.playerbar__edge{margin-left:.3rem;font-size:.75rem}.tag{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-raised-2);color:var(--muted);border-radius:3px;margin-left:.35rem;padding:.05rem .25rem;font-size:.65rem;font-weight:600}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot--on{background:var(--accent)}.dot--off{background:#6b6864}.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--bg);color:var(--muted);border-radius:5px;flex:none;padding:.1rem .5rem;font-size:1.35rem}.clock.is-running{color:#111;background:#f0f0f0;font-weight:600}.clock.is-low{color:#ff8080}.clock.is-running.is-low{color:#a00;background:#ffdcdc}.movelist__scroll{max-height:220px;font-family:var(--mono);font-size:.88rem;overflow-y:auto}.movelist__row{grid-template-columns:2.2rem 1fr 1fr;gap:.3rem;padding:.1rem .2rem;display:grid}.movelist__row:nth-child(odd){background:#ffffff08}.movelist__num{color:var(--muted)}.movelist__empty,.chat__empty{margin:.2rem;font-size:.85rem}.chat__scroll{flex-direction:column;gap:.25rem;height:190px;margin-bottom:.5rem;font-size:.9rem;display:flex;overflow-y:auto}.chat__msg{word-break:break-word}.chat__from{margin-right:.35rem;font-weight:650}.chat__msg--w .chat__from{color:#e6e6e6}.chat__msg--b .chat__from{color:#9fc4e8}.chat__msg--spectator .chat__from{color:var(--muted)}.chat__system{color:var(--muted);font-size:.85rem;font-style:italic}.chat__form{gap:.4rem;display:flex}.share__lead{margin:0 0 .5rem;font-weight:600}.share__input{font-family:var(--mono);font-size:.82rem}.share__hint{margin:.5rem 0 0;font-size:.8rem}.promo{z-index:20;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.promo__panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1rem}.promo__title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .6rem;font-size:.8rem}.promo__row{gap:.4rem;margin-bottom:.7rem;display:flex}.promo__btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;width:56px;height:56px}.promo__btn:hover{border-color:var(--accent)}.promo__glyph{color:#fff;text-shadow:0 0 2px #000;font-size:2rem;line-height:1}.promo__glyph--black{color:#111;text-shadow:0 0 2px #bbb}@media (width<=900px){.page{padding:.75rem}.room__grid{grid-template-columns:1fr}.room__board{width:100%}.movelist__scroll{max-height:150px}.chat__scroll{height:150px}}