:root{--r-bg:#050c14;--r-panel:#081521;--r-line:#263f54;--r-text:#edf5fb;--r-muted:#849aab;--r-gold:#efb640}
body.rooms-body{margin:0;background:var(--r-bg);color:var(--r-text)}
.rooms-top{min-height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--r-line);background:#07111b}
.rooms-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.rooms-brand>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#efb640;color:#111820;font-weight:950}.rooms-brand strong{font-size:1rem}
.rooms-top-actions{display:flex;gap:8px}.rooms-top-actions a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #2b465b;border-radius:9px;background:#0a1825;color:#9eb1c0;text-decoration:none;font-size:.74rem;font-weight:800}.rooms-top-actions a i{color:#efb640}
.rooms-shell{max-width:1380px;margin:auto;padding:28px 20px 60px}
.rooms-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;padding:25px;border:1px solid var(--r-line);border-radius:18px;background:radial-gradient(circle at 88% 15%,rgba(239,182,64,.08),transparent 25%),linear-gradient(135deg,#0d1d2d,#07131e)}
.rooms-hero h1{max-width:920px;margin:.12em 0 .18em;font-size:clamp(2.2rem,5vw,4.9rem);line-height:.96;font-weight:950;letter-spacing:-.05em}.rooms-hero p{max-width:840px;margin:0;color:#99adbc;line-height:1.55}
.rooms-global{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rooms-global>div{min-width:115px;padding:11px;border:1px solid #2b465b;border-radius:11px;background:#091723}.rooms-global i{color:#efb640}.rooms-global span,.rooms-global strong{display:block}.rooms-global span{margin-top:6px;color:#6f8799;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.rooms-global strong{margin-top:1px;font-size:1.25rem}
.rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.rooms-loading{grid-column:1/-1;padding:30px;text-align:center;color:#7f95a6}
.room-card{display:flex;flex-direction:column;min-height:310px;padding:18px;border:1px solid var(--r-line);border-radius:16px;background:#081521}.room-card.mine{border-color:#5b7890}.room-head{display:flex;justify-content:space-between;gap:12px}.room-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#10283d;color:#efb640;font-size:1.3rem}.room-status{padding:5px 7px;border:1px solid #2d4a60;border-radius:999px;color:#87a0b2;font-size:.61rem;font-weight:900;height:max-content}.room-status.open{color:#8cdeb0;border-color:#315a45}.room-status.full{color:#f1c26a;border-color:#69512b}.room-card h2{margin:17px 0 4px;font-size:1.3rem;font-weight:950}.room-card>p{margin:0;color:#778fa1;font-size:.78rem;line-height:1.45}
.room-seats{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:17px 0}.room-seat{height:29px;display:grid;place-items:center;border:1px solid #284258;border-radius:7px;background:#091723;color:#527087;font-size:.72rem}.room-seat.used{border-color:#466b87;background:#10273b;color:#efb640}.room-seat.mine{box-shadow:inset 0 0 0 1px #efb640}
.room-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.room-meta span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #273f53;border-radius:999px;color:#7890a2;font-size:.62rem}.room-actions{display:flex;gap:7px;margin-top:12px}.room-actions button,.room-actions a{flex:1;min-height:39px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #34536a;border-radius:9px;background:#0b1a28;color:#9fb2c0;text-decoration:none;font-size:.7rem;font-weight:900}.room-actions .join{border-color:#6b552f;background:#251c10;color:#efc564}.room-actions .leave{border-color:#65404a;color:#ef8995}
.rooms-note{display:flex;gap:12px;margin-top:14px;padding:15px;border:1px solid #273f53;border-radius:13px;background:#081521}.rooms-note>i{color:#efb640}.rooms-note strong{display:block}.rooms-note p{margin:4px 0 0;color:#7c93a4;font-size:.77rem;line-height:1.5}
@media(max-width:1000px){.rooms-hero{grid-template-columns:1fr}.rooms-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.rooms-shell{padding:18px 10px 40px}.rooms-top{padding:0 10px}.rooms-top-actions a span{display:none}.rooms-global{grid-template-columns:1fr 1fr 1fr}.rooms-global>div{min-width:0}.rooms-grid{grid-template-columns:1fr}}

.rooms-powered{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid #2b465b;
  border-radius:999px;
  background:#091722;
  color:#8299aa;
  font-size:.62rem;
  font-weight:850;
  white-space:nowrap;
}
.rooms-powered i{color:#efb640}
.rooms-note strong i{color:#efb640}
@media(max-width:800px){.rooms-powered{display:none}}