/* PULSE / neon city interface. Player surfaces illuminate only on interaction. */
:root{--cyber-cyan:#39e5ff;--cyber-pink:#f36acb;--cyber-yellow:#eced8b}
body{background:#080914;background-image:linear-gradient(#41cfff06 1px,transparent 1px),linear-gradient(90deg,#41cfff06 1px,transparent 1px),radial-gradient(ellipse at 85% 10%,#8a1f6e22,transparent 55%);background-size:42px 42px,42px 42px,100% 100%}
.sidebar{background:linear-gradient(180deg,#101222f5,#080b16f5);border-right:1px solid #36c6df55}
.brand{color:#ecfaff;letter-spacing:4px;text-shadow:2px 0 #ea4ab399,-2px 0 #39e5ff77}
.brand-mark{border-radius:0!important;background:var(--cyber-cyan)!important;color:#071421!important;clip-path:polygon(15% 0,100% 0,100% 75%,75% 100%,0 100%,0 15%)}
.brand small,.nav-label,.breadcrumb,.eyebrow,.room-id,.preview-label,.panel-heading,.room-format,.footer-brand{font-family:Consolas,'Courier New',monospace}
.topbar{background:#090c18e8;border-bottom:1px solid #b7409955;box-shadow:0 4px 25px #9b275413}
.nav-item{border-radius:0!important}.nav-item.active{border-color:#36dffa88!important;background:linear-gradient(90deg,#23c9e520,#31183e70)!important;color:#b7f7ff;box-shadow:inset 3px 0 #39e5ff!important}
.room-title-row{position:relative;border-bottom:1px solid #445276;padding-bottom:19px}
.room-title-row:after{content:'';position:absolute;bottom:-2px;left:0;width:95px;height:3px;background:linear-gradient(90deg,var(--cyber-cyan) 60%,var(--cyber-pink) 60%)}
.room-title-row h1,.welcome h1{font-style:italic;text-transform:uppercase;letter-spacing:1.5px;text-shadow:2px 2px #dd4ec044}
.eyebrow{color:#ed8cda}.room-format{border-radius:0;color:var(--cyber-cyan);border-color:#39e5ff66;background:#12263266}
.panel-heading h2{color:#b9f5ff;text-transform:uppercase;letter-spacing:1.5px;font-size:11px}
.player-slot,.player-slot.is-ready{border-color:#33405c;background:linear-gradient(115deg,#101b2c,#151325);border-radius:0;box-shadow:none}
.player-slot .slot-top{border-left:2px solid #6c5a91;padding-left:6px}.slot-index{color:#9ba9c2}.host-tag{color:#f391d6}.you-tag{border-radius:0;background:#15374a;color:#79ebff}
.player-slot:hover,.player-slot.is-ready:hover,.player-slot:focus-within,.player-slot.is-ready:focus-within{border-color:#39e5ff;background:repeating-linear-gradient(0deg,transparent 0 3px,#39e5ff04 3px 4px),linear-gradient(115deg,#12384a,#301735);box-shadow:inset 3px 0 #39e5ff,inset -2px 0 #f36acb,inset 0 0 28px #39e5ff19}
.player-slot:before,.player-slot.is-ready:before{background:linear-gradient(90deg,#39e5ff,#f36acb);opacity:0}
.player-slot:hover:before,.player-slot.is-ready:hover:before,.player-slot:focus-within:before{opacity:1}
.player-slot:after{width:39px;background:repeating-linear-gradient(120deg,#73748e 0 2px,transparent 2px 5px)}
.slot-identity h3{font-family:Consolas,monospace;color:#eef5ff}.large-avatar{background:linear-gradient(135deg,#16425b,#402552);border-color:#5687a5;color:#c7f7ff}
.is-ready .slot-status{color:#9ce9bc}.is-ready .ready-indicator{color:#9ce9bc}.slot-status{border-top-style:dashed}
.chat-panel,.song-panel{border-radius:0;background:linear-gradient(125deg,#101b2ce8,#171225ee);border-color:#465071;position:relative}
.chat-panel:before,.song-panel:before{content:'';position:absolute;top:-1px;left:0;width:70px;height:3px;background:var(--cyber-pink)}
.song-panel:before{background:var(--cyber-cyan);width:40%}
.room-song-art{border-radius:0;border-color:#88668f}.room-song-title{color:#f4e9ff;font-style:italic;text-transform:uppercase}
.chat-avatar,.chat-composer button,.change-song-label select,.search,.filter,.primary,.ready-big,.start-big{border-radius:0!important}
.chat-message p{color:#abb9cd}.chat-message strong{color:#7bdbea}.my-message strong{color:#ec91d4}
.chat-composer{border-top:1px solid #654567}.chat-composer:focus-within{border-top-color:var(--cyber-cyan)}
.ready-big{background:#162a3c;border:1px solid #56c7da;color:#a6f2ff;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
.ready-big.selected{background:#193a32;border-color:#a0e5b3;color:#c6f7ce}
.start-big:not(:disabled),.primary{background:var(--cyber-cyan);color:#071922;border-color:var(--cyber-cyan);box-shadow:3px 3px 0 #ef65c67a}
.start-big:disabled{background:repeating-linear-gradient(120deg,#172234 0 8px,#1c283b 8px 9px);color:#7087a8;border-color:#35445e}
.progress-track{border-radius:0}.progress-track span{background:linear-gradient(90deg,#39e5ff,#f36acb)}
.feature-banner{border-radius:0;border-color:#695287;background:linear-gradient(115deg,#102338,#291437)}
.room-card{border-radius:2px!important}.room-card:hover{border-color:var(--cyber-cyan)!important;box-shadow:inset 0 0 28px #39e5ff12!important}
.practice-link{border-radius:0;border-color:#64507d;background:linear-gradient(135deg,#1b263a,#29172e)}
@media(max-width:540px){.room-title-row h1{font-size:25px;letter-spacing:.7px}.slot-identity h3{font-size:10px}}
/* Prominent room entry and readiness actions. */
.card-bottom{flex-wrap:wrap;gap:10px}.card-bottom .join{width:100%;justify-content:center;font:700 12px Consolas,monospace;letter-spacing:2px;padding:12px 16px;border:1px solid #39e5ff;background:#133e50;color:#c5faff;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);border-radius:0}.card-bottom .join:hover{background:#205c70;border-color:#a5f5ff}.card-bottom .occupancy{margin-left:auto}.playing .card-bottom .join{background:#282039;color:#c9b2e0;border-color:#6d567f}.room-ready-actions{display:flex;align-items:center;gap:12px}.room-ready-actions>span{font:8px Consolas;color:#8ca4c4;white-space:nowrap}.quick-ready{font:700 10px Consolas;letter-spacing:.7px;padding:10px 14px;color:#c1f6ff;background:#133d50;border:1px solid #39e5ff;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}.quick-ready:hover{background:#20576b}.quick-ready.selected{background:#1e4437;color:#bbf5c9;border-color:#90dfae}.quick-ready:disabled{opacity:.5;cursor:not-allowed}@media(max-width:540px){.room-ready-actions{gap:6px}.quick-ready{font-size:8px;padding:9px}.room-ready-actions>span{font-size:7px}}