/* Rounded arcade theme: petroleum blue, cyan glass and tactile controls. */
:root{--arc-panel:#17475a;--arc-edge:#83d6e8;--arc-blue:#09b7e1;--arc-mint:#12c6a0;--arc-gold:#ffc65c}
body{background:#0c1c2b;background-image:radial-gradient(ellipse at 65% 0,#24566b77,transparent 65%);color:#ecf9ff}
.sidebar{background:linear-gradient(#163649,#0b2233);border-right:1px solid #4c869f66}.topbar{background:#102b3d;border-bottom:1px solid #76c5df33;box-shadow:0 3px 16px #04121e33}
.brand{color:#f2fcff;text-shadow:0 2px 2px #051825;letter-spacing:3px}.brand-mark{clip-path:none;border-radius:12px!important;background:linear-gradient(#4cddf7,#08a4ce)!important;box-shadow:inset 0 2px #d5faffaa,0 3px 0 #06728e;color:white!important}
.brand small,.nav-label,.breadcrumb,.eyebrow,.room-id,.preview-label,.panel-heading,.room-format,.footer-brand{font-family:'DM Sans',sans-serif}.nav-label{color:#81a9bf}.eyebrow{color:#83dbed}
.nav-item{border-radius:12px!important}.nav-item.active{background:linear-gradient(#20617a,#16475f)!important;border:1px solid #5fbdd6!important;box-shadow:inset 0 1px #c7f6ff55,0 3px 0 #0b2b40!important;color:#dcfaff}.nav-item:hover{background:#214b61}.practice-link{border-radius:18px;background:linear-gradient(#23566e,#173b53);border:2px solid #5a93ad;box-shadow:inset 0 2px #cdf5ff44,0 4px 0 #071d30}.practice-icon{color:#8ce9f5}
.room-title-row h1,.welcome h1{font-style:normal;text-transform:none;letter-spacing:0;text-shadow:0 3px #041b2e55}.room-title-row{border-bottom-color:#568da766}.room-title-row:after{border-radius:5px;background:#64d7eb;height:4px;width:65px}.room-format{border-radius:12px;background:linear-gradient(#24566f,#183b53);border:1px solid #659ab5;color:#b9edff}
.panel-heading h2{font-family:'DM Sans',sans-serif;text-transform:none;font-size:13px;letter-spacing:0;color:#d2ecf9}.panel-heading h2>span{border-radius:6px;border-color:#4d829e;color:#a3d4e8}.room-ready-actions>span{font-family:'DM Sans';color:#a1bdce}
.player-slot,.player-slot.is-ready{clip-path:none;border-radius:17px;border:2px solid #4d849f;background:linear-gradient(155deg,#23556e,#183b53 65%);box-shadow:inset 0 2px #d8f9ff30,0 4px 0 #061d30;transition:border-color .2s,background .2s,box-shadow .2s}
.player-slot:before,.player-slot.is-ready:before{display:none}.player-slot:after{width:22px;height:5px;right:13px;bottom:10px;border-radius:8px;background:#5487a0;opacity:.45}
.player-slot:hover,.player-slot.is-ready:hover,.player-slot:focus-within,.player-slot.is-ready:focus-within{border-color:#9deaff;background:linear-gradient(145deg,#2b6a83,#1b4964);box-shadow:inset 0 2px #e1fbff77,0 4px 0 #08273a,0 0 17px #55dafa30}
.player-slot .slot-top{border-left:0;padding-left:0}.slot-index,.host-tag,.you-tag,.player-chart,.slot-status>strong{font-family:'DM Sans',sans-serif}.slot-index{color:#a0c1d4;font-size:7px;letter-spacing:1px}.host-tag{color:#ffe1a0}.you-tag{border-radius:5px;background:#2b718b;border-color:#6aaac2;color:#dbf9ff}.player-slot .slot-identity h3{font-family:'DM Sans',sans-serif;color:white}.player-caption{color:#89afc6}.player-chart{color:#afcadb}.player-chart strong{color:#a2edee}.slot-status{border-top:1px solid #79abc933;color:#aac8db}.is-ready .slot-status,.is-ready .ready-indicator{color:#83f0cf}
.large-avatar,.player-profile-button .large-avatar{clip-path:none;border-radius:10px;border:2px solid #89bbd0;background:#16405a;box-shadow:0 2px 0 #082638;overflow:hidden}.empty-slot{background:linear-gradient(#123447,#122f43);border:2px dashed #487a94;box-shadow:inset 0 2px 8px #051c2a33}.empty-slot strong{color:#99bacd}.empty-slot .empty-plus{color:#72a5bc}
.chat-panel,.song-panel{border-radius:20px;border:2px solid #6095af;background:linear-gradient(140deg,#1d4c64,#14364e);box-shadow:inset 0 2px #d6f8ff33,0 5px 0 #061c2d}.chat-panel:before,.song-panel:before{display:none}.chat-message p{color:#bad2e2}.chat-message strong,.my-message strong{color:#e1f6ff}.chat-avatar{border-radius:8px;border-color:#70a5bc;background:#2d5d75;color:#d6f4ff}.my-message .chat-avatar{background:#246a73;border-color:#6eb9b9}.chat-system{color:#8badc2}.chat-composer{border-top-color:#6395ae55}.chat-composer input{color:#e8faff}.chat-composer input::placeholder{color:#8aaec3}
.room-song-art{border-radius:13px;border:2px solid #7facbf;box-shadow:0 2px 0 #09273b}.room-song-title{font-style:normal;text-transform:none;color:#f2fbff}.song-artist,.host-select-note,.host-start-note{color:#9dbdd2}.song-specs{border-color:#6195ae66}.song-specs>span{color:#98bace}.song-specs strong,.song-specs>span:last-child strong{color:#c4f1ff}.change-song-label{color:#abcbdc}.change-song-label select{border-radius:9px!important;background:#103044;border-color:#6394ac;color:#d4edf9}.progress-track{height:5px;border-radius:7px;background:#08273b}.progress-track span{background:linear-gradient(#73eddd,#17bea5);border-radius:7px}
.card-bottom .join,.quick-ready,.ready-big,.start-big,.primary,.chat-composer button{clip-path:none;border-radius:13px!important;border:2px solid #a8e5f1;background:linear-gradient(#28cfee 0%,#0ab4d9 52%,#0498bd 53%,#059dc4 100%);color:#fff;box-shadow:inset 0 2px #e3fcffaa,0 4px 0 #075878,0 5px 6px #00182555;text-shadow:0 2px 1px #057b9b;font-family:'DM Sans',sans-serif;font-weight:800;letter-spacing:.5px}
.card-bottom .join:hover,.primary:hover{background:linear-gradient(#4cddf5,#0db6dc);border-color:#ddfaff}.quick-ready,.ready-big{background:linear-gradient(#2edbbb 0%,#17c5a5 52%,#0aaa8d 53%,#0eae91);border-color:#a0ecd9;box-shadow:inset 0 2px #e0fff688,0 4px 0 #075b58,0 5px 6px #00182555;text-shadow:0 2px #07866f}.quick-ready:hover,.ready-big:hover{background:linear-gradient(#49e5c8,#14bc9c)}.quick-ready.selected,.ready-big.selected{background:linear-gradient(#1aa98e,#107665);border-color:#8bdac7;color:#d6fff1;box-shadow:inset 0 2px 5px #044b4d88,0 2px 0 #073b41;text-shadow:none}.ready-big small,.ready-big.selected small{color:#d1f8ec}
.start-big:not(:disabled){background:linear-gradient(#ffdc85 0%,#ffca56 52%,#edaa31 53%,#f3b23b);border-color:#fff0bc;color:#55390b;box-shadow:inset 0 2px #fff4cb,0 4px 0 #93600e;text-shadow:0 1px #ffe9a2}.start-big:disabled,.quick-ready:disabled,.ready-big:disabled{background:linear-gradient(#35576a,#2a485e);border-color:#628395;color:#89a5b6;box-shadow:inset 0 1px #b7d5e222,0 3px 0 #102b3e;text-shadow:none;opacity:.7}
.room-card{border-radius:19px!important;border:2px solid #548ba7;background:linear-gradient(145deg,#20516a,#16394f);box-shadow:inset 0 2px #dbf7ff33,0 5px 0 #061c2d;overflow:hidden}.room-card:hover{border-color:#9edfee!important;box-shadow:inset 0 2px #dbf7ff55,0 5px 0 #061c2d,0 0 16px #58d0e922!important}.room-name{color:#f2fbff}.song-art{border-radius:12px}.room-state{border-radius:7px}.difficulty{border-radius:7px;background:#285e70;color:#a2f2dc}.difficulty.double{background:#4a5663;color:#ffe09b}.room-number,.host-line,.occupancy{color:#9cbed2}.host-line strong{color:#d9ecf5}.card-bottom{border-top-color:#729fb344}.playing .card-bottom .join{background:linear-gradient(#52768b,#34586f);border-color:#8cb2c4;color:#e2f2fa;box-shadow:inset 0 2px #d8efff55,0 4px 0 #1c3c50;text-shadow:0 1px #213f50}
.feature-banner{border-radius:23px;border:2px solid #679fb8;background:linear-gradient(115deg,#1e5a72,#153c59);box-shadow:inset 0 2px #d8faff44,0 5px 0 #061d30}.event-chip{border-radius:9px;color:#b8f6f6;border-color:#68b6c9}.welcome h1 em,.banner-content h2 span{color:#71dcec}.search,.filter{border-radius:11px!important}.search{background:#123448;border-color:#4c7f99}.filter.active{background:linear-gradient(#2c6780,#21526d);color:#d5f6ff;border-color:#6da9be}.toolbar{gap:14px}.avatar{border-radius:8px}
.profile-dialog,dialog{border-radius:22px;border:2px solid #86bed3;background:linear-gradient(135deg,#1d4b62,#12364c);box-shadow:inset 0 2px #e0faff55,0 12px 45px #0008}.profile-cover{background:repeating-linear-gradient(125deg,transparent 0 23px,#b7f4ff12 24px 25px),linear-gradient(120deg,#247c90,#24516f)}.profile-cover.cyan{background:linear-gradient(120deg,#238a9d,#215a7b)}.profile-cover.rose{background:linear-gradient(120deg,#236b79,#3c6f83)}.profile-portrait{clip-path:none;border-radius:17px;border-color:#1b455c;outline-color:#9bdfed}.profile-body h2{font-style:normal;text-transform:none}.profile-stats{border-color:#75a5bc55}.profile-stats b{color:#9af0e2}.profile-close{border-radius:9px;background:#16445b;border-color:#8bbacb}.profile-local-note{border-color:#78a3bb55}.profile-avatar{border-radius:9px}.profile-edit-row select,#profile-editor input,#profile-editor textarea,#profile-editor select{border-radius:9px!important;background:#103246;border-color:#6192a9}.profile-biography,.profile-note,.profile-local-note{color:#acc9d9}
.page-footer{border-color:#5a8ba344}.preview-label{border-color:#5d96b155;border-radius:7px;color:#9bc0d4}.room-demo-tools{border-color:#55849a66}.chat-composer button{border-radius:9px!important}.chat-composer button svg{filter:drop-shadow(0 1px #057b9b)}
@media(max-width:540px){.player-slot,.player-slot.is-ready{border-radius:13px}.chat-panel,.song-panel{border-radius:16px}.quick-ready{font-size:8px}.card-bottom .join{padding:11px}.room-title-row h1{font-size:27px}}
/* Five-panel dance identity. */
.brand .brand-mark{width:43px;height:43px;background:transparent!important;box-shadow:none;border-radius:0!important}.brand-mark img{display:block;width:100%;height:100%}.brand{gap:9px;margin-inline:4px;font-size:27px}.brand small{font-size:6px;letter-spacing:1.2px;color:#9dd4e7}.pump-badge{display:flex;align-items:center;gap:9px;padding:6px 11px;background:linear-gradient(#234e65,#16394e);border:1px solid #639db5;border-radius:12px;color:#c7edf8;font-size:9px;font-weight:700;letter-spacing:1px}.pump-badge img{width:30px;height:30px}.room-format{display:grid;grid-template-columns:33px auto;column-gap:9px;align-items:center}.room-format:before{content:'';grid-row:1 / 3;width:33px;height:33px;background:url('./lobby-assets/pump-panels.svg') center/contain no-repeat}.room-format b{margin-top:4px}.mode-tag:before{content:'';display:inline-block;width:19px;height:19px;background:url('./lobby-assets/pump-panels.svg') center/contain no-repeat;vertical-align:middle;margin-right:6px}.song-panel>.panel-heading:after{content:'';width:34px;height:34px;background:url('./lobby-assets/pump-panels.svg') center/contain no-repeat}.song-panel>.panel-heading svg{display:none}.player-slot:after{width:25px;height:25px;background:url('./lobby-assets/pump-panels.svg') center/contain no-repeat;opacity:.45;bottom:8px}.player-slot:hover:after,.player-slot:focus-within:after{background:url('./lobby-assets/pump-panels.svg') center/contain no-repeat;opacity:1}.practice-icon{display:block;width:34px;height:34px;background:url('./lobby-assets/pump-panels.svg') center/contain no-repeat}.practice-icon svg{display:none}.art-grid{transform:rotate(-10deg);background:url('./lobby-assets/pump-panels.svg') center/contain no-repeat;box-shadow:none!important;border:0!important}.art-grid span{visibility:hidden}.orbit-label{color:#b4e7f6}.pump-badge small{display:block;font-size:6px;letter-spacing:1.6px;color:#86b5ca;margin-top:4px}@media(max-width:650px){.pump-badge{display:none}}