.studio-live{background:#2b0907;background-image:conic-gradient(#701e19 25%,#210806 0 50%,#701e19 0 75%,#210806 0);background-size:60px 60px}
.studio-live .studio-window{inset:22px 7% 90px;background:#17120f url('assets/community.jpg') center/cover;color:#fff;border-color:#f78072}
.studio-live .window-grid{display:none}.studio-live .window-chrome{background:#111c;border-color:#ffffff30}
.studio-live .opening-copy h1{color:#fff;text-shadow:3px 2px #a4140a}.studio-live .opening-copy p,.studio-live .opening-copy .eyebrow{background:#100d0be8;padding:3px 7px;width:fit-content;max-width:100%}
.studio-live .core-label,.studio-live .window-foot{color:#fff;background:#111d;padding:5px}
.studio-live .jam-lights{display:block;position:absolute;inset:0;background:conic-gradient(from 190deg at 80% 0%,transparent 0 8deg,#fa806730 8deg 18deg,transparent 18deg 45deg,#fff3 45deg 52deg,transparent 52deg 90deg);animation:light-sweep 12s ease-in-out infinite;pointer-events:none;z-index:3}
.studio-live .disco-ball{display:block;position:absolute;top:45px;right:18px;width:50px;height:50px;border-radius:50%;background:radial-gradient(at 30% 25%,#fff,transparent 65%),repeating-conic-gradient(#c1b9aa 0 12deg,#363631 12deg 20deg);box-shadow:0 0 20px #fff5;animation:record-spin 15s linear infinite;z-index:4}
.prop-record-b{width:128px;height:128px;right:28%;top:12%;transform:translate(var(--dx),var(--dy)) rotate(-15deg)}.prop-record-b .vinyl{width:128px;height:128px;animation-duration:18s;animation-direction:reverse}.prop-record-b .vinyl-label{inset:38px;background:#f2eee4;color:#8d170f;padding-top:8px}.prop-record-b .object-float{animation-delay:-2.5s;animation-duration:8s}
.assembly-setup[hidden]{display:none}.assembly-setup{position:absolute;left:2%;right:2%;bottom:16px;z-index:8}
.studio-live.has-dj .window-foot{visibility:hidden}.studio-live.has-dj .opening-copy{left:6%;right:6%;top:11%;max-width:none;display:grid;grid-template-columns:1.3fr 1fr;column-gap:35px;align-items:start}.studio-live.has-dj .opening-copy .eyebrow{grid-column:1/-1;margin-bottom:12px}.studio-live.has-dj .opening-copy h1{grid-column:1;grid-row:2/4;font-size:clamp(3rem,5.5vw,6rem)}.studio-live.has-dj .opening-copy p{grid-column:2;grid-row:2;margin-top:0;font-size:1rem}.studio-live.has-dj .opening-copy .button{grid-column:2;grid-row:3;margin-top:12px;justify-self:start;font-size:.875rem}
.studio-live.has-dj .play-object,.studio-live.has-dj .sound-core{visibility:visible;pointer-events:auto}.studio-live.assembling .studio-window{overflow:visible}
.dj-booth{position:relative;top:auto;right:auto;width:76%;margin:0 auto;padding:10px 12px 35px;border:0;border-radius:9px;background:none;box-shadow:none;isolation:isolate}
.console-body-dock{position:absolute;inset:0;z-index:-1;pointer-events:none}.sound-core.is-console{position:absolute;inset:0;width:100%;height:100%;margin:0;perspective:none;pointer-events:none;transform:none;touch-action:auto}.is-console .core-orbit{animation:none;transform:none}.is-console .sound-cube{transform:none!important;transition:none;filter:none!important;height:100%}.is-console .cube-face{display:none}.is-console .cube-back{display:block;transform:none;backface-visibility:visible;border-radius:9px;background:linear-gradient(120deg,#ed4938,#a3140f 45%,#64100c);border:1px solid #fa8f80;box-shadow:0 10px 0 #440907,0 18px 23px #0008}.is-console .cube-back>span{top:auto;bottom:7px;left:14px;font-size:1.25rem;line-height:1;letter-spacing:.015em}.is-console .cube-back br{display:none}.is-console .core-label{display:none}
.dj-top{margin-bottom:5px;gap:10px}.dj-title{font-size:1.25rem}.dj-signal{font-size:.75rem;color:#fff}.dj-grid{gap:14px}.dj-deck{padding:0 7px 5px;background:linear-gradient(110deg,#5a5650,#292724 25%,#191817 70%,#6e655b);border-color:#9c9083}.deck-handle{min-height:24px;font-size:.75rem;padding:3px 5px}.deck-handle span{font-size:.6875rem}.record-dock{height:108px;display:flex;align-items:center;justify-content:center;margin:2px 0 5px}
.play-object.is-docked{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;--dx:0px;--dy:0px;max-width:none}.play-object.is-docked .object-float{animation:none;transform:none;will-change:auto}.play-object.is-docked .prop-label,.play-object.is-docked .berry-home{display:none}
.play-object.is-docked.dj-platter{display:block;width:108px;height:108px;min-width:0;aspect-ratio:1;margin:0;border:4px solid #b3aea3;border-radius:50%;padding:0;background:#161616;box-shadow:0 0 0 2px #111,0 3px 7px #0007;filter:none;touch-action:none;cursor:grab}
.is-docked.dj-platter .object-float{position:absolute;inset:0}.is-docked .vinyl.dj-disc{width:100%;height:100%;position:absolute;inset:0;animation:none;box-shadow:inset 1px 1px 4px #eee6}.is-docked .vinyl-label.dj-label{inset:29%;font-size:1.1rem;padding-top:15%;background:#c92019;color:#fff}.prop-record-b.is-docked .vinyl-label{background:#f2eee4;color:#8d170f}.is-docked .vinyl-label>span{width:5px;height:5px;margin-top:3px}.is-docked .dj-label::after{display:none}
.dj-deck-note{font-size:.75rem;padding:2px 5px;line-height:1.3}.dj-deck-note b{font-size:.6875rem}.dj-mixer{margin-top:8px;grid-template-columns:1fr auto;gap:12px;padding:2px 5px;background:#23211e}.dj-crossfade{font-size:.8125rem}.dj-fader{min-height:36px}.dj-transport button{min-height:36px;font-size:.8125rem;padding:6px 10px}.dj-info{font-size:.75rem;margin-top:6px;line-height:1.35}.dj-status{font-size:.75rem;margin-top:4px;line-height:1.35;min-height:1.35em}.console-accessories{position:absolute;right:10px;bottom:4px;display:flex;align-items:center;gap:10px;pointer-events:none}.tape-dock{width:75px}.pick-dock{width:19px}.prop-tape.is-docked{width:75px;filter:none}.prop-pick.is-docked{width:19px;filter:none}.is-docked .guitar-pick{width:19px;height:23px;padding:3px;font-size:.375rem}
.speaker-dock,.mic-dock{position:absolute;bottom:45px;width:11%;z-index:2;pointer-events:none}.speaker-dock{left:0}.mic-dock{right:0}.prop-speaker.is-docked{width:100%;filter:drop-shadow(4px 8px 6px #0009)}.is-docked .speaker-box{width:100%;height:145px}.is-docked .speaker-small{left:38%;width:24px;height:24px}.is-docked .speaker-cone{width:80%;height:auto;aspect-ratio:1;left:10%;top:49px}.is-docked .speaker-box b{left:38%;font-size:.625rem}.prop-mic.is-docked{width:80%;margin:auto;filter:drop-shadow(4px 8px 6px #0009)}
.assembling .dj-deck{background:transparent;border-color:transparent;box-shadow:none}.assembling .is-docked .object-float{animation:none}
@media(min-width:761px) and (max-width:1100px){.studio-live .studio-window{inset:22px 5% 100px}.dj-booth{width:80%;padding:9px 9px 33px}.speaker-dock,.mic-dock{width:8%}.dj-grid{gap:9px}.record-dock{height:95px}.play-object.is-docked.dj-platter{width:95px;height:95px}.dj-deck-note{font-size:.6875rem;display:block}.dj-deck-note b{display:none}.dj-transport button{font-size:.75rem;padding:6px}.dj-title{font-size:1.1rem}.dj-signal{font-size:.6875rem}.dj-status{font-size:.6875rem}.is-docked .speaker-box{height:100px}.is-docked .speaker-small{width:16px;height:16px}.is-docked .speaker-cone{top:39px}.is-docked .speaker-box b{left:20%}}
@media(min-width:761px) and (max-height:780px){.playground.studio-live{min-height:680px;height:calc(100svh - 146px)}.studio-live.has-dj .opening-copy{top:9%;column-gap:20px}.studio-live.has-dj .opening-copy h1{font-size:clamp(2.5rem,5vw,5rem)}.studio-live.has-dj .opening-copy .eyebrow{margin-bottom:8px}.studio-live.has-dj .opening-copy p{font-size:.875rem}.studio-live.has-dj .opening-copy .button{margin-top:8px}.record-dock{height:90px}.play-object.is-docked.dj-platter{width:90px;height:90px}.dj-top{margin-bottom:4px}}
@media(max-width:760px){.studio-live .studio-window{position:relative;inset:auto;min-height:730px}.studio-live .disco-ball{width:38px;height:38px;top:44px;right:12px}.prop-record-b{width:80px;height:80px;top:calc(var(--core-y,450px) + 180px);right:5%}.prop-record-b .vinyl{width:80px;height:80px}.prop-record-b .vinyl-label{inset:22px;font-size:.6875rem;padding-top:6px}.studio-live.has-dj .opening-copy{display:block;position:relative;left:auto;right:auto;top:auto;padding:28px 7% 0;max-width:100%}.studio-live.has-dj .opening-copy h1{font-size:clamp(2rem,16vw,7rem)}.studio-live.has-dj .opening-copy p{font-size:1rem;margin-top:16px}.studio-live.has-dj .opening-copy .button{font-size:.875rem;margin-top:16px}.studio-live.has-dj .studio-window{min-height:0}.studio-live.has-dj .window-foot{display:none}.assembly-setup{position:relative;left:auto;right:auto;bottom:auto;margin:25px 4% 24px;padding-top:54px}.dj-booth{width:100%;margin:0;padding:12px 10px 36px}.dj-title{font-size:1.25rem}.dj-signal{font-size:.6875rem}.dj-grid{gap:10px}.deck-handle{min-height:36px}.record-dock{height:94px}.play-object.is-docked.dj-platter{width:94px;height:94px}.dj-deck-note{display:block;font-size:.625rem}.dj-deck-note b{display:block;font-size:.625rem}.dj-mixer{grid-template-columns:1fr;gap:6px;margin-top:10px}.dj-fader{min-height:44px}.dj-transport button{min-height:44px;font-size:.8125rem}.dj-info{font-size:.75rem;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.dj-info>span:first-child{grid-column:1/-1}.dj-status{font-size:.75rem;line-height:1.5}.speaker-dock,.mic-dock{bottom:auto;top:0;width:40px}.speaker-dock{left:4px}.mic-dock{right:4px}.is-docked .speaker-box{height:65px}.is-docked .speaker-small{width:10px;height:10px;left:35%;top:7px}.is-docked .speaker-cone{top:24px}.is-docked .speaker-box b{font-size:.4375rem;left:27%}.prop-mic.is-docked{width:32px;margin-left:auto}.console-accessories{right:8px}.tape-dock,.prop-tape.is-docked{width:60px}.is-console .cube-back>span{font-size:1rem}.prop-pick.is-docked{width:19px}}
@media(prefers-reduced-motion:reduce){.studio-live *{animation:none!important;transition:none!important}.studio-live .studio-window{transform:none}}

.studio-live.has-dj .sound-core.is-console{display:block;pointer-events:none}.is-docked[inert]{pointer-events:none!important}
@media(min-width:761px){.studio-live:not(.has-dj) .prop-record{left:1%;width:130px;height:130px;bottom:22%}.studio-live:not(.has-dj) .prop-record .vinyl{width:130px;height:130px}.studio-live:not(.has-dj) .prop-record .vinyl-label{inset:39px;font-size:.9rem;padding-top:10px}}

@media(min-width:761px){.studio-live:not(.has-dj) .prop-pick{left:1.5%;top:11%}}
@media(max-width:760px){.dj-booth{padding-bottom:calc(2rem + 22px)}.is-console .cube-back>span{font-size:.875rem}}

.dj-top,.dj-info,.dj-status{background:#271a18;border-radius:3px;padding:4px 6px}.is-console .cube-back>span{background:#40100c;padding:2px 4px;border-radius:2px}

.console-accessories{z-index:21}@media(min-width:761px){.dj-status{margin-right:110px}}

/* The pad bank is part of the same working console, above the front lip. */
.dj-pads{position:relative;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px;padding:6px;background:#211917;border-radius:5px}.dj-pad{min-height:44px;padding:5px 4px;border:1px solid #e97867;border-bottom-width:3px;border-radius:4px;background:#78271e;color:#fff;font-family:var(--sans);font-size:.8125rem;font-weight:800;line-height:1.2;cursor:pointer}.dj-pad span{display:block;margin-top:3px;font-size:.5625rem;letter-spacing:.05em;font-weight:500}.dj-pad:disabled{background:#312a27;border-color:#8b756e;color:#e9dfd6;cursor:default}.dj-pad:not(:disabled):hover{background:#a43b2b}.dj-pad.pad-hit,.dj-pad.pad-on{background:#f3dba4;color:#301510;border-color:#fff0c4}.dj-pad:focus-visible{outline:3px solid #fff;outline-offset:3px}.assembly-cue{display:none;position:absolute;bottom:calc(100% + 15px);left:50%;transform:translateX(-50%);background:#24130ff2;border:1px solid #e77a69;border-radius:4px;padding:9px 13px;color:#fff;white-space:nowrap;font-size:.75rem;letter-spacing:.14em;font-weight:700;z-index:30;pointer-events:none}.assembling .assembly-cue{display:block}.assembly-cue i{display:block;height:2px;background:#ed8c76;margin-top:7px;transform-origin:left}.assembling .dj-deck::before{content:'';position:absolute;inset:0;border-radius:6px;border:1px solid #9c9083;background:linear-gradient(110deg,#5a5650,#292724 25%,#191817 70%,#6e655b);z-index:-1;opacity:0;transition:opacity .25s}.assembling[data-assembly-phase=lock] .dj-deck::before{opacity:1}.assembling[data-assembly-phase=lock] .console-body-dock{filter:drop-shadow(0 0 6px #eeaa77)}
@media(min-width:761px){.dj-booth{width:79%}.studio-live.has-dj .opening-copy{top:9%}.studio-live.has-dj .opening-copy h1{font-size:clamp(2.75rem,5vw,5.5rem)}.record-dock{height:94px}.play-object.is-docked.dj-platter{width:94px;height:94px}.dj-deck-note{font-size:.6875rem}.dj-info{margin-top:5px}}
@media(max-width:760px){.dj-pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;padding:5px}.dj-pad{min-height:50px;font-size:.625rem;padding:5px 2px}.dj-pad span{font-size:.5rem;letter-spacing:0}.assembly-cue{bottom:calc(100% - 42px);font-size:.625rem;max-width:100%;letter-spacing:.08em}.studio-live.assembling .studio-window{overflow:visible}}
@media(max-width:360px){.dj-pads{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-pad{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.assembly-cue{display:none!important}.assembling .dj-deck::before{transition:none}}