.aco-radio,.aco-radio__top,.aco-radio__side,.aco-radio__shadow{display:none;position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.aco-room[data-ready=true] .aco-radio,.aco-room[data-ready=true] .aco-radio__top,.aco-room[data-ready=true] .aco-radio__side,.aco-room[data-ready=true] .aco-radio__shadow{display:block}
.aco-radio{z-index:6;width:480px;height:240px;padding:12px;background:repeating-linear-gradient(0deg,#ffffff02 0 2px,#00000009 2px 4px),linear-gradient(135deg,#6a6351,#514b3e 58%,#38372f);border:7px solid #35362d;border-top-color:#8e856b;border-left-color:#777460;box-shadow:inset 0 0 0 3px #a39b7f55,inset 0 0 16px #0008,0 3px 0 #121b1b;font:16px/1.2 'Courier New',monospace;color:#d2c5a0;filter:brightness(var(--radio-light,.94));cursor:pointer}
.aco-radio__controls{position:relative;width:100%;height:100%}
.aco-radio__speaker{position:absolute;inset:4px auto 8px 0;width:180px;border:5px solid #292d27;border-right-color:#8a8265;border-bottom-color:#8a8265;background:repeating-linear-gradient(90deg,transparent 0 3px,#867a5533 3px 4px),repeating-linear-gradient(0deg,#111e1d 0 3px,#555b45 3px 5px);box-shadow:inset 0 0 12px #000;cursor:pointer;transition:filter .25s,transform .25s}
.aco-radio__speaker:hover{filter:brightness(1.22);transform:translateY(-1px)}
.aco-radio__station{position:absolute;left:199px;right:0;top:4px;height:43px;background:#101e19;border:3px inset #888068;display:flex;align-items:center;gap:10px;padding:7px 10px;color:#b3bd89;font-size:16px;letter-spacing:.04em;white-space:nowrap}
.aco-radio__led{width:7px;height:7px;flex-shrink:0;background:#53422b;border-radius:50%;box-shadow:inset 0 1px 2px #000}
.aco-radio[data-state=playing] .aco-radio__led{background:#ffc66d;box-shadow:0 0 10px #ffbc4d99}
.aco-radio__track{position:absolute;left:202px;top:57px;max-width:215px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;letter-spacing:.02em;text-transform:uppercase;color:#eee0b9}
.aco-radio__status{position:absolute;left:202px;top:79px;margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#a99d7c}
.aco-radio__dial-track{position:absolute;left:298px;top:91px;width:124px;height:124px;border:3px solid #95896a;border-bottom-color:transparent;border-radius:50%;transform:rotate(0deg);opacity:.58;pointer-events:none}
.aco-radio__dial{position:absolute;left:308px;top:101px;width:104px;height:104px;border-radius:50%;border:6px solid #30372f;background:repeating-conic-gradient(#555a49 0deg 5deg,#30392f 5deg 10deg);box-shadow:inset 0 0 0 4px #77775c,inset 4px 5px 10px #9d967044,5px 7px 7px #0c171b99;cursor:grab;touch-action:none;outline-offset:7px;transition:box-shadow .25s}
.aco-radio__dial:hover,.aco-radio__dial:focus-visible{box-shadow:inset 0 0 0 4px #a69b78,inset 4px 5px 10px #c6ae6d44,5px 7px 7px #0c171b99,0 0 20px #d6bf6b22}
.aco-radio__dial[data-dragging=true]{cursor:grabbing}
.aco-radio__dial>span{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#74745b,#3d483c 70%);transform:rotate(var(--dial-angle,-40.5deg))}
.aco-radio__dial>span:after{content:'';position:absolute;left:50%;top:5px;width:5px;height:18px;background:#e5d3a1;transform:translateX(-50%);box-shadow:0 0 4px #e6d49b33}
.aco-radio__volume{position:absolute;left:203px;top:128px;width:90px;display:flex;flex-direction:column;gap:8px;color:#cab88e;font-size:18px;font-weight:normal}
.aco-radio__volume>span{font-size:13px;letter-spacing:.12em;color:#a1977a}
.aco-radio__hint{position:absolute;left:202px;bottom:-3px;max-width:88px;font-size:9px;line-height:1.25;text-transform:uppercase;letter-spacing:.035em;color:#998d70}
.aco-radio__wake{position:absolute;inset:-24px;border:0;background:transparent;z-index:4;cursor:zoom-in}
.aco-radio__wake:focus-visible{outline-offset:-12px}
.aco-radio__top{z-index:5;width:480px;height:240px;border:0;border-top:8px solid #3b4238;border-inline:5px solid #77735a;background:repeating-linear-gradient(0deg,#0000 0 12px,#14201c 12px 17px),linear-gradient(90deg,#615e4c,#77715b);filter:brightness(var(--radio-light,.75));cursor:pointer}
.aco-radio__side{z-index:5;width:240px;height:240px;border:0;border-right:8px solid #222b26;background:repeating-linear-gradient(90deg,#171f1b 0 5px,#555542 5px 14px);filter:brightness(var(--radio-light,.6));cursor:pointer}
.aco-radio__shadow{z-index:3;width:480px;height:240px;background:radial-gradient(ellipse at 48% 53%,#000f 0 36%,#010405dc 50%,#01060788 64%,transparent 82%);filter:blur(5px);opacity:var(--radio-shadow,.94);pointer-events:none}
.aco-radio__shadow:after{content:'';position:absolute;inset:28% 14% 19%;border-radius:25%;background:#000c;box-shadow:0 6px 14px 9px #0009}
.aco-radio__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.aco-radio__vu{display:flex;align-items:end;gap:3px;height:16px;margin-left:auto}
.aco-radio__vu i{width:3px;height:4px;background:#7c986a}
.aco-radio[data-state=playing] .aco-radio__vu i{animation:aco-radio-meter .8s steps(5,end) infinite alternate}
.aco-radio__vu i:nth-child(2n){animation-delay:-.4s!important}.aco-radio__vu i:nth-child(3n){animation-delay:-.2s!important}
@keyframes aco-radio-meter{from{height:3px}to{height:16px}}
.aco-room[data-ready=true][data-camera=radio] .aco-room__surfaces{visibility:hidden}
@media(prefers-reduced-motion:reduce){.aco-radio *{animation:none!important;transition:none!important}}

.aco-room[data-ready=true]{overflow:clip}
.aco-radio__dial[data-projected=true],.aco-radio__knob-side{display:none;position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.aco-room[data-ready=true] .aco-radio__dial[data-projected=true],.aco-room[data-ready=true] .aco-radio__knob-side{display:block}
.aco-radio__dial[data-projected=true]{z-index:8;width:104px;height:104px;border:3px solid #85816a;background:#4c5243;box-shadow:inset 0 0 0 3px #252e28,inset 3px 4px 7px #ddd2a44d;filter:brightness(var(--radio-light,.94));transition:box-shadow .2s}
.aco-radio__dial[data-projected=true]>span{inset:4px;background:radial-gradient(circle at 32% 25%,#909078,#4a5344 70%);box-shadow:inset 0 0 0 1px #b3a57e4d}
.aco-radio__dial[data-projected=true]:hover,.aco-radio__dial[data-projected=true]:focus-visible{box-shadow:inset 0 0 0 3px #313e32,inset 4px 5px 10px #e1cd8c66,0 0 14px #e6d7a322}
.aco-radio__knob-side{z-index:7;width:16px;height:40px;background:linear-gradient(90deg,#292e26 0 20%,#888168 30% 45%,#4c5140 55% 80%,#252d25 90%);pointer-events:none}