.rooms-shell{width:min(1180px,calc(100% - 28px));margin:26px auto 90px}.rooms-hero,.room-create,.room-card{border:1px solid var(--line);background:rgba(17,20,35,.92);box-shadow:var(--shadow)}.rooms-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:28px;background:linear-gradient(135deg,rgba(124,92,255,.2),rgba(39,216,196,.08)),#111423}.rooms-hero h1{font-size:clamp(30px,5vw,52px);margin:5px 0}.rooms-hero p,.room-card p{color:var(--muted);line-height:1.8}.eyebrow{color:var(--teal);font-weight:800}.room-button,.filter{border:1px solid var(--line);border-radius:13px;padding:11px 15px;color:#fff;background:#151a2b;cursor:pointer;font-weight:800}.room-button.primary,.filter.active{border-color:transparent;background:linear-gradient(135deg,var(--violet),#9c6dff)}.room-create{margin-top:16px;padding:22px;border-radius:23px}.room-create[hidden]{display:none}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label{display:grid;gap:7px;color:#ccd0df}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:12px;padding:12px;background:#090b13;color:#fff}.form-grid textarea{min-height:90px}.form-actions,.rooms-toolbar,.room-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.rooms-toolbar{margin:18px 0}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:13px}.room-card{padding:19px;border-radius:22px}.room-card.official{border-color:rgba(39,216,196,.4)}.room-head{display:flex;justify-content:space-between;gap:10px}.room-badge{font-size:12px;padding:6px 9px;border-radius:99px;background:rgba(124,92,255,.15);color:#d8d1ff}.room-badge.live{background:rgba(255,70,100,.14);color:#ffabb8}.room-meta{display:flex;gap:7px;flex-wrap:wrap;color:#aeb4c7;font-size:13px}.room-status{min-height:24px;color:#8ee6d8}.empty{text-align:center;color:var(--muted)}@media(max-width:720px){.rooms-hero{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.rooms-shell{width:min(100% - 18px,1180px)}}