#scene-radio{position:absolute;left:33.2%;top:34.4%;width:4.4%;height:8%;z-index:2;pointer-events:none;background:transparent;--poster-color:transparent;filter:sepia(.18) saturate(1.15) brightness(1.04) url(#projector-ink)}
.radio-contact{position:absolute;left:33.65%;top:40.3%;width:3.5%;height:.6%;z-index:1;background:radial-gradient(ellipse,#21170fb3,transparent 72%);pointer-events:none}
#room .radio{left:32.6%;top:33.9%;width:5.6%;height:8.5%;z-index:4;min-width:24px;min-height:24px}
#radio-desk{width:min(640px,94vw);max-height:90dvh;inset:0;margin:auto;overflow:auto;padding:22px;background:#5a4230;color:#eddbb6;border:1px solid #9a8059;border-radius:4px;box-shadow:0 20px 80px #0008}
#radio-desk::backdrop{background:#1b130eb8;backdrop-filter:blur(3px)}
#radio-desk header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccb18b44;padding-bottom:10px;font:18px serif}
#radio-close{background:none;border:0;color:inherit;font-size:26px;width:44px;height:44px}
#radio-detail{display:block;width:100%;height:300px;--poster-color:transparent;background:transparent;filter:sepia(.15) saturate(.85)}
.radio-controls{display:flex;align-items:center;gap:28px;padding:0 12px}.radio-volume-label{flex:1;font:14px serif}.radio-volume-label output{float:right;font:12px monospace;color:#cbb38c}
#radio-volume{width:100%;accent-color:#d5ad72;margin:14px 0;height:30px;padding:0;background:transparent;border:0}
#radio-power{display:flex;align-items:center;gap:9px;background:#372a20;border:1px solid #977a53;color:#e7d0a6;padding:13px 12px;font:13px serif;border-radius:3px}
#radio-power i{width:7px;height:7px;border-radius:50%;background:#665c4c}#radio-power[aria-pressed=true] i{background:#efbd6d;box-shadow:0 0 7px #e7a94b66}
#radio-status{text-align:center;font:12px/1.7 serif;color:#c4ac87;min-height:21px;margin:15px 0 0}
@media(max-width:600px){#radio-detail{height:230px}.radio-controls{gap:16px;padding:0}#radio-desk{padding:16px}}