/* LISTENING ROOMS — artist-hosted rooms where fans listen together (see rooms.js).
   Built on the site's own CSS variables so UI 2.0 / seasonal themes carry through.
   Everything is inert until HQ flips rooms_enabled. */

/* ── the card on the Live tab ───────────────────────────────────────────── */
#roomsCard{padding:22px 14px 12px;}
.rm-row{display:flex;align-items:center;gap:12px;padding:12px 8px;border-top:1px solid color-mix(in srgb,var(--ink) 9%,transparent);}
.rm-row:first-of-type{border-top:0;}
.rm-ic{flex:0 0 46px;height:46px;border-radius:14px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;
  font-size:20px;background-size:cover;background-position:center;}
.rm-meta{flex:1;min-width:0;}
.rm-title{font-family:'Oswald',sans-serif;font-weight:700;font-size:17px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rm-sub{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:.05em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rm-live{display:inline-flex;align-items:center;gap:5px;color:#e11d2e;font-weight:700;}
.rm-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#e11d2e;animation:rmPulse 1.2s ease-in-out infinite;}
.rm-btn{flex:0 0 auto;border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:999px;padding:9px 16px;cursor:pointer;
  font-family:'Share Tech Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.08em;}
.rm-btn.ghost{background:transparent;color:var(--ink);}
.rm-btn.red{background:#e11d2e;border-color:#e11d2e;color:#fff;}
.rm-btn:disabled{opacity:.45;cursor:default;}
.rm-host-cta{display:block;width:calc(100% - 16px);margin:6px 8px 4px;text-align:center;}
@keyframes rmPulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ── the room (full screen) ─────────────────────────────────────────────── */
.rm-overlay{position:fixed;inset:0;z-index:9200;display:none;flex-direction:column;background:var(--bg);color:var(--ink);}
.rm-overlay.show{display:flex;}
.rm-top{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 10px;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent);}
.rm-top .rm-t{flex:1;min-width:0;}
.rm-top .rm-t b{display:block;font-family:'Oswald',sans-serif;font-size:18px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rm-top .rm-t span{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:.05em;}
.rm-body{flex:1;overflow-y:auto;padding:16px 14px 8px;}
.rm-np{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:24px;background:var(--card);}
.rm-art{flex:0 0 84px;height:84px;border-radius:18px;background:var(--ink);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:30px;}
.rm-np h3{margin:0;font-family:'Oswald',sans-serif;font-size:22px;text-transform:uppercase;line-height:1.1;}
.rm-np p{margin:3px 0 0;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--muted);letter-spacing:.05em;}
.rm-bar{height:5px;border-radius:3px;background:color-mix(in srgb,var(--ink) 14%,transparent);margin-top:12px;overflow:hidden;}
.rm-bar i{display:block;height:100%;width:0;background:var(--red,#e11d2e);}
.rm-sec{margin:18px 2px 8px;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;}
.rm-tracks{list-style:none;margin:0;padding:0;}
.rm-tracks li{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:14px;font-family:'Oswald',sans-serif;font-size:15px;text-transform:uppercase;}
.rm-tracks li.cur{background:color-mix(in srgb,var(--ink) 9%,transparent);font-weight:700;}
.rm-tracks li.done{opacity:.45;}
.rm-tracks li em{font-style:normal;font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--muted);width:22px;}
.rm-people{display:flex;flex-wrap:wrap;gap:8px;}
.rm-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:999px;padding:4px 10px 4px 4px;
  font-family:'Share Tech Mono',monospace;font-size:11px;}
.rm-chip i{width:22px;height:22px;border-radius:50%;background:var(--ink);background-size:cover;background-position:center;display:inline-block;}
.rm-chat{display:flex;flex-direction:column;gap:6px;}
.rm-msg{font-size:14px;line-height:1.35;padding:7px 12px;border-radius:16px;background:color-mix(in srgb,var(--ink) 6%,transparent);word-break:break-word;}
.rm-msg b{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--red,#e11d2e);letter-spacing:.06em;margin-right:7px;text-transform:uppercase;}
.rm-msg button{float:right;border:0;background:none;color:var(--muted);cursor:pointer;font-size:11px;}
.rm-empty{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--muted);text-align:center;padding:14px;}
.rm-foot{border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);padding:10px 12px calc(env(safe-area-inset-bottom,0px) + 10px);background:var(--bg);}
.rm-react{display:flex;gap:8px;justify-content:center;margin-bottom:8px;}
.rm-react button{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:var(--card);border-radius:999px;padding:6px 12px;font-size:20px;cursor:pointer;line-height:1;}
.rm-react button:active{transform:scale(1.25);}
.rm-send{display:flex;gap:8px;}
.rm-send input{flex:1;min-width:0;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:999px;padding:11px 16px;background:var(--card);color:var(--ink);
  font-family:'Oswald',sans-serif;font-size:16px;outline:none;}
.rm-hostbar{display:flex;gap:8px;margin-bottom:8px;}
.rm-hostbar .rm-btn{flex:1;}
.rm-note{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--muted);text-align:center;letter-spacing:.05em;}
.rm-end{text-align:center;padding:30px 10px;}
.rm-end h3{font-family:'Oswald',sans-serif;font-size:26px;text-transform:uppercase;margin:0 0 6px;}
.rm-count{font-family:'Orbitron',sans-serif;font-weight:900;font-size:34px;}

/* floating reactions */
.rm-float{position:fixed;bottom:120px;font-size:30px;pointer-events:none;z-index:9300;animation:rmFloat 2.6s ease-out forwards;}
@keyframes rmFloat{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:1;transform:translateY(-20px) scale(1)}100%{transform:translateY(-300px) translateX(var(--dx,0)) scale(1.15);opacity:0}}

/* host console */
.rm-host{position:fixed;inset:0;z-index:9250;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6);}
.rm-host.show{display:flex;}
.rm-sheet{width:min(560px,100%);max-height:92vh;overflow-y:auto;background:var(--bg);color:var(--ink);border-radius:28px 28px 0 0;padding:20px 16px calc(env(safe-area-inset-bottom,0px) + 18px);}
.rm-sheet h2{margin:0 0 4px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:24px;}
.rm-sheet label{display:block;margin:14px 0 6px;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;}
.rm-sheet select,.rm-sheet input[type=text],.rm-sheet input[type=datetime-local]{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:14px;padding:11px 14px;background:var(--card);color:var(--ink);font-family:'Oswald',sans-serif;font-size:16px;}
.rm-pick{max-height:260px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:16px;}
.rm-pick label{display:flex;gap:10px;align-items:center;margin:0;padding:10px 12px;font-family:'Oswald',sans-serif;font-size:15px;letter-spacing:0;color:var(--ink);text-transform:uppercase;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent);cursor:pointer;}
.rm-pick label:first-child{border-top:0;}
.rm-pick small{margin-left:auto;font-family:'Share Tech Mono',monospace;color:var(--muted);}
.rm-pick b{font-family:'Share Tech Mono',monospace;color:var(--red,#e11d2e);min-width:20px;}
.rm-radio{display:flex;gap:8px;}
.rm-radio label{flex:1;margin:0;padding:11px;text-align:center;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:999px;cursor:pointer;color:var(--ink);letter-spacing:.06em;}
.rm-radio input{display:none;}
.rm-radio input:checked + span{font-weight:700;}
.rm-radio label:has(input:checked){background:var(--ink);color:var(--bg);}
.rm-err{color:#e11d2e;font-family:'Share Tech Mono',monospace;font-size:12px;margin-top:10px;min-height:16px;}

@media (prefers-reduced-motion:reduce){.rm-float{display:none}.rm-live::before{animation:none}}