@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Space+Mono:wght@400;700&display=swap);@tailwind base;@tailwind componenets;@tailwind utilities;:root{--background:0 0% 100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--background));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#2c1810,#8b4513 50%,#2c1810);font-family:Space Mono,monospace;min-height:100vh;overflow-x:auto}.App{justify-content:center;min-height:100vh;padding:20px}.App,.retro-tv-container{align-items:center;display:flex}.retro-tv-container{flex-direction:column;gap:40px;max-width:900px;width:100%}.tv-set{background:linear-gradient(145deg,#8b4513,sienna);border:4px solid #654321;border-radius:20px;box-shadow:inset 0 0 20px #0000004d,0 20px 40px #00000080,0 0 0 8px #654321,0 0 0 12px #8b4513;height:400px;position:relative;width:500px}.antenna-left,.antenna-right{background:linear-gradient(180deg,silver,grey);height:80px;position:absolute;top:-60px;transform-origin:bottom center;width:3px}.antenna-left{left:100px;transform:rotate(-25deg)}.antenna-right{right:100px;transform:rotate(25deg)}.antenna-left:after,.antenna-right:after{background:silver;border-radius:50%;content:"";height:15px;left:-2px;position:absolute;top:-10px;width:7px}.screen{background:#000;border:6px solid #333;border-radius:15px;bottom:80px;box-shadow:inset 0 0 20px #000c;left:50px;overflow:hidden;position:absolute;right:50px;top:40px}.video-container{height:100%;position:relative;width:100%}.video-container iframe{border:none;height:100%;width:100%}.facebook-placeholder{align-items:center;background:linear-gradient(45deg,#1877f2,#42a5f5);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.fb-icon{font-size:48px;margin-bottom:10px}.no-signal{align-items:center;background:#000;display:flex;justify-content:center;position:relative}.no-signal,.static{height:100%;width:100%}.static{animation:static-noise .1s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff1a 0,#ffffff1a 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff0d 0,#ffffff0d 4px);position:absolute}@keyframes static-noise{0%{opacity:.1}50%{opacity:.3}to{opacity:.1}}.no-signal-text{font-size:18px;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px #000c;z-index:2}.loading-text,.no-signal-text{color:#fff;font-family:Orbitron,monospace}.loading-text{animation:pulse 1.5s infinite;font-size:16px;text-align:center}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.info-overlay{animation:slideUp .3s ease-out;background:linear-gradient(#0000,#000000e6);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.info-overlay h3{color:gold;font-size:16px;margin-bottom:5px}.info-overlay p{font-size:12px;margin-bottom:8px;opacity:.9}.info-overlay small{font-size:10px;opacity:.7;text-transform:uppercase}.tv-brand{bottom:20px;color:gold;font-family:Orbitron,monospace;font-size:14px;font-weight:900;left:50%;letter-spacing:2px;position:absolute;text-shadow:0 0 10px #ffd70080;transform:translateX(-50%)}.control-panel{background:linear-gradient(145deg,#2f4f4f,#708090);border:2px solid #1c1c1c;border-radius:25px;box-shadow:0 15px 30px #0000004d,inset 0 0 0 3px #1c1c1c,inset 0 0 20px #0003;min-width:280px;padding:30px}.panel-title{color:gold;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:1px}.channel-display,.panel-title{margin-bottom:20px;text-align:center}.channel-display{background:#000;border:3px solid #333;border-radius:8px;box-shadow:inset 0 0 10px #00ff004d;padding:10px}.channel-label{font-size:12px;margin-right:10px}.channel-label,.channel-number{color:#0f0;font-family:Orbitron,monospace}.channel-number{font-size:24px;font-weight:700;text-shadow:0 0 10px #0f0c}.dial-button,.info-button,.nav-button{background:linear-gradient(145deg,#4a4a4a,#2a2a2a);border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-family:Space Mono,monospace;font-weight:700;transition:all .1s ease}.dial-button:active,.info-button:active,.nav-button:active{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateY(2px)}.channel-controls{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.dial-button{font-size:10px;height:60px;width:60px}.video-controls{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.nav-button{font-size:14px;height:50px;width:50px}.info-button{background:linear-gradient(145deg,#8b0000,#dc143c);border-radius:20px;display:block;font-size:12px;height:40px;margin:0 auto 20px;width:80px}.info-button.active{background:linear-gradient(145deg,gold,orange);box-shadow:0 0 15px #ffd70099;color:#000}.decorative-dials{display:flex;justify-content:space-around;margin-bottom:15px}.dial{background:linear-gradient(145deg,#4a4a4a,#2a2a2a);border:2px solid #1a1a1a;border-radius:50%;box-shadow:inset 0 0 10px #00000080;height:40px;position:relative;width:40px}.dial-center{border-radius:50%;box-shadow:0 0 5px #ffd700cc;height:6px;top:50%;transform:translate(-50%,-50%);width:6px}.dial-center,.dial-center:after{background:gold;left:50%;position:absolute}.dial-center:after{border-radius:1px;content:"";height:12px;top:-10px;transform:translateX(-50%);width:2px}.dial-label{bottom:-18px;color:#ccc;font-family:Orbitron,monospace;font-size:8px;left:50%;position:absolute;transform:translateX(-50%)}.current-channel-info{color:#ccc;font-size:10px;line-height:1.4;text-align:center}.current-channel-info small{display:block}@media (max-width:768px){.retro-tv-container{gap:30px;padding:10px}.tv-set{height:320px;width:400px}.screen{bottom:60px;left:40px;right:40px;top:30px}.control-panel{min-width:240px;padding:20px}.antenna-left,.antenna-right{height:60px;top:-45px}}@media (max-width:480px){.tv-set{height:260px;width:320px}.screen{bottom:50px;left:30px;right:30px;top:25px}.control-panel{min-width:200px;padding:15px}.dial-button{font-size:9px;height:50px;width:50px}.nav-button{font-size:12px;height:40px;width:40px}}.dial-button:hover,.nav-button:hover{background:linear-gradient(145deg,#5a5a5a,#3a3a3a);box-shadow:0 6px 12px #0006,inset 0 1px 0 #fff3}.info-button:hover{background:linear-gradient(145deg,#a0000a,#ff1493)}.info-button.active:hover{background:linear-gradient(145deg,#ffed4a,#ffb84d)}
/*# sourceMappingURL=main.e507dd5d.css.map*/