.rooms-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.rooms-head__right{flex:none;align-items:center;gap:12px;display:flex}.rooms{position:relative}.rooms__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:4px 2px 12px;display:flex;overflow-x:auto}.rooms__track::-webkit-scrollbar{display:none}.rooms__arrow{z-index:2;border-radius:999px;width:44px;height:44px;padding:0;position:absolute;top:40%}.rooms__arrow--l{left:-22px}.rooms__arrow--r{right:-22px}.room{scroll-snap-align:start;background:var(--surface);border:.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;flex:0 0 340px;display:flex;overflow:hidden}.room:hover{box-shadow:var(--shadow-lift), 0 24px 48px -24px rgba(var(--shadow-rgb),.2);transform:translateY(-3px)}.room__media{aspect-ratio:16/9;background:#16141f 50%/cover no-repeat;position:relative}.room__live{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.room__live .dot{background:var(--danger)}.room__stats{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;align-items:center;gap:8px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:76px}.room__stats span{align-items:center;gap:4px;display:inline-flex}.room__balance{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;background:#0000008c;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.room__cam{aspect-ratio:16/9;background:#000 50%/cover no-repeat;border:1px solid #ffffff40;border-radius:8px;width:108px;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0006}.room__body{align-items:flex-start;gap:10px;padding:12px 14px 14px;display:flex}.room__avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex:none;width:36px;height:36px}.room__avatar--blank{color:var(--ink-2);place-items:center;font-weight:700;display:grid}.room__host{letter-spacing:-.01em;color:var(--ink);font-size:14px;font-weight:600}.room__title{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.room__tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.room__tags .pill{height:22px;padding:0 8px;font-size:11px}.rooms-empty{background:var(--surface);border:.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);text-align:center;padding:28px 24px}@media (max-width:799px){.rooms-head{flex-direction:column;align-items:flex-start}.rooms__arrow{display:none}.room{flex-basis:280px}}