*{box-sizing:border-box}html{background:#0b0906;height:100%}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#322416 0,#151109 50%,#080705 90%);font-family:'Arial Narrow',Impact,sans-serif;color:#ffbc63}.receiver{position:relative;width:min(100vw,56.28svh);aspect-ratio:941/1672;isolation:isolate;container-type:inline-size;box-shadow:0 0 80px #000}.face{position:absolute;inset:0;width:100%;height:100%;user-select:none;pointer-events:none}.display-dimmer{position:absolute;left:15.4%;top:23.1%;width:69.5%;height:13.3%;border-radius:8%;background:#100b05;opacity:.7;transition:opacity .65s;pointer-events:none}.receiver.playing .display-dimmer{opacity:.1}.scope{position:absolute;left:17.6%;top:26.7%;width:64.8%;height:7.6%;overflow:hidden;background:radial-gradient(ellipse at center,#362008,#201305 76%);box-shadow:0 0 5px 4px #2b1808,inset 0 0 12px #160e06}.scope:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 24%,#a56c2626 24.5% 25%),repeating-linear-gradient(90deg,transparent 0 8.9%,#a56c2622 9% 9.2%);pointer-events:none}canvas{width:100%;height:100%;display:block;opacity:.9}#status{position:absolute;left:0;right:0;top:42%;text-align:center;font-family:monospace;font-size:clamp(10px,2.8cqw,17px);letter-spacing:.13em;color:#c69353;text-shadow:0 0 9px #e7943655}.pilot{position:absolute;left:48.04%;top:41.07%;width:5.52%;height:2.94%;background:radial-gradient(circle,#251406,#100a03 70%);border-radius:50%;box-shadow:inset 0 0 6px #000}#lamp{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at 45% 40%,#fffce5 0 12%,#ffe6a5 23%,#ffac24 47%,#bc5105 66%,#351304 90%);opacity:.06;box-shadow:0 0 9px #ff9900,0 0 22px #ff8b0080;will-change:opacity}.knob{position:absolute;width:18.8%;height:10.58%;border:0;padding:0;border-radius:50%;background:#171108;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:0 3px 7px #0009}.knob:active{cursor:grabbing}.knob .dial{position:absolute;inset:0;border-radius:50%;background-image:url('/radio.png');background-repeat:no-repeat;background-size:531.915% 945.18%;pointer-events:none;will-change:transform}.volume{left:14.65%;top:44.68%}.volume .dial{background-position:18.04% 49.97%;transform:rotate(41.75deg)}.power{left:68.33%;top:44.68%}.power .dial{background-position:84.15% 49.97%;transform:rotate(-140deg);transition:transform .2s ease-out}.vintage{position:absolute;left:79.1%;top:90.64%;width:11.4%;height:3.11%;border:0;background:#281809;border-radius:40%;padding:5%;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.switch-track{position:absolute;inset:10% 6%;border-radius:999px;border:1px solid #b77c32;box-shadow:0 0 0 2px #100c05,inset 0 0 5px #000;background:#392815;overflow:hidden}.switch-thumb{position:absolute;left:1%;top:4%;bottom:4%;width:51%;border-radius:50%;background:radial-gradient(circle at 55% 45%,#0b0905 0 18%,#60421f 20% 26%,#171208 28% 41%,#49351b 70%,#100c07);box-shadow:2px 0 4px #000;transition:left .18s}.vintage[aria-checked=true] .switch-track{background:#ffb744;box-shadow:0 0 0 2px #100c05,inset 0 0 5px #925315,0 0 10px #ff9b0066}.vintage[aria-checked=true] .switch-thumb{left:48%}.contact{position:absolute;left:41%;top:46.3%;width:20%;height:4.5%;border-radius:5px}.readout{position:absolute;left:14%;top:56.2%;width:22%;text-align:center;background:#110c05d9;color:#ffd295;border:1px solid #846039;border-radius:5px;font-family:monospace;font-size:clamp(12px,3cqw,18px);padding:4px;opacity:0;transition:opacity .2s;pointer-events:none}.readout.visible{opacity:1}:focus-visible{outline:2px solid #ffcf82;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-aspect-ratio:941/1672){.receiver{width:100vw}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}