*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:VT323,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#3f3;overflow-x:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#000;border:1px solid #33FF33}::-webkit-scrollbar-thumb{background:#3f3;box-shadow:0 0 5px #33ff3380}::-webkit-scrollbar-thumb:hover{background:#ffbf00;box-shadow:0 0 5px #ffbf00cc}*{scrollbar-width:thin;scrollbar-color:#33FF33 #000}::selection{background:#3f3;color:#000}::-moz-selection{background:#3f3;color:#000}.video-card{cursor:pointer;transition:transform .2s ease;min-width:280px;margin:0 10px}.video-card:hover{transform:scale(1.05)}.video-card.active{transform:scale(1.08)}.thumbnail-container{position:relative;width:280px;height:158px;border:2px solid #33FF33;box-shadow:0 0 10px #33ff3380;overflow:hidden;background:#000}.video-card.active .thumbnail-container{border-color:#ffbf00;box-shadow:0 0 20px #ffbf00cc}.thumbnail{width:100%;height:100%;object-fit:cover;display:block}.active-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:3px solid #FFBF00;background:#ffbf0033;pointer-events:none}.active-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:20px solid #FFBF00;border-top:12px solid transparent;border-bottom:12px solid transparent}.video-title{font-family:VT323,monospace;font-size:20px;color:#3f3;margin-top:10px;text-align:center;text-transform:uppercase;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px}.video-card.active .video-title{color:#ffbf00;text-shadow:0 0 10px rgba(255,191,0,.8)}.carousel-container{position:relative;display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:20px 60px}.carousel{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#33FF33 #000;padding:20px 0;flex:1}.carousel::-webkit-scrollbar{height:8px}.carousel::-webkit-scrollbar-track{background:#000;border:1px solid #33FF33}.carousel::-webkit-scrollbar-thumb{background:#3f3;box-shadow:0 0 5px #33ff3380}.carousel::-webkit-scrollbar-thumb:hover{background:#ffbf00;box-shadow:0 0 5px #ffbf00cc}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000c;border:2px solid #33FF33;color:#3f3;font-family:VT323,monospace;font-size:32px;width:50px;height:50px;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #33ff3380}.carousel-nav:hover{background:#3f33;border-color:#ffbf00;color:#ffbf00;box-shadow:0 0 20px #ffbf00cc}.carousel-nav-left{left:0}.carousel-nav-right{right:0}@media(max-width:768px){.carousel-container{padding:20px 50px}.carousel-nav{width:40px;height:40px;font-size:24px}}.video-player-container{max-width:1200px;margin:40px auto;padding:20px;animation:fadeIn .5s ease-in}.video-player-container.empty{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-message{font-family:VT323,monospace;font-size:32px;color:#3f3;text-align:center;text-shadow:0 0 10px rgba(51,255,51,.8);letter-spacing:3px;animation:pulse 2s ease-in-out infinite}.video-header{text-align:center;margin-bottom:20px}.now-playing{font-family:VT323,monospace;font-size:24px;color:#ffbf00;letter-spacing:4px;margin:0 0 10px;text-shadow:0 0 10px rgba(255,191,0,.8)}.video-player-title{font-family:VT323,monospace;font-size:36px;color:#3f3;text-transform:uppercase;margin:0;letter-spacing:2px;text-shadow:0 0 10px rgba(51,255,51,.5)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:3px solid #33FF33;box-shadow:0 0 20px #33ff3380;background:#000}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.video-player-container{padding:10px}.now-playing{font-size:20px}.video-player-title,.empty-message{font-size:24px}}.app{min-height:100vh;background:#000;color:#3f3;font-family:VT323,monospace;position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#33ff3305;pointer-events:none;z-index:999;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.97}}.app-header{text-align:center;padding:40px 20px 20px;border-bottom:2px solid #33FF33;box-shadow:0 2px 10px #33ff3380;background:#000c}.app-title{font-size:72px;color:#3f3;margin:0;letter-spacing:8px;text-shadow:0 0 10px rgba(51,255,51,.8),0 0 20px rgba(51,255,51,.5),0 0 30px rgba(51,255,51,.3);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(51,255,51,.8),0 0 20px rgba(51,255,51,.5),0 0 30px rgba(51,255,51,.3)}to{text-shadow:0 0 20px rgba(51,255,51,1),0 0 30px rgba(51,255,51,.8),0 0 40px rgba(51,255,51,.6)}}.app-subtitle{font-size:24px;color:#ffbf00;margin:10px 0 0;letter-spacing:6px;text-shadow:0 0 10px rgba(255,191,0,.6)}.app-main{padding:40px 20px}.app-footer{text-align:center;padding:30px 20px;border-top:2px solid #33FF33;box-shadow:0 -2px 10px #33ff3380;background:#000c;margin-top:60px;font-size:20px;letter-spacing:4px;color:#3f3;text-shadow:0 0 10px rgba(51,255,51,.5)}.loading-message,.error-message{text-align:center;padding:100px 20px;font-size:32px;letter-spacing:4px;animation:pulse 2s ease-in-out infinite}.loading-message p{color:#3f3;text-shadow:0 0 20px rgba(51,255,51,.8)}.error-message p{color:#f33;text-shadow:0 0 20px rgba(255,51,51,.8)}.error-details{font-size:20px;margin-top:20px;color:#ffbf00}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.app-title{font-size:48px;letter-spacing:4px}.app-subtitle{font-size:18px;letter-spacing:3px}.app-header{padding:30px 15px 15px}.app-main{padding:20px 10px}.app-footer{font-size:16px;letter-spacing:2px}}