.studio-scene{background:#161215;height:clamp(320px,26vw,420px)}
.studio-world{position:absolute;left:0;top:0;width:2172px;height:724px;transform-origin:0 0;background:url('assets/studio-panorama-v3.png') 0 0/2172px 724px no-repeat;isolation:isolate}
.studio-world .actor-anchor{width:168px;height:269px;left:1086px;top:296px;bottom:auto;transform:translateX(-50%);transition:none;mix-blend-mode:normal;z-index:3;visibility:hidden}
.studio-world.ready .actor-anchor{visibility:visible}
#character-canvas{display:block;width:168px;height:269px;image-rendering:pixelated;mix-blend-mode:normal;opacity:1}
.actor-anchor.facing-left #character-canvas{transform:scaleX(-1)}
.actor-anchor .actor-shadow{bottom:0;left:38px;right:34px;height:7px;z-index:-1}
.actor-anchor.seated .actor-shadow{opacity:0}
.actor-anchor .speech{max-width:310px;white-space:normal;text-align:center;min-width:160px;line-height:1.5;font-size:14px;bottom:calc(100% + 7px);pointer-events:none}
.actor-anchor.seated .speech{bottom:78%}
.on-air-sign{position:absolute;left:1905px;top:215px;width:150px;padding:10px 12px;text-align:center;border:2px solid #382429;border-radius:6px;font:600 21px 'Manrope',sans-serif;letter-spacing:3px;color:#452730;background:#191316;box-shadow:0 3px 12px #0007;transition:color .4s,box-shadow .4s,border-color .4s;z-index:1}
.streaming .on-air-sign{color:#ff8090;border-color:#eb526b;box-shadow:0 0 9px #ff405b99,inset 0 0 9px #ff405b55,0 0 60px #ff405b50;text-shadow:0 0 10px #ff5067}
.screen-light{position:absolute;left:1824px;top:326px;width:302px;height:101px;border-radius:4px;background:linear-gradient(110deg,#5e88ff60,#ff47796b);opacity:0;mix-blend-mode:screen;filter:blur(7px);transition:opacity .7s;pointer-events:none}
.desk-light{position:absolute;left:1740px;top:398px;width:414px;height:175px;background:radial-gradient(ellipse at 50% 10%,#d03a6970,transparent 70%);opacity:0;transition:opacity .7s;pointer-events:none}
.streaming .screen-light,.streaming .desk-light{opacity:1}
.scene-hotspot{position:absolute;background:transparent;border:1px solid transparent;border-radius:12px;z-index:2;padding:0;cursor:pointer;color:#edd7cf}
.scene-hotspot:hover,.scene-hotspot:focus-visible{background:#ffc4940a;border-color:#dc9c7655;box-shadow:inset 0 0 22px #f4967522}
.scene-hotspot span{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);white-space:nowrap;font-size:15px;padding:9px 13px;background:#191419e8;border:1px solid #86614a70;border-radius:4px;opacity:0;transition:opacity .2s}
.scene-hotspot:hover span,.scene-hotspot:focus-visible span{opacity:1}
.coffee-hotspot{left:50px;top:300px;width:205px;height:143px}.desk-hotspot{left:1830px;top:314px;width:320px;height:169px}
.studio-controls{right:24px}.studio-caption{left:24px}.studio-scene:after{background:linear-gradient(0deg,#1111138c,transparent 17%,transparent 90%,#11111318)}
@media(max-width:1000px){.studio-scene{height:340px}.studio-world .actor-anchor{transform:translateX(-50%)}.studio-controls{right:18px}}
@media(max-width:700px){.studio-scene{height:300px}.studio-caption{left:12px}.studio-controls{left:10px;right:10px;bottom:9px}.studio-controls button{min-height:36px}.actor-anchor .speech{font-size:17px}}
@media(prefers-reduced-motion:reduce){.on-air-sign,.screen-light,.desk-light{transition:none}}