.auto-dj-page{margin:0}.auto-dj-page main{padding:0;max-width:none}.dj-room{--room-bg:var(--platform-bg,#2e2c2e);--room-ink:var(--platform-text,#f5f5f7);--room-muted:var(--platform-muted,#d0ced3);--room-line:var(--platform-line,#ffffff30);--room-pulse:0;position:relative;isolation:isolate;overflow:hidden;background:var(--room-bg);color:var(--room-ink);height:max(810px,calc(100svh - 76px));min-height:710px;display:flex;flex-direction:column;align-items:center;padding:28px clamp(24px,4vw,76px) 30px;box-sizing:border-box}.room-lights{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.room-top{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;font-size:12px}.room-back{padding:10px 0}.room-tools{display:flex;align-items:center;gap:12px}.room-tools button{background:transparent;color:inherit;border:1px solid var(--room-line);padding:10px 16px;border-radius:30px;font:inherit;cursor:pointer}.room-tools button:hover{background:color-mix(in srgb,var(--room-ink) 8%,transparent)}.room-heading{text-align:center;position:relative;z-index:1;margin-top:26px;pointer-events:none}.room-kicker{font-size:9px;line-height:1.4;letter-spacing:.2em;font-weight:500}.room-heading .room-kicker{margin:0 0 10px;letter-spacing:.36em}.room-heading h1{font-size:clamp(60px,6.6vw,116px);font-weight:500;line-height:1;letter-spacing:.04em;margin:0}.room-heading>p:last-child{margin:12px 0 0;font-size:13px;letter-spacing:.1em}.robot-stage{flex:1;width:100%;min-height:240px;position:relative;display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none}.dj-robot{display:block;width:min(46vh,470px);height:auto;max-width:70vw;max-height:100%;object-fit:contain;user-select:none;filter:drop-shadow(0 22px 26px #0004);will-change:transform}.dj-phase{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin:8px 0 22px;min-height:16px}.dj-phase i{width:5px;height:5px;background:var(--room-ink);border-radius:50%;opacity:.4}.auto-dj-page[data-session="playing"] .dj-phase i{opacity:1;box-shadow:0 0 12px #76e8f4}.room-dock{width:min(1400px,100%);position:relative;z-index:2;border:1px solid var(--room-line);background:color-mix(in srgb,var(--room-bg) 72%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:12px;display:grid;grid-template-columns:1.05fr 1.15fr .85fr;gap:30px;align-items:center;padding:24px 30px;box-shadow:0 16px 50px #0000000d}.dock-track,.dock-play,.dock-next{min-width:0}.dj-console-label{display:flex;align-items:center;gap:12px;justify-content:space-between}.dj-match{font-size:10px}.dock-track h2{font-size:clamp(20px,1.75vw,28px);font-weight:400;letter-spacing:-.035em;margin:8px 0 6px;line-height:1.15;overflow-wrap:anywhere}.dj-meta{font-size:11px;margin:0;line-height:1.6}.dj-position{margin-top:13px}.dj-position progress{display:block;width:100%;height:2px;border:0;background:var(--room-line);appearance:none}.dj-position progress::-webkit-progress-bar{background:var(--room-line)}.dj-position progress::-webkit-progress-value{background:var(--room-ink)}.dj-position progress::-moz-progress-bar{background:var(--room-ink)}.dj-times{display:flex;justify-content:space-between;font-size:9px;font-variant-numeric:tabular-nums;margin-top:5px}.dock-play{text-align:center}.dj-actions{display:flex;justify-content:center;align-items:center;gap:12px}.dj-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:192px;border:1px solid var(--room-ink);border-radius:30px;background:var(--room-ink);color:var(--room-bg);font:inherit;font-size:13px;font-weight:600;padding:12px 22px;cursor:pointer}.dj-primary:disabled{cursor:wait;opacity:.65}.dj-status{font-size:11px;line-height:1.5;margin:13px 0 0;min-height:16px}.dj-note{font-size:10px;line-height:1.5;margin:4px 0 0}.dj-icon-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--room-line);background:transparent;color:inherit;border-radius:50%;flex-shrink:0}.dj-icon-button:disabled{opacity:.35;cursor:default}.dj-icon-button svg,.dj-utilities svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.dock-next{border-left:1px solid var(--room-line);padding-left:28px}.dock-next>p{font-size:12px;margin:8px 0 4px;line-height:1.45;overflow-wrap:anywhere}.dj-utilities{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.dj-utilities label{display:flex;align-items:center;gap:8px}.dj-utilities input{width:80px;height:18px;accent-color:var(--room-ink);cursor:pointer}.dj-text-button{font:inherit;font-size:10px;background:none;color:inherit;border:0;padding:8px 0;cursor:pointer}.room-controls{transition:opacity .5s,transform .5s}.screen-note{position:absolute;bottom:7px;font-size:10px}.dj-room:is(:fullscreen,.room-expanded){--room-bg:#07080f;--room-ink:#f2f5ff;--room-muted:#c6cada;--room-line:#ffffff30;width:100%;height:100%;min-height:0;padding-top:28px;padding-bottom:30px}.dj-room:is(:fullscreen,.room-expanded) .room-heading{margin-top:clamp(12px,3vh,48px)}.dj-room:is(:fullscreen,.room-expanded) .room-heading h1{font-size:clamp(70px,9vh,150px)}.dj-room:is(:fullscreen,.room-expanded) .dj-robot{width:min(46vh,680px)}.dj-room:is(:fullscreen,.room-expanded).controls-hidden{cursor:none}.dj-room:is(:fullscreen,.room-expanded).controls-hidden .room-controls{opacity:0;pointer-events:none}.dj-room:is(:fullscreen,.room-expanded).controls-hidden .room-dock{transform:translateY(20px)}.dj-room:is(:fullscreen,.room-expanded).controls-hidden .room-top{transform:translateY(-12px)}.dj-room:is(:fullscreen,.room-expanded).controls-hidden .dj-phase{font-size:12px;letter-spacing:.4em}.dj-footer{display:flex;align-items:center;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.auto-dj-page :focus-visible{outline:2px solid var(--room-ink,var(--platform-text));outline-offset:5px}
@layer madice-themes{html[data-madice-theme][data-madice-theme] body.auto-dj-page .dj-room :is(h1,h2,p,span,a,button,label){color:var(--room-ink)!important}html[data-madice-theme][data-madice-theme] body.auto-dj-page .dj-room :is(.dj-meta,.dj-note,.dj-times span,.room-kicker){color:var(--room-muted)!important}html[data-madice-theme][data-madice-theme] body.auto-dj-page .dj-room .dj-primary{background:var(--room-ink)!important;color:var(--room-bg)!important}html[data-madice-theme][data-madice-theme] body.auto-dj-page .dj-room .dj-primary:hover{background:var(--room-muted)!important;color:var(--room-bg)!important;border-color:var(--room-muted)!important}}
@media(min-width:1800px){.dj-room{height:calc(100svh - 76px)}.dj-robot{width:min(45vh,600px)}}
@media(max-width:900px){.dj-room{padding:20px 24px 24px;height:max(830px,calc(100svh - 76px))}.room-dock{gap:20px;padding:22px;grid-template-columns:1fr 1fr}.dock-next{grid-column:1/-1;border:0;border-top:1px solid var(--room-line);padding:12px 0 0;display:flex;align-items:center;gap:18px}.dock-next>.room-kicker{display:none}.dock-next>p{margin:0;flex:1}.dj-utilities{margin:0}.room-heading{margin-top:32px}.dj-robot{width:min(46vh,390px)}.dj-footer{gap:24px}}
@media(max-width:600px){.dj-room{height:auto;min-height:calc(100svh - 76px);padding:16px 18px 22px}.room-top{font-size:10px}.room-tools{gap:6px}.room-tools button{padding:9px 10px}.room-heading{margin-top:34px}.room-heading h1{font-size:58px}.room-heading .room-kicker{font-size:8px}.room-heading>p:last-child{font-size:11px}.robot-stage{min-height:225px;margin-top:6px}.dj-robot{width:260px;max-width:82vw}.dj-phase{font-size:8px;margin:0 0 18px;letter-spacing:.18em}.room-dock{grid-template-columns:1fr;padding:20px;gap:20px}.dock-track{text-align:center}.dj-console-label{justify-content:center}.dock-track h2{font-size:23px}.dj-meta{font-size:10px}.dj-primary{min-width:180px}.dj-status{font-size:10px}.dj-note{font-size:9px}.dock-next{display:block;border:0;border-top:1px solid var(--room-line);padding:16px 0 0}.dock-next>.room-kicker,.dock-next>p{display:none}.dj-utilities{margin:0}.dock-next #openPlayer{display:block;margin:auto;padding-bottom:0}.dj-room:is(:fullscreen,.room-expanded){overflow:auto;padding:14px 18px 20px}.dj-room:is(:fullscreen,.room-expanded) .room-heading{margin-top:15px}.dj-room:is(:fullscreen,.room-expanded) .room-heading h1{font-size:50px}.dj-room:is(:fullscreen,.room-expanded) .dj-robot{width:min(29vh,260px)}.dj-room:is(:fullscreen,.room-expanded) .robot-stage{min-height:180px}.dj-room:is(:fullscreen,.room-expanded) .dock-next{display:none}.dj-footer{align-items:flex-start}.dj-footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.room-controls{transition:none}.dj-robot{will-change:auto}}

body.room-open{overflow:hidden}.dj-room.room-expanded{position:fixed;inset:0;z-index:9999;height:100dvh}.dj-room.controls-hidden .screen-note{opacity:0}

@media(max-width:900px){.dock-next:has(#utilities[hidden]){display:none}}

/* A human presence leads the room; the title becomes a quiet stage signature. */
.auto-dj-page .room-heading{margin-top:14px;flex-shrink:0}
.auto-dj-page .room-heading .room-kicker{font-size:8px;margin-bottom:7px;letter-spacing:.28em}
.auto-dj-page .room-heading h1{font-size:26px;line-height:1.1;letter-spacing:.22em;font-weight:500}
.auto-dj-page .room-heading #roomInvitation{display:none}
.auto-dj-page .robot-stage{min-height:290px;margin-top:12px;transform-origin:50% 65%;transition:transform 1.4s ease}
.auto-dj-page .dj-robot{position:absolute;inset:0;width:100%;height:100%;max-width:900px;max-height:100%;margin:auto;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 22px 35px #0003)}
.auto-dj-page .dj-phase{margin-top:12px;margin-bottom:18px}
.auto-dj-page .dj-room:is(:fullscreen,.room-expanded) .room-heading{margin-top:10px}
.auto-dj-page .dj-room:is(:fullscreen,.room-expanded) .room-heading h1{font-size:clamp(24px,2.6vh,42px)}
.auto-dj-page .dj-room:is(:fullscreen,.room-expanded) .dj-robot{width:100%;max-width:1100px}
.auto-dj-page .dj-room:is(:fullscreen,.room-expanded).controls-hidden .robot-stage{transform:translateY(28px) scale(1.12)}
@media(max-width:900px){.auto-dj-page .room-heading{margin-top:20px}.auto-dj-page .robot-stage{min-height:300px}}
@media(max-width:600px){.auto-dj-page .room-heading{margin-top:20px}.auto-dj-page .room-heading h1{font-size:22px}.auto-dj-page .room-heading .room-kicker{font-size:7px}.auto-dj-page .robot-stage{flex:none;height:clamp(280px,80vw,360px);min-height:0;margin-top:18px}.auto-dj-page .dj-robot{width:100%;max-width:100%}.auto-dj-page .dj-room:is(:fullscreen,.room-expanded) .room-heading h1{font-size:22px}.auto-dj-page .dj-room:is(:fullscreen,.room-expanded) .robot-stage{min-height:220px;height:clamp(220px,40vh,400px)}.auto-dj-page .dj-room:is(:fullscreen,.room-expanded).controls-hidden .robot-stage{transform:translateY(12px) scale(1.07)}}
@media(prefers-reduced-motion:reduce){.auto-dj-page .robot-stage{transition:none}.auto-dj-page .dj-room:is(:fullscreen,.room-expanded).controls-hidden .robot-stage{transform:none}}

/* A festival environment stays cinematic while the surrounding site follows the selected theme. */
.auto-dj-page .festival-room{--room-bg:#060813;--room-ink:#f4f5fa;--room-muted:#ced2e2;--room-line:#ffffff38;background:#060813}
.festival-scenery{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}
.festival-backdrop{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 88%;filter:brightness(.84) saturate(.94)}
.festival-scenery::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04061088 0%,transparent 28%,transparent 60%,#03050b18 76%,#03050b80 100%)}
.auto-dj-page .festival-room .room-top{font-size:11px}
.auto-dj-page .festival-room .room-back{text-shadow:0 1px 6px #000}
.auto-dj-page .festival-room .room-tools button{background:#06091470;backdrop-filter:blur(8px)}
.auto-dj-page .festival-room .room-heading{padding:7px 22px 9px;background:linear-gradient(90deg,transparent,#05081288,transparent);text-shadow:0 2px 12px #000}
.auto-dj-page .festival-room .room-heading h1{font-size:23px;letter-spacing:.25em}
.auto-dj-page .festival-room .robot-stage{margin-top:14px;transform-origin:50% 80%}
.auto-dj-page .festival-room .dj-robot{max-height:88%;max-width:900px;top:auto;bottom:0;filter:drop-shadow(0 4px 24px #070915);-webkit-mask-image:linear-gradient(#000 95%,transparent);mask-image:linear-gradient(#000 95%,transparent)}
.auto-dj-page .festival-room .dj-phase{text-shadow:0 2px 10px #000;margin-bottom:15px;font-size:9px}
.auto-dj-page .festival-room .room-dock{background:#080b14c4;backdrop-filter:blur(22px);border-color:#ffffff28;box-shadow:0 14px 50px #0006}
.auto-dj-page .festival-room:is(:fullscreen,.room-expanded).controls-hidden .robot-stage{transform:translateY(15px) scale(1.06)}
@media(max-width:900px){.auto-dj-page .festival-room .dj-robot{max-height:92%}.festival-backdrop{object-position:50% 50%}}
@media(max-width:600px){.auto-dj-page .festival-room .room-heading h1{font-size:20px}.auto-dj-page .festival-room .room-heading{margin-top:15px;padding:6px 14px}.auto-dj-page .festival-room .robot-stage{height:clamp(280px,80vw,340px);margin-top:7px}.auto-dj-page .festival-room .dj-robot{max-height:100%}.festival-backdrop{object-position:50% 50%}.festival-scenery::after{background:linear-gradient(180deg,#04061055,transparent 25%,#04061015 60%,#03050bb0 100%)}.auto-dj-page .festival-room .room-dock{background:#080b14dc}.auto-dj-page .festival-room:is(:fullscreen,.room-expanded) .robot-stage{height:clamp(240px,40vh,400px)}}
@media(prefers-reduced-motion:reduce){.auto-dj-page .festival-room:is(:fullscreen,.room-expanded).controls-hidden .robot-stage{transform:none}}

/* The supplied performance plays as a large central screen within the festival. */
.auto-dj-page .dance-room .robot-stage{min-height:310px;margin-top:10px}
.dance-screen{position:relative;aspect-ratio:16/9;width:min(1050px,100%);height:auto;max-height:100%;background:#060812;overflow:hidden;border-radius:6px;box-shadow:0 0 45px #02030b80;isolation:isolate;will-change:transform}
.dance-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.dance-screen::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 24px #04061066;border:1px solid #c6e9ff1a;border-radius:inherit}
/* Movement is in the supplied performance; the physical screen stays fixed. */
.auto-dj-page .dance-screen{transform:none!important;will-change:auto}
.dance-notice{margin:4px 0 0;font-size:11px;min-height:0;text-align:center}
.dance-notice:empty{display:none}
.auto-dj-page .dance-room .room-heading{margin-top:7px}
.auto-dj-page .dance-room .dj-phase{margin:10px 0 12px}
.auto-dj-page .dance-room:is(:fullscreen,.room-expanded).controls-hidden .robot-stage{transform:scale(1.07)}
@media(min-width:901px){.auto-dj-page .dance-room .robot-stage{min-height:0}.dance-screen{width:min(1050px,100%,calc((100svh - 385px)*1.77778));min-width:480px}.dance-room:is(:fullscreen,.room-expanded) .dance-screen{width:min(1280px,100%,calc((100svh - 300px)*1.77778))}}
@media(max-width:900px){.dance-screen{width:100%}.auto-dj-page .dance-room .robot-stage{min-height:0;flex:none;aspect-ratio:16/9;height:auto;margin:24px 0}}
@media(max-width:600px){.auto-dj-page .dance-room .room-tools{gap:4px}.auto-dj-page .dance-room .room-tools button{padding:9px 7px;font-size:9px}.auto-dj-page .dance-room .room-back{font-size:9px}.auto-dj-page .dance-room .robot-stage{height:auto;min-height:0;margin:22px 0 18px}.dance-screen{width:calc(100% + 36px);max-width:none;flex-shrink:0;border-radius:0}.auto-dj-page .dance-room:is(:fullscreen,.room-expanded) .robot-stage{height:auto;min-height:0}.auto-dj-page .dance-room:is(:fullscreen,.room-expanded).controls-hidden .robot-stage{transform:none}}
@media(prefers-reduced-motion:reduce){.dance-screen{will-change:auto}.auto-dj-page .dance-room:is(:fullscreen,.room-expanded).controls-hidden .robot-stage{transform:none}}

/* One continuous scene: retain the source performance, dissolve its frame,
   and carry the same live colors out into the festival architecture. */
.auto-dj-page .unified-room{--stage-bass:0;--stage-high:0;--stage-level:0;background:#050712}
.unified-room .festival-backdrop{filter:brightness(.60) saturate(.66);object-position:50% 78%}
.unified-room .festival-scenery::after{background:radial-gradient(ellipse 43% 57% at 50% 48%,#08081888,transparent 100%),linear-gradient(180deg,#05081666,transparent 28%,#08061910 65%,#03040bbb)}
.room-atmosphere{position:absolute;inset:-3%;width:106%;height:106%;z-index:-2;pointer-events:none;filter:blur(36px) brightness(.42) contrast(1.25) saturate(1.55);opacity:.30;mix-blend-mode:screen;transform:translateZ(0);mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent)}
.unified-room .room-lights{z-index:2;mix-blend-mode:screen}
.unified-room :is(.room-top,.room-heading,.dj-phase,.room-dock,.screen-note,.dance-notice){z-index:4;position:relative}
.unified-room .room-top .room-tools button{background:#050812a3}
.auto-dj-page .unified-room .robot-stage{margin-top:0;isolation:isolate}
.auto-dj-page .unified-room .dance-screen{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;aspect-ratio:16/9;max-height:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 81%,transparent 100%);
 -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 81%,transparent 100%);mask-composite:intersect}
.unified-room .dance-screen::after{display:none}
.unified-room .dance-video{filter:saturate(.86) contrast(1.035) brightness(.93)}
.unified-room .robot-stage::after{content:"";position:absolute;bottom:-8%;left:-8%;width:116%;height:25%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 27% 60%,#9839c321,transparent 63%),radial-gradient(ellipse at 76% 60%,#1cc9ed22,transparent 66%);filter:blur(22px)}
.auto-dj-page .unified-room .room-dock{background:#070a15de;backdrop-filter:blur(25px);border-color:#b3ceff22}
.auto-dj-page .unified-room .room-heading{background:none;margin-top:3px}
.auto-dj-page .unified-room .dj-phase{margin:0 0 10px}
@media(min-width:901px){.auto-dj-page .unified-room .dance-screen{width:min(1380px,106%,calc((100svh - 315px)*1.91));min-width:480px}.auto-dj-page .unified-room:is(:fullscreen,.room-expanded) .dance-screen{width:min(1540px,106%,calc((100svh - 235px)*1.91))}}
@media(max-width:900px){.auto-dj-page .unified-room .robot-stage{margin:12px 0 4px}.room-atmosphere{filter:blur(28px) brightness(.42) contrast(1.25) saturate(1.55);opacity:.26}}
@media(max-width:600px){.auto-dj-page .unified-room .robot-stage{margin:12px 0 6px}.auto-dj-page .unified-room .dance-screen{width:calc(100% + 44px);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 84%,transparent)}.unified-room .festival-backdrop{object-position:50% 54%;filter:brightness(.52) saturate(.65)}.room-atmosphere{opacity:.28}}
@media(prefers-reduced-motion:reduce){.room-atmosphere{transform:none}}

.unified-room .screen-note{position:absolute}

/* The performance leads. A thin lower-edge transport replaces the console. */
.auto-dj-page .quiet-room{padding-bottom:20px;min-height:560px;height:calc(100svh - 76px)}
.auto-dj-page .quiet-room .robot-stage{flex:1;min-height:0;margin:0;width:100%}
.auto-dj-page .quiet-room .dance-screen{width:min(1540px,110%,calc((100svh - 155px)*1.84));min-width:0}
.auto-dj-page .quiet-room .room-dock{flex:none;align-self:center;display:grid;grid-template-columns:auto minmax(100px,1fr) auto minmax(100px,200px) 32px;align-items:center;gap:24px;width:min(1320px,100%);min-height:48px;padding:2px 8px 2px 18px;border:0;border-top:1px solid #ffffff14;border-radius:0;background:#05081138;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none;color:#d3d6df}
.auto-dj-page .quiet-room .room-dock:hover,.auto-dj-page .quiet-room .room-dock:focus-within{background:#05081166}
.auto-dj-page .quiet-room .dock-signature{margin:0;padding:0;background:none;text-shadow:none;text-align:left;pointer-events:auto}
.auto-dj-page .quiet-room .dock-signature h1{font-size:10px;line-height:1;letter-spacing:.2em;font-weight:400;margin:0;white-space:nowrap}
.auto-dj-page .quiet-room .dock-track h2{font-size:12px;line-height:1.4;font-weight:400;letter-spacing:0;margin:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auto-dj-page .quiet-room .dock-play{gap:6px;justify-content:flex-start}
.auto-dj-page .quiet-room .dj-primary{min-width:110px;min-height:40px;padding:0 8px;gap:9px;border:0;border-radius:0;background:transparent;color:inherit;font-size:12px;font-weight:400;white-space:nowrap;box-shadow:none}
.auto-dj-page .quiet-room .dj-primary::before{content:"";display:block;width:0;height:0;border:4px solid transparent;border-right:0;border-left:6px solid currentColor}
.auto-dj-page[data-session="playing"] .quiet-room .dj-primary::before{width:6px;height:8px;box-sizing:border-box;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor}
.auto-dj-page .quiet-room .dj-primary:disabled{opacity:.5}
.auto-dj-page .quiet-room .dj-icon-button{border:0;background:transparent;border-radius:0;width:32px;height:40px;cursor:pointer}
.auto-dj-page .quiet-room .dj-icon-button svg{width:14px;height:14px}
.auto-dj-page .quiet-room .dj-position{display:flex;align-items:center;gap:10px;min-width:0;margin:0;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.72}
.auto-dj-page .quiet-room .dj-position progress{flex:1;width:100%;min-width:24px;height:1px}
.auto-dj-page .quiet-room .dj-position progress::-webkit-progress-value{background:#b3bacb}
.auto-dj-page .quiet-room .dj-position progress::-moz-progress-bar{background:#b3bacb}
.auto-dj-page .quiet-room .dock-more{grid-column:5;position:relative;align-self:center}
.dock-more summary{display:grid;place-items:center;list-style:none;cursor:pointer;min-width:32px;height:40px;line-height:1;user-select:none}
.dock-more summary::-webkit-details-marker{display:none}
.dock-more summary svg{width:20px;height:20px;fill:currentColor}
.auto-dj-page .quiet-room .dock-more-panel{position:absolute;bottom:calc(100% + 12px);right:0;width:260px;padding:18px;background:#111521f2;border:1px solid #ffffff25;box-shadow:0 8px 32px #0004;font-size:12px;line-height:1.5}
.dock-more-panel .dj-meta{margin:0 0 14px}.dock-more-panel .dj-match{display:block;margin-bottom:8px}.dock-more-panel .dj-match:empty{display:none}
.dock-more-panel .room-kicker{font-size:8px;letter-spacing:.16em}.dock-more-panel #nextTitle{margin:5px 0 12px;font-size:12px}.dock-more-panel .dj-utilities{margin:8px 0 0;gap:12px}
.dock-more-panel .dj-text-button{font-size:11px;min-height:32px}.dock-more-panel .dj-note{font-size:10px;margin-top:10px}
.auto-dj-page .quiet-room .dj-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:0}
.auto-dj-page .quiet-room #mixDock[data-issue="true"] .dj-status{clip-path:none;bottom:calc(100% + 8px);left:0;width:auto;max-width:min(560px,100%);height:auto;white-space:normal;background:#101521ed;color:#f4f5fa;padding:9px 13px;font-size:11px;line-height:1.5}
.auto-dj-page .quiet-room .screen-note{bottom:3px;font-size:9px}
.auto-dj-page .quiet-room:is(:fullscreen,.room-expanded){height:100dvh;padding-bottom:18px;min-height:0}
.auto-dj-page .quiet-room:is(:fullscreen,.room-expanded) .dance-screen{width:min(1640px,110%,calc((100svh - 115px)*1.84))}
.auto-dj-page .quiet-room:is(:fullscreen,.room-expanded).controls-hidden .room-dock{transform:translateY(8px)}
/* Theme rules must never bring back the solid white primary button. */
@layer madice-themes{
 html[data-madice-theme][data-madice-theme] body.auto-dj-page .quiet-room .room-dock :is(h1,h2,p,span,button,summary,label){color:#c4c9d5!important}
 html[data-madice-theme][data-madice-theme] body.auto-dj-page .quiet-room .dj-primary,
 html[data-madice-theme][data-madice-theme] body.auto-dj-page .quiet-room .dj-primary:hover{background:transparent!important;color:#d7dce5!important;border-color:transparent!important}
 html[data-madice-theme][data-madice-theme] body.auto-dj-page .quiet-room .room-dock :is(button,summary):hover{color:#fff!important}
}
@media(max-width:900px){
 .auto-dj-page .quiet-room{padding:18px 24px 18px;min-height:500px}
 .auto-dj-page .quiet-room .robot-stage{flex:1;height:auto;aspect-ratio:auto;margin:0}
 .auto-dj-page .quiet-room .dance-screen{width:110%}
 .auto-dj-page .quiet-room .room-dock{gap:14px;grid-template-columns:auto minmax(80px,1fr) auto 32px;min-height:48px;padding-left:12px}
 .auto-dj-page .quiet-room .dj-position{display:none}
 .auto-dj-page .quiet-room .dock-more{grid-column:4}
}
@media(max-width:600px){
 .auto-dj-page .quiet-room{padding:14px 12px 12px;min-height:440px;height:calc(100svh - 76px)}
 .auto-dj-page .quiet-room .robot-stage{height:auto;flex:1;min-height:0;margin:0}
 .auto-dj-page .quiet-room .dance-screen{width:calc(100% + 60px)}
 .auto-dj-page .quiet-room .room-dock{grid-template-columns:auto minmax(80px,1fr) 32px;gap:0 10px;padding:4px 4px 4px 10px;min-height:68px}
 .auto-dj-page .quiet-room .dock-signature{grid-column:1;grid-row:1}
 .auto-dj-page .quiet-room .dock-track{grid-column:2/-1;grid-row:1}
 .auto-dj-page .quiet-room .dock-signature h1{font-size:9px}
 .auto-dj-page .quiet-room .dock-track h2{font-size:11px}
 .auto-dj-page .quiet-room .dock-play{grid-column:1/3;grid-row:2;justify-content:flex-start}
 .auto-dj-page .quiet-room .dj-primary{min-width:110px;padding-left:0;font-size:11px}
 .auto-dj-page .quiet-room .dock-more{grid-column:3;grid-row:2}
 .auto-dj-page .quiet-room .dock-more-panel{width:min(260px,calc(100vw - 52px))}
 .auto-dj-page .quiet-room:is(:fullscreen,.room-expanded){padding:14px 12px 12px;min-height:0;height:100dvh}
 .auto-dj-page .quiet-room:is(:fullscreen,.room-expanded) .robot-stage{flex:1;height:auto;min-height:0}
 .auto-dj-page .quiet-room:is(:fullscreen,.room-expanded) .dance-screen{width:calc(100% + 60px)}
}
@media(prefers-reduced-motion:reduce){.auto-dj-page .quiet-room .room-dock{transition:none}}
.auto-dj-page .quiet-room .sr-only{position:absolute!important;margin:0!important;width:1px;height:1px}
@media(max-width:600px){.auto-dj-page .quiet-room{height:calc(100svh - 106px)}}