@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");.vintage-radio-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0d0d0d;z-index:1000;overflow-y:auto;font-family:VT323,monospace}body.vintage-radio-active [data-radix-portal],body.vintage-radio-active>[data-radix-portal]{z-index:999999!important}body.vintage-radio-active .fixed.inset-0.z-50{z-index:999998!important}body.vintage-radio-active [data-radix-portal]>div,body.vintage-radio-active [role=dialog]{z-index:999999!important}body.vintage-radio-active .fixed.z-\[100\],body.vintage-radio-active [role=region]{z-index:9999999!important}.radio-screen-outer:after{pointer-events:none!important}.radio-frame{position:relative;width:95vw;height:95vh;max-width:1400px;max-height:900px;background:linear-gradient(145deg,#4a2525,#1e0c0c);border-radius:40px;border:12px solid #2a1515;box-shadow:inset 0 0 80px rgba(0,0,0,.8),0 30px 60px rgba(0,0,0,.7),0 0 4px 1px rgba(212,175,55,.2);display:flex;flex-direction:row;gap:30px;padding:30px;overflow:hidden;align-items:stretch;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.06) 0,transparent 40%),linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.radio-frame:before{content:"";position:absolute;inset:10px;border:2px solid rgba(184,134,11,.4);border-radius:32px;pointer-events:none;z-index:1}.radio-screen-outer{position:relative;flex:7;background:#020b02;border-radius:20px;border:4px solid #3d2b1f;box-shadow:inset 0 0 30px #000,0 0 0 4px #2a1515;overflow:hidden;display:flex!important;flex-direction:column!important}.radio-screen-outer:after{content:"";position:absolute;inset:-50%;z-index:10001;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:calc(var(--squelch-noise, .1) * .8);animation:noise .2s infinite}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-2%)}40%{transform:translate(2%,1%)}50%{transform:translate(-1%,2%)}60%{transform:translate(1%,-2%)}70%{transform:translate(2%)}80%{transform:translate(-2%,1%)}90%{transform:translate(1%,2%)}to{transform:translate(0)}}.radio-screen-inner{position:relative;flex:1;padding:8px;color:#ffb642;text-shadow:0 0 8px rgba(255,182,66,.8),0 0 12px rgba(255,182,66,.4);overflow-x:hidden;filter:sepia(calc(var(--squelch-sepia, .8) * 100%)) hue-rotate(calc(var(--squelch-sepia, .3) * 15deg)) saturate(calc(var(--squelch-sepia, .8) * 150% + 100%)) brightness(1.1) contrast(1.1);pointer-events:auto!important;z-index:500!important;overflow-y:hidden!important;touch-action:pan-y;zoom:1}.radio-screen-inner:before{content:" ";display:block;top:0;left:0;bottom:0;right:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 0),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));opacity:var(--squelch-sepia,.5);z-index:150;background-size:100% 2px,3px 100%}.radio-screen-inner:before,.scanline{position:absolute;pointer-events:none}.scanline{width:100%;height:100px;z-index:101;background:linear-gradient(0deg,rgba(0,0,0,0),rgba(255,255,255,.2) 50%,rgba(0,0,0,.1));opacity:calc(var(--squelch-sepia, .5) * .2);bottom:100%;animation:scanline 6s linear infinite}@keyframes scanline{0%{bottom:100%}to{bottom:-100px}}.screen-flicker{position:absolute;inset:0;background:rgba(255,182,66,.04);pointer-events:none;z-index:102;animation:flicker var(--squelch-flicker-anim,.15s) infinite;opacity:var(--squelch-flicker,.1)}@keyframes flicker{0%{opacity:.1}50%{opacity:.2}to{opacity:.1}}.radio-controls-bottom{gap:25px;padding:10px 0;width:100%}.radio-button,.radio-controls-bottom{display:flex;align-items:center;justify-content:center}.radio-button{width:120px;height:50px;background:#3d2b1f;border:4px solid #2a1515;border-radius:8px;color:#b8860b;font-size:1.2rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:0 4px 0 #1a0a0a,inset 0 2px 2px rgba(255,255,255,.1)}.radio-button:hover{background:#5c3d2e;transform:translateY(2px);box-shadow:0 2px 0 #1a0a0a}.radio-button.active{background:#7a523d;color:#ffb642;border-color:#ffb642;box-shadow:0 0 10px rgba(255,182,66,.3);transform:translateY(4px)}.radio-sidebar-controls{flex:3;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 15px;background:rgba(10,5,5,.4);background-image:radial-gradient(circle at center,rgba(255,182,66,.05) 0,transparent 70%);border-radius:20px;border:4px solid #3d2b1f;gap:35px;max-width:320px;box-shadow:inset 0 0 40px rgba(0,0,0,.9)}.knob{width:60px;height:60px;background:radial-gradient(circle at 35% 35%,#4a2525,#1a0a0a);border-radius:50%;border:5px solid #000;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.8),inset 0 1px 1px rgba(255,255,255,.2);transition:filter .2s}.knob-indicator{position:absolute;width:5px;height:22px;background:#ffb642;top:4px;left:50%;transform:translateX(-50%);border-radius:2px;border:1px solid #000;box-shadow:0 0 5px rgba(255,182,66,.5)}.waveform-container{height:100px;border-top:2px solid #3d2b1f;margin-top:10px;display:flex;align-items:flex-end;gap:2px;padding:10px;overflow:hidden}.wave-bar{flex:1;background:#b8860b;min-width:4px;animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{height:20%}50%{height:80%}}.distorted{filter:contrast(1.1) brightness(1.1);animation:glitch .3s steps(2) infinite}.distorted .screen-flicker{opacity:.3;background:rgba(255,182,66,.05)}@keyframes glitch{75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}.screen-header{padding:10px 20px;background:rgba(0,0,0,.6);border-bottom:2px solid hsl(var(--primary)/.3);display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;letter-spacing:2px;width:100%;box-sizing:border-box;color:hsl(var(--foreground));font-family:Courier Prime,monospace}.radio-map-view{width:100%;height:100%;filter:grayscale(1) contrast(1.2) brightness(.8)}.radio-screen-inner::-webkit-scrollbar{width:10px}.radio-screen-inner::-webkit-scrollbar-track{background:rgba(0,0,0,.4);border-left:1px solid hsl(var(--primary)/.1)}.radio-screen-inner::-webkit-scrollbar-thumb{background:hsl(var(--primary)/.3);border:2px solid black;border-radius:0}.radio-screen-inner::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary)/.6)}@media (max-width:800px){.radio-controls{flex-wrap:wrap;gap:10px}.radio-button{width:80px;height:40px;font-size:.9rem}}.tuning-window-sidebar{width:100%;margin:0;height:80px;background:#000;border:2px solid #3d2b1f;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 2px 10px rgba(0,0,0,1),0 0 15px rgba(255,182,66,.1)}.tuning-window-sidebar .tuning-bg-effect{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(255,182,66,.2) 20px);opacity:.4}.tuning-bg-effect{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(255,182,66,.1) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(255,182,66,.1) 50%,transparent 51%);background-size:40px 40px;opacity:.3}.tuning-dial{height:100%;position:relative;width:100%;overflow:hidden}.tuning-strip{position:absolute;top:0;left:50%;display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform;transform:translateX(calc(-1 * var(--effective-index, 0) * var(--tuning-label-width, 120px) - (var(--tuning-label-width, 120px) / 2)))}.tuning-label{height:100%;display:flex;align-items:center;justify-content:center;padding:0 10px;width:var(--tuning-label-width,120px);flex:0 0 var(--tuning-label-width,120px);white-space:nowrap;font-size:1.1rem;color:#000;background:rgba(255,182,66,.6);opacity:.6;transition:all .3s;letter-spacing:2px;font-weight:900;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.2)}.tuning-label.active{opacity:1;background:#ffb642;color:#000;box-shadow:inset 0 0 10px rgba(0,0,0,.2)}.tuning-marker{top:0;width:2px;height:100%;background:#ff4400;box-shadow:0 0 10px #ff4400;z-index:10}.tuning-marker,.tuning-marker:after{position:absolute;left:50%;transform:translateX(-50%)}.tuning-marker:after{content:"";bottom:-4px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ff4400}.radio-power-button-large{width:110px;height:110px;border-radius:50%;background:linear-gradient(145deg,#552222,#331111);border:5px solid #1a1a1a;color:#ff4444;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 6px 0 #000,0 0 20px rgba(255,68,68,.2);text-shadow:0 0 8px rgba(255,68,68,.8);letter-spacing:1px}.radio-power-button-large:hover{filter:brightness(1.3);transform:translateY(1px);box-shadow:0 5px 0 #000,0 0 25px rgba(255,68,68,.3)}.radio-power-button-large:active{transform:translateY(6px);box-shadow:none}.radio-button-vintage{width:56px;height:56px;background:#1a0a05;border-radius:12px;padding:4px;cursor:pointer;transition:all .1s;box-shadow:0 5px 0 #050201,0 8px 15px rgba(0,0,0,.6);border:2px solid #2a110a}.radio-button-vintage:hover{filter:brightness(1.1)}.radio-button-vintage:active{transform:translateY(4px);box-shadow:0 1px 0 #050201,0 2px 5px rgba(0,0,0,.8)}.button-surface{width:100%;height:100%;background:linear-gradient(145deg,#2a110a,#1a0a05);border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,182,66,.05);box-shadow:inset 1px 1px 2px rgba(255,255,255,.05)}.arrow-graphic{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;transition:all .2s}.arrow-graphic.up{border-bottom:12px solid #ffb642}.arrow-graphic.down,.arrow-graphic.up{filter:drop-shadow(0 0 4px rgba(255,182,66,.4))}.arrow-graphic.down{border-top:12px solid #ffb642}.radio-button-vintage:hover .arrow-graphic{filter:drop-shadow(0 0 8px rgba(255,182,66,.8));opacity:.9}.tuning-scale-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:5}.tuning-scale-label{position:absolute;width:100px;text-align:center;font-size:10px;font-weight:700;color:#ffb642;opacity:.4;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.tuning-scale-label.active{opacity:1;text-shadow:0 0 8px rgba(255,182,66,.6);font-size:.75rem}.tuning-knob-main{width:90px;height:90px;background:radial-gradient(circle at 30% 30%,#333,#0a0a0a);border-radius:50%;border:5px solid #1a1a1a;box-shadow:8px 8px 15px rgba(0,0,0,.7),inset 0 0 10px rgba(255,255,255,.05);position:relative;transition:transform .1s}.knob-indicator-main{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:6px;height:25px;background:#ffb642;border-radius:3px;box-shadow:0 0 10px #ffb642}.radio-screen-inner [class*=FeedPost]{margin-bottom:60px!important;padding-bottom:20px!important;border-bottom:1px dashed rgba(255,182,66,.2)!important}.radio-screen-inner .flex.gap-2.overflow-x-auto{padding:10px 4px!important;gap:12px!important}.radio-screen-inner button{white-space:nowrap!important;flex-shrink:0!important}.knob.small{width:50px;height:50px}.scale-label{position:absolute;font-size:8px;font-weight:700;color:#ffb642/40}.min-label{bottom:-15px;left:-10px}.max-label{bottom:-15px;right:-10px}.screen-content-wrapper{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.radio-screen-inner>*{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;height:auto!important;min-height:0!important;max-width:100%!important;width:100%!important;overflow:visible!important}.radio-screen-inner .absolute:not(svg):not(.lucide):not(.vintage-keep-absolute),.radio-screen-inner .fixed,.radio-screen-inner .h-full,.radio-screen-inner .h-screen,.radio-screen-inner .min-h-screen{position:relative!important;height:auto!important;min-height:0!important;max-width:100%!important;width:100%!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;inset:auto!important;overflow-x:hidden!important}.radio-screen-inner .leaflet-container,.radio-screen-inner .map-container{height:400px!important;width:100%!important}.radio-screen-inner{display:flex!important;flex-direction:column!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;height:100%!important}.vintage-radio-container{--tuning-label-width:120px}.tuning-strip{transform:translateX(calc(var(--effective-index) * var(--tuning-label-width) * -1));transition:transform .3s ease-out}@media (max-width:1024px){.vintage-radio-container{--tuning-label-width:90px;align-items:flex-start;padding:10px;height:auto;min-height:100vh;overflow-y:auto}.radio-frame{flex-direction:column;width:100%;height:auto;max-height:none;gap:15px;padding:15px;border-width:6px;border-radius:20px}.radio-frame:before{inset:5px;border-radius:15px}.radio-screen-outer{flex:none;width:100%;height:60vh;min-height:350px}.radio-sidebar-controls{width:100%!important;max-width:none!important;padding:15px!important;border-left:none!important;border-top:2px solid rgba(184,134,11,.2);gap:15px!important;box-sizing:border-box!important;align-items:center!important}.radio-power-button-large{width:70px;height:70px;font-size:10px}.knob-section label{font-size:8px}.knob.small{width:40px;height:40px}.tuning-window-sidebar{height:60px!important}.tuning-label{width:var(--tuning-label-width);flex:0 0 var(--tuning-label-width);font-size:.9rem}.tuning-knob-main{width:60px;height:60px}.tuning-scale-label.active{font-size:.6rem}}@media (max-width:480px){.radio-screen-outer{height:70vh}.radio-sidebar-controls .flex.items-center.justify-center.gap-12{gap:20px!important;width:100%!important;justify-content:space-around!important}.tuning-window-sidebar{margin-top:5px}}[data-radix-portal]{z-index:10002!important}.vintage .md\:pt-8{padding-top:0!important}.vintage .shadow-\[10px_10px_0px_0px_rgba\(0\,0\,0\,0\.1\)\]{box-shadow:none!important}.vintage .md\:p-8{padding:1rem!important}.vintage .gap-3{gap:.5rem!important}.vintage .h-10{height:2rem!important}.vintage .text-black.font-semibold{color:#1a1a1a!important}.vintage .bg-zinc-300.border-\[3px\]{background-color:#222!important;border-color:#444!important}.vintage .bg-black.border-r-2{background-color:#ddd!important}.vintage .scrollbar-hide::-webkit-scrollbar{display:none}.vintage .space-y-6>*+*{margin-top:4rem!important}.vintage .feed-post-container{margin-bottom:4rem!important}.vintage .screen-content-wrapper{padding-bottom:2rem!important}body.vintage-radio-active .vintage-player-header{flex-direction:row!important;justify-content:flex-start!important;background-color:hsl(var(--primary))!important;border-bottom:4px solid #000!important;width:100%!important;display:flex!important;padding:.75rem!important;gap:1.5rem!important}body.vintage-radio-active .vintage-player-header>.relative{order:-1!important;margin-left:0!important;flex-shrink:0!important}body.vintage-radio-active .vintage-player-info{margin-left:0!important;margin-right:0!important;flex:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;text-align:left!important}body.vintage-radio-active .vintage-player-info h1{color:black!important;text-shadow:none!important}body.vintage-radio-active .vintage-header-controls{margin-left:0!important;margin-right:0!important;display:flex!important;flex-direction:row!important;gap:.5rem!important;align-items:center!important}body.vintage-radio-active .vintage-npc-name,body.vintage-radio-active .vintage-npc-name-box h3{color:black!important;-webkit-text-fill-color:black!important;text-shadow:none!important}body.vintage-radio-active .vintage-npc-name-box{background-color:#ffb642!important}body.vintage-radio-active .vintage-unread-badge{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;transform:none!important;rotate:0deg!important;text-align:center!important;border-radius:0!important;border:none!important;border-bottom:3px solid black!important;z-index:1000!important;display:block!important;visibility:visible!important}.vintage-fixed-footer{z-index:10002!important;background-color:white!important;pointer-events:auto!important;border-top:5px solid black!important}.vintage-fixed-footer,body.vintage-radio-active .vintage-fixed-footer button{filter:none!important;opacity:1!important;visibility:visible!important}body.vintage-radio-active .scrollbar-hide::-webkit-scrollbar,body.vintage-radio-active ::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}body.vintage-radio-active *,body.vintage-radio-active .scrollbar-hide{-ms-overflow-style:none!important;scrollbar-width:none!important}body.vintage-radio-active .bg-white{background-color:rgba(255,255,255,.95)!important}