:root{color-scheme:dark;--gold: #e8c56b;--gold-dim: #4a3d22;--gold-hot: #ffdf94;--cream: #efe6d2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(120% 100% at 50% 0%,#232a2e,#14181b 55%,#0b0d0f);font-family:Avenir Next,Futura,Segoe UI,system-ui,sans-serif;color:#cfc6b4;min-height:100vh}.stage{max-width:1080px;margin:0 auto;padding:28px 18px 60px;display:flex;flex-direction:column;gap:18px}.display{width:100%}.display-inner{position:relative;aspect-ratio:1392 / 768;background:#000;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #000,0 18px 60px #0000008c;transition:box-shadow .6s ease}.display.on .display-inner{box-shadow:0 0 0 1px #000,0 18px 60px #0000008c,0 0 90px #f0be5a1f}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}canvas.static-layer{image-rendering:pixelated;mix-blend-mode:screen}.imgwrap{overflow:hidden}.imgwrap img{width:100%;height:100%;object-fit:cover;display:block}.drift-a{animation:driftA 26s ease-in-out infinite alternate}.drift-b{animation:driftB 31s ease-in-out infinite alternate}@keyframes driftA{0%{transform:scale(1.05) translate(-.7%,.4%)}to{transform:scale(1.1) translate(.8%,-.5%)}}@keyframes driftB{0%{transform:scale(1.09) translate(.8%,-.4%)}to{transform:scale(1.04) translate(-.6%,.6%)}}.display-inner.tuning .drift-a{animation-duration:9s}.display-inner.tuning .drift-b{animation-duration:11s}.display-inner.tuning .wob-a{animation:wobA 2.8s ease-in-out infinite alternate}.display-inner.tuning .wob-b{animation:wobB 3.4s ease-in-out infinite alternate}@keyframes wobA{0%{transform:translate(-.5%,.3%) scale(1.01)}to{transform:translate(.5%,-.3%) scale(1.025)}}@keyframes wobB{0%{transform:translate(.4%,-.4%) scale(1.02)}to{transform:translate(-.4%,.4%) scale(1.01)}}@media(prefers-reduced-motion:reduce){.drift-a,.drift-b,.display-inner.tuning .wob-a,.display-inner.tuning .wob-b{animation:none}}.scanlines{pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.09) 0px,rgba(0,0,0,.09) 1px,transparent 1px,transparent 4px);opacity:.5}.vignette{background:radial-gradient(85% 75% at 50% 50%,transparent 60%,rgba(0,0,0,.55) 100%);pointer-events:none}.mode-lamp{position:absolute;top:12px;right:14px;font-size:11px;letter-spacing:.18em;padding:4px 10px;border-radius:3px;background:#0000008c;color:#d8cfae;border:1px solid rgba(255,255,255,.12)}.mode-live{color:#ff8676;border-color:#ff786480;animation:lamp 1.6s ease-in-out infinite}.mode-generating{color:#ffd479;animation:lamp .9s ease-in-out infinite}@keyframes lamp{50%{opacity:.45}}.caption{margin-top:10px;text-align:center;font-size:13px;letter-spacing:.22em;color:#9d947f;min-height:1.2em}.radio-panel{width:100%;height:auto;filter:drop-shadow(0 22px 40px rgba(0,0,0,.6));-webkit-user-select:none;user-select:none}.dial-text text{fill:var(--gold-dim);transition:fill .5s ease}.glass.powered .dial-text text{fill:var(--gold)}.emblem{font-size:13px;letter-spacing:.34em;font-weight:600}.band-letter{font-size:9px;letter-spacing:.12em;font-weight:700}.metre{font-size:8px;opacity:.8}.station{font-size:9.2px;letter-spacing:.06em;font-weight:600;cursor:pointer}.glass.powered .station.near{fill:var(--gold-hot)}.glass.powered .station.locked{fill:#fff3cf}.station-dash{stroke:var(--gold-dim);stroke-width:1;transition:stroke .5s ease}.glass.powered .station-dash{stroke:var(--gold);opacity:.55}.glass.powered .station-dash.locked{stroke:#fff3cf;opacity:1}.zigzag{stroke:var(--gold-dim);stroke-width:1.4;transition:stroke .5s ease}.glass.powered .zigzag{stroke:var(--gold);opacity:.7}.fm-box{fill:none;stroke:var(--gold-dim);stroke-width:.8;transition:stroke .5s ease}.glass.powered .fm-box{stroke:var(--gold);opacity:.6}.fm-num{font-size:7px}.needle{stroke:#7e2f23;stroke-width:2.4;transition:stroke .4s ease}.needle.powered{stroke:#e0503a;filter:drop-shadow(0 0 3px rgba(255,90,60,.9))}.knob{cursor:grab}.knob:active{cursor:grabbing}.knob-disabled{opacity:.75;cursor:not-allowed}.knob-label{font-size:9px;letter-spacing:.18em;fill:#8d8672}.key-caption{font-size:7.5px;letter-spacing:.08em;fill:#8d8672}.badge{font-size:10px;letter-spacing:.3em;fill:#6d6350}.under-panel{display:flex;flex-direction:column;gap:12px;align-items:center}.live-switch{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;cursor:pointer;color:#b0a78f}.live-switch input{display:none}.live-track{width:34px;height:18px;border-radius:10px;background:#3a352b;position:relative;transition:background .3s ease}.live-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--cream);transition:left .3s ease}.live-switch.on .live-track{background:#a34a32}.live-switch.on .live-track:after{left:18px}.colophon{font-size:12.5px;color:#776f5e;text-align:center;max-width:640px;line-height:1.5}.colophon a{color:#a89a72}@media(max-width:720px){.stage{padding:14px 8px 40px}}