.public-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:14px 0 42px}.public-heading h1{font-size:clamp(2rem,4vw,3rem);max-width:24ch;text-wrap:balance}.public-heading p{color:var(--muted);margin-top:10px}.public-list-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.public-list-heading h2{font-size:1.35rem}.public-list-heading>span,.public-room-meta{color:var(--muted);font-size:.82rem}.public-room{display:flex;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.public-room-main{flex:1;min-width:0}.public-room h3{font-size:1.45rem}.public-names{display:flex;flex-wrap:wrap;gap:4px 14px;margin:7px 0}.public-names span{max-width:100%;overflow-wrap:anywhere}.public-room-actions{display:flex;gap:10px;flex-wrap:wrap}.public-empty{padding:56px 22px;text-align:center;max-width:560px;margin:auto}.public-empty>.icon{width:44px;height:44px;margin-bottom:18px}.public-empty h3{font-size:2rem}.public-empty p{color:var(--muted);margin:10px 0 22px}.public-pagination{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.public-pagination>span{font-size:.85rem;color:var(--muted)}.public-pagination .btn-link{margin-left:auto}.watch-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}.watch-heading h1{font-size:1.5rem}.watch-heading>span{margin-left:auto;color:var(--muted);font-size:.75rem}.watch-heading .back-link{font-size:.8rem}.watch-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:36px;align-items:start}.watch-arena,.watch-sidebar{min-width:0}.watch-turn{padding:22px;border-radius:16px;background:var(--green);color:var(--surface)}.watch-turn-top{display:flex;justify-content:space-between;gap:12px;color:#d2e7c4;font-size:.76rem}.watch-turn-main{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:18px}.watch-turn h2{font-size:2rem;line-height:1.15;overflow-wrap:anywhere}.watch-turn p{margin-top:7px;color:#d2e7c4;font-size:.83rem}.watch-audience{margin:20px 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.watch-audience>span{display:flex;align-items:center;gap:7px;font-size:.85rem}.watch-audience .icon{width:20px;height:20px}.watch-audience summary{font-size:.78rem;cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.watch-audience dl{margin:4px 0;display:grid;gap:8px}.watch-audience dl>div{display:flex;justify-content:space-between}.watch-audience dt,.watch-audience dd{font-size:.83rem}.watch-audience dd{margin:0;font-weight:650}.watch-audience details p{font-size:.73rem;color:var(--muted);margin-top:12px}.watch-pot{font-size:.9rem;margin:20px 0}.watch-players .seatrow .grow{min-width:0}.watch-pawn{width:38px;height:38px;object-fit:contain;flex:none}#watchJoin>p{font-size:.75rem;color:var(--muted);margin-top:10px}#watchTable .status:empty{display:none}#watchTable .tok{transition-property:transform;transition-timing-function:linear}#watchTable .tok text{font-size:24px;fill:#fff;paint-order:stroke;stroke:#193e34;stroke-width:3px;text-anchor:middle;font-weight:700}#watchTable .tok .ring{fill:none;stroke-width:6px}#watchTable .tok.bone .ring{stroke:#3977b0}#watchTable .tok.black .ring{stroke:#87569d}#watchTable .tok.vermilion .ring{stroke:#c95443}#watchTable .tok.brass .ring{stroke:#2c8278}.watch-start-pawn{width:26px;height:26px;object-fit:contain}.watch-audience strong,.watch-audience dd,#watchClock,.public-room-meta{font-variant-numeric:tabular-nums}.watch-heading [data-offline=true]{color:#a23e2c}.public-games button:disabled{cursor:wait}.public-games a:focus-visible,.watch-layout a:focus-visible,.watch-layout summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}.watch-sidebar>.btn-link{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:800px){.watch-layout{gap:22px;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr)}.watch-turn{padding:18px}.watch-turn h2{font-size:1.65rem}.public-heading{align-items:flex-start}.public-room{gap:16px}}
@media(max-width:650px){.public-heading{display:block;margin:8px 0 30px}.public-heading>.btn{margin-top:20px}.public-room{align-items:stretch;flex-direction:column;gap:15px;padding:22px 0}.public-room-actions .btn{flex:1}.public-list-heading>span{font-size:.73rem}.watch-layout{display:flex;flex-direction:column;gap:16px}.watch-arena,.watch-sidebar{width:100%}.watch-heading{gap:12px;margin-bottom:12px}.watch-heading .back-link{font-size:.73rem}.watch-heading h1{font-size:1.2rem}.watch-heading>span{font-size:.65rem}.watch-turn{padding:16px 18px}.watch-turn-main{margin-top:10px}.watch-turn-main .die{width:44px;height:44px;padding:8px;gap:3px}.watch-turn h2{font-size:1.7rem}.watch-audience{margin:14px 0 20px;padding-bottom:10px}.watch-audience>span{font-size:.8rem}.watch-audience details{margin-top:4px}.watch-players .roster{grid-template-columns:1fr 1fr}.watch-pawn{width:28px;height:28px}.watch-players .seatrow{gap:6px}.watch-players .sq{font-size:1.1rem}.public-pagination .btn-link{margin-left:0}.watch-start-pawn{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){#watchTable .tok{transition:none!important}#watchTable .die.tumble{animation:none}}
.watch-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.watch-tools .btn-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:.8rem}.watch-tools .icon{width:18px;height:18px}.watch-trail{pointer-events:none;animation:watch-trail-fade .8s ease-out forwards}@keyframes watch-trail-fade{to{opacity:0}}