/* One full-width room, with a separate TV object on its console. */
.listening-stage{position:relative;isolation:isolate;width:100vw;width:100cqw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-left:calc(50% - 50cqw);margin-right:calc(50% - 50cqw);height:var(--tv-fit-height,calc(100svh - 240px));min-height:300px;overflow:hidden;background:#100d09}.listening-stage:before{display:none}.listening-stage:after{content:'';position:absolute;left:50%;bottom:2.3%;transform:translateX(-50%);width:min(82%,calc(var(--tv-fit-height,500px)*1.7));height:7%;z-index:1;background:radial-gradient(ellipse,#0008,transparent 69%);pointer-events:none}.listening-stage>.room-scene{position:absolute;display:block;inset:0;z-index:0;background-image:url('rooms/amber-wide.webp');background-position:center bottom;background-size:cover;overflow:hidden}.listening-stage>.room-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0}.listening-stage>.room-scene canvas[data-ready=true]{opacity:1}
.listening-stage>.cabinet,body.theater .listening-stage>.cabinet{--tv-ratio:1.77033;position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:min(94%,calc(var(--tv-fit-height,500px)*var(--tv-ratio)*.93));height:auto;aspect-ratio:var(--tv-ratio);padding:0;border:0;border-radius:0;margin:0;max-width:none;background:none!important;box-shadow:none;z-index:2}.listening-stage .tv-foreground{display:block;position:absolute;inset:0;z-index:2;background-image:url('retro-room.webp');background-size:121.95122% 121.50668%;background-position:60% 46.32768%;background-repeat:no-repeat;clip-path:polygon(0 0,100% 0,100% 95.747%,97.195% 95.747%,97.195% 100%,91.707% 100%,91.707% 95.747%,8.78% 95.747%,8.78% 100%,2.683% 100%,2.683% 95.747%,0 95.747%)}.listening-stage .table-foreground{display:none!important}.listening-stage .bezel{left:7.2561%;top:11.1786%;width:71.09756%;z-index:3}.listening-stage .controls .dial{left:85.7317%;top:11.6646%;width:8.7805%;height:15.5529%}.listening-stage .controls .power{left:90.2439%;top:75.0911%;width:5.2439%;height:9.356%}
body.classic-screen .listening-stage>.cabinet{--tv-ratio:1.41262;aspect-ratio:var(--tv-ratio)}body.classic-screen .listening-stage .tv-foreground{background-image:url('classic-room.webp');background-size:144.30014% 114.6789%;background-position:53.09446% 25.78125%;clip-path:inset(0 round 1.5%)}body.classic-screen .listening-stage .bezel{left:9.5238%;top:11.8119%;width:65.22367%}body.classic-screen .listening-stage .controls .dial{left:83.2612%;top:11.6972%;width:10.9668%;height:17.2018%}body.classic-screen .listening-stage .controls .power{left:87.5902%;top:76.4908%;width:6.4935%;height:9.1743%}
.room-motion-status{font-size:14px;line-height:1.7;color:#cbb797;margin:0 0 18px}.appearance-settings #roomMotionToggle{color:#d6c4a3;white-space:nowrap}.appearance-settings #roomMotionToggle[aria-pressed=false]{color:#a89d8c}
@media(max-width:700px){.listening-stage{height:clamp(270px,72vw,460px);min-height:0}.listening-stage>.cabinet,body.theater .listening-stage>.cabinet{width:94%;max-width:calc(440px*var(--tv-ratio));bottom:6%}body.classic-screen .listening-stage>.cabinet{width:min(86%,calc(420px*var(--tv-ratio)));max-height:none}.listening-stage:after{bottom:4%;width:90%;height:8%}.room-motion-status{font-size:14px}}