@font-face{font-family:Studio;src:url('/assets/nimbus-sans-regular.woff');font-display:swap}@font-face{font-family:Studio;src:url('/assets/nimbus-sans-bold.woff');font-weight:700;font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:#0b0c0e;color:#f3f2ec;font-family:Studio,Arial,sans-serif}body{--room-brightness:1;--accent:#63c6d9;--tint:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f1df48;outline-offset:5px}.tv-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 4%;border-bottom:1px solid #ffffff16}.back{font-size:12px;color:#bcbab1;display:flex;gap:14px;align-items:center}.back:hover{color:#f1df48}.wordmark{font-size:17px;font-weight:700;letter-spacing:-.6px}.wordmark span{color:#63c6d9}.room-number{font-size:8px;letter-spacing:1.6px;color:#8f938e}.room-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:28px 4% 24px}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#63c6d9;margin:0 0 8px}.room-heading h1{font-size:clamp(27px,3.4vw,45px);font-weight:400;letter-spacing:-1.5px;line-height:1.1;margin:0}.room-heading h1>span{color:#f1df48}.room-instruction{font-size:12px;color:#9d9e96;margin:0 0 3px}.viewing-stage{position:relative;overflow:hidden;background:#070808;border-block:1px solid #ffffff15}.room-scene{position:relative;width:100%;aspect-ratio:1672/941}.room-backdrop{display:block;width:100%;height:auto;filter:brightness(var(--room-brightness));transition:filter .65s}.room-tint{position:absolute;inset:0;background:var(--tint);mix-blend-mode:screen;pointer-events:none;transition:background .6s}.tv-frame{position:absolute;left:27.15%;top:15.52%;width:45.7%;height:41.65%;background:#000;border:1px solid #070707;box-shadow:0 0 2px 1px #000;transition:left .6s,top .6s,width .6s,height .6s;z-index:3;overflow:hidden}.tv-frame iframe{width:100%;height:100%;display:block;border:0}.tv-frame:fullscreen{position:fixed;inset:0;width:100vw;height:100vh;border:0;display:grid;place-items:center;background:#000}.tv-frame:fullscreen iframe{width:100%;height:100%}.room-object{position:absolute;z-index:4;background:transparent;border:1px solid transparent;border-radius:8px;transition:border-color .2s,box-shadow .2s}.speaker-left{left:10.5%;top:31.5%;width:11.8%;height:45%}.speaker-right{left:78.5%;top:31.5%;width:11%;height:45%}.room-object:hover,.room-object:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 30px #63c6d918,0 0 24px #63c6d922}.object-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#0b0c0fe6;border:1px solid #ffffff45;padding:9px 11px;border-radius:20px;font-size:8px;font-weight:700;letter-spacing:1.5px;white-space:nowrap;box-shadow:0 5px 18px #0008;display:flex;gap:10px;align-items:center}.object-label i{font-style:normal;color:var(--accent)}.light-switch{left:40%;top:3%;width:20%;height:8%}.light-switch .object-label{bottom:0}.stage-corner{position:absolute;bottom:18px;right:4%;font-size:7px;letter-spacing:2px;color:#e6e3db88;pointer-events:none}.room-desk{margin:0 4%;border:1px solid #ffffff20;border-top:0;border-radius:0 0 14px 14px;background:linear-gradient(135deg,#1d1f22,#111315);box-shadow:0 20px 60px #0004;position:relative;z-index:5}.desk-transport{display:flex;align-items:center;gap:18px;padding:22px 24px;border-bottom:1px solid #ffffff15}.play-toggle{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:50%;border:1px solid #f1df4880;background:#f1df4810;color:#f1df48;font-size:18px}.play-toggle:hover{background:#f1df4825}.desk-transport h2{font-size:22px;letter-spacing:-.5px;margin:0 0 6px}.artists{font-size:11px;color:#b0b0a7;margin:0}.playback-status{margin-left:auto;font-size:10px;color:#a6aaa4;display:flex;gap:7px;align-items:center}.playback-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#a6aaa4}.is-playing .playback-status:before{background:#63c6d9;box-shadow:0 0 10px #63c6d9}.desk-settings{display:grid;grid-template-columns:1.25fr 1fr 1fr auto;align-items:center;gap:25px;padding:22px 24px}.lighting{padding:0;margin:0;border:0;min-width:0}.lighting legend,.range-control{font-size:10px;color:#a8aaa2;letter-spacing:.3px}.lighting legend{margin-bottom:12px}.light-presets{display:flex;gap:5px}.light-presets button{border:1px solid #ffffff20;background:#ffffff04;border-radius:5px;padding:9px 10px;font-size:10px;display:flex;align-items:center;gap:7px}.light-presets button[aria-pressed=true]{border-color:#e1ded38a;color:#fff;background:#ffffff0b}.swatch{display:block;width:7px;height:7px;border-radius:50%}.swatch.studio{background:#c7d5d1}.swatch.neon{background:linear-gradient(120deg,#63c6d9 50%,#d65199 50%)}.swatch.warm{background:#eaa34d}.range-control{display:grid;gap:14px}.range-control>span{display:flex;align-items:center;gap:10px}input[type=range]{min-width:0;width:100%;accent-color:#b3c6c8;cursor:pointer;height:14px}output{font-size:10px;color:#e1dfd4;min-width:29px;font-variant-numeric:tabular-nums}.range-control button{border:0;background:none;padding:0;color:#63c6d9;font-size:17px}.view-options{display:flex;flex-direction:column;gap:7px}.view-options button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffff05;border:1px solid #ffffff25;padding:8px 12px;font-size:10px;border-radius:5px;white-space:nowrap}.view-options button:hover,.view-options button[aria-pressed=true]{border-color:#f1df4870;color:#f1df48}.room-feedback{font-size:11px;color:#c9c5b8;margin:14px 4% 0;min-height:16px}.viewing-footer{display:flex;justify-content:space-between;gap:20px;padding:14px 4% 28px;color:#92958e;font-size:10px;line-height:1.6}.viewing-footer a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}body[data-light=neon]{--accent:#d65199;--tint:linear-gradient(110deg,#00bbff28,transparent 45%,#ff007b2b)}body[data-light=warm]{--accent:#eaa34d;--tint:#c8752026}.cinema .room-backdrop{filter:brightness(.18)}.cinema .room-tint{opacity:.2}.cinema .room-object,.cinema .stage-corner{visibility:hidden}.cinema .tv-frame{left:8%;top:6%;width:84%;height:84%}.cinema .room-heading{opacity:.55}.is-muted .object-label i{color:#aaa}.room-desk button:active{transform:translateY(1px)}
@media(min-width:1800px){.room-heading,.room-desk,.viewing-footer{max-width:1700px;margin-left:auto;margin-right:auto}.room-heading{padding-inline:30px}.room-desk{margin-inline:auto}.viewing-stage{max-width:1900px;margin:auto}}
@media(max-width:1000px){.desk-settings{grid-template-columns:1fr 1fr;gap:24px}.view-options{flex-direction:row}.view-options button{flex:1}.playback-status{font-size:9px}}
@media(max-width:650px){.tv-header{padding:18px 5%;gap:12px}.room-number{display:none}.wordmark{font-size:14px}.back{font-size:11px;gap:8px}.room-heading{padding:24px 5% 20px;align-items:flex-start}.room-heading h1{font-size:29px;letter-spacing:-1px}.room-instruction{display:none}.viewing-stage{aspect-ratio:1.25}.room-scene{width:180%;margin-left:-40%}.room-object{display:none}.stage-corner{font-size:6px;bottom:12px}.room-desk{margin:0 4%;border-radius:0 0 10px 10px}.desk-transport{padding:18px 15px;gap:12px}.play-toggle{width:42px;height:42px;font-size:16px}.desk-transport h2{font-size:19px}.artists{font-size:9px;max-width:210px;line-height:1.6}.playback-status{display:none}.desk-settings{padding:18px 15px;gap:24px 18px}.lighting{grid-column:1/-1}.light-presets{gap:7px}.light-presets button{flex:1;justify-content:center;font-size:11px;min-height:40px}.range-control{font-size:10px;gap:10px}.view-options{grid-column:1/-1}.view-options button{font-size:11px;min-height:40px}.viewing-footer{padding:14px 5% 25px;flex-direction:column;gap:10px;font-size:10px}.room-feedback{font-size:10px;margin-inline:5%}.cinema .tv-frame{left:23%;top:10%;width:54%;height:54%}.cinema .room-scene{width:180%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.mobile-instructions{display:none}@media(max-width:650px){.desktop-instructions{display:none}.mobile-instructions{display:inline}}

.video-context{margin:20px 4% 0;max-width:850px;font-size:11px;line-height:1.8;color:#a8aaa2}.video-context a{color:#b8d2d5;text-decoration:underline;text-underline-offset:3px}