.rooms-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:2px;align-items:start}.rooms-create,.rooms-joinbox,.rooms-auth{display:flex;flex-direction:column;gap:12px}.rooms-create .btn.big,.rooms-auth .btn.big{align-self:flex-start}.rooms-create p,.rooms-joinbox p,.rooms-auth p{margin:0}.rooms-rules{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;color:var(--ivory-2);font-size:14px}.rooms-rules li:before{content:"";display:inline-block;width:7px;height:7px;margin:0 10px 1px 0;background:var(--wine-hi);transform:rotate(45deg)}.rooms-coderow{display:flex;gap:6px}.rooms-codein{flex:1;min-width:0;font-size:20px;letter-spacing:.2em;text-transform:uppercase}.rooms-section{margin-top:34px;display:flex;flex-direction:column;gap:2px}.rooms-section h2{margin:0 0 12px}.rooms-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ink-1)}.rooms-row:hover{background:var(--ink-2)}.rooms-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;color:inherit;text-decoration:none}.rooms-row-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rooms-row-main .small{overflow-wrap:anywhere}@media(max-width:760px){.rooms-grid{grid-template-columns:minmax(0,1fr)}.rooms-create .seg,.rooms-row{flex-wrap:wrap}}.play-overlay.room-wide{left:12px;right:12px}.play-overlay.room-wide .play-panel{width:min(860px,100%);max-height:calc(100vh - var(--nav-h) - 24px);overflow-y:auto}.room-head{display:flex;flex-direction:column;gap:6px}.room-head h1{margin:0;overflow-wrap:anywhere}.room-page .gold{color:var(--gold)}.room-join{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.room-join .auth-field{align-self:stretch}.room-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.room-col{display:flex;flex-direction:column;gap:10px;min-width:0}.room-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.rp{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--ink-2)}.rp.me{background:var(--ink-3)}.rp.away{opacity:.55}.rp-who{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.rp-who strong{overflow-wrap:anywhere}.rp-state{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);white-space:nowrap}.rp-state.ok{color:var(--good)}.rp-kick{padding:2px 9px;font-size:16px}.room-share{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--ink-2)}.room-code{display:flex;flex-direction:column;gap:2px}.room-code strong{font-size:28px;letter-spacing:.18em;color:var(--gold)}.room-invite,.room-settings{display:flex;flex-direction:column;gap:8px}.room-settings p{margin:0}.room-settings .seg,.rooms-create .seg{flex-wrap:wrap;align-self:flex-start}.room-settings .seg button{padding:8px 12px}.room-hits{display:flex;flex-wrap:wrap;gap:4px}.room-hits .btn{padding:5px 10px;font-size:13px}.room-pickbar{display:flex;align-items:center;gap:16px}.room-clock{font-size:34px;color:var(--gold);min-width:3.2em}.room-timebar{flex:none;height:4px;background:var(--ink-3)}.room-timebar i{display:block;height:100%;width:100%;background:var(--gold)}.room-who{display:flex;flex-wrap:wrap;gap:4px}.room-dot{padding:3px 8px;font-size:12px;background:var(--ink-3);color:var(--mute)}.room-dot:before{content:"… "}.room-dot.ok{color:var(--good)}.room-dot.ok:before{content:"✓ "}.room-dot.me{color:var(--ivory)}.room-dot.ok.me{color:var(--good)}.room-dot.away{opacity:.5}.room-prev{margin:0}.room-banner{align-items:flex-start;gap:6px;z-index:6}.room-banner .btn{margin-top:4px;padding:5px 12px;font-size:13px}.room-table{width:100%}.room-table tr.me td{color:var(--ivory);background:var(--ink-3)}.room-table td.good{color:var(--good)}.room-standings{display:flex;flex-direction:column;gap:8px}.room-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.room-rank li{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto auto;align-items:baseline;gap:12px;padding:8px 12px;background:var(--ink-2)}.room-rank li.me{background:var(--ink-3)}.rk-n{font-family:var(--display);font-weight:900;font-size:18px;color:var(--mute)}.room-rank li.r1 .rk-n{color:var(--gold)}.rk-name{overflow-wrap:anywhere}.rk-p{font-weight:700;color:var(--gold);white-space:nowrap}.room-standings.final .room-rank li.r1{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 18%,var(--ink-2)),var(--ink-2) 70%)}.room-standings.final .rk-name{font-size:17px}.room-winner{margin:0;font-size:30px;font-stretch:75%;font-weight:900;text-transform:uppercase;color:var(--gold);line-height:1}.room-details summary{cursor:pointer;font-weight:700;color:var(--ivory-2);padding:6px 0}.room-detail-head{display:flex;flex-direction:column;gap:2px;margin:14px 0 6px}@media(max-width:760px){.room-cols{grid-template-columns:minmax(0,1fr)}.room-rank li{grid-template-columns:2em minmax(0,1fr) auto}.rk-c{display:none}.room-clock{font-size:26px}}.room-clock.hurry{color:var(--bad)}@media(max-width:1100px){.room-page .play-overlay{left:12px;right:12px}.room-page .room-banner{left:12px}}.room-votes{border-collapse:collapse;font-size:13px;margin:4px 0 2px}.room-votes th{padding:2px 10px 4px 0;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:left}.room-votes td{padding:3px 10px 3px 0;white-space:nowrap}.room-votes .r{text-align:right;padding-right:0}.room-votes tr.me td{color:var(--ivory);font-weight:700}.room-votes .rv-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.room-votes .side-a{color:var(--side-a);font-weight:700}.room-votes .side-b{color:var(--side-b);font-weight:700}