/* Keep a painted backdrop under both media layers, even during video recovery. */
.hero-scene{background:#11130f url('los-santos.png') center/cover no-repeat}
.cinema-media{clip-path:none;border-radius:0;will-change:auto}
.cinema .hero-art,.cinema.video-ready .hero-art{opacity:1;animation:none;scale:1;filter:none;will-change:auto}
.cinema video{filter:none;z-index:1}.cinema video[hidden]{display:none}
.cinema-grade{z-index:2;pointer-events:none}
.cinema-grade:before{content:'';position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.radio-console .radio-dial{appearance:none;padding:0;border:0;cursor:grab;touch-action:none;pointer-events:auto;user-select:none;isolation:isolate}
.radio-console .radio-dial:active,.radio-console .radio-dial.is-scratching{cursor:grabbing}
.vinyl-platter{display:block;position:absolute;inset:0;border-radius:50%;transform:rotate(var(--vinyl-angle,0deg));pointer-events:none}
.radio-dial .dial-grooves,.radio-dial .dial-center,.is-playing .radio-dial .dial-grooves{animation:none!important}
.radio-dial .dial-center{display:flex}.radio-dial .dial-center span,.radio-dial .dial-center small{display:block}
.radio-dial .dial-needle{pointer-events:none;z-index:2;transition:rotate .25s;transform-origin:50% 0}
.radio-console[data-audio-state=playing] .dial-needle{rotate:12deg}
.radio-dial.is-scratching{box-shadow:0 0 0 2px #c5ef77,0 0 25px #c5ef7725}
.radio-console .radio-dial:focus-visible{outline:3px solid #c5ef77;outline-offset:7px}
.radio-console[data-audio-state=playing] .radio-signal i{background:#c5ef77;box-shadow:0 0 10px #c5ef7770}
@media(max-width:700px){.hero-scene{background-position:57% 50%}.mobile-directed .radio-console .radio-dial{width:82px;max-width:82px;top:28px;right:1px;pointer-events:auto}.mobile-directed .radio-screen>#radio-station{max-width:calc(100% - 100px)}.mobile-directed .radio-screen>#radio-session{max-width:calc(100% - 92px)}}