:root{--purple-900: #4c1d95;--purple-800: #5b21b6;--purple-700: #6d28d9;--purple-600: #7c3aed;--purple-500: #8b5cf6;--purple-400: #a78bfa;--yellow-500: #eab308;--yellow-400: #facc15;--yellow-300: #fde047;--yellow-200: #fef08a;--primary-glow: rgba(253, 224, 71, .5);--secondary-glow: rgba(139, 92, 246, .3);--card-spacing: clamp(1rem, 2vw, 1.5rem)}.text-glow{text-shadow:0 0 10px var(--primary-glow)}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95,#5b21b6,#6d28d9);background-attachment:fixed;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,var(--primary-glow) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--secondary-glow) 0%,transparent 50%),linear-gradient(45deg,transparent 40%,rgba(253,224,71,.03) 50%,transparent 60%);background-size:100% 100%,100% 100%,50px 50px;pointer-events:none;z-index:-1}.sparkle{position:fixed;width:3px;height:3px;border-radius:50%;background:linear-gradient(45deg,#fde047,#facc15);pointer-events:none;animation:futuristic-sparkle 4s linear infinite;box-shadow:0 0 6px var(--primary-glow),0 0 12px var(--primary-glow),0 0 18px var(--primary-glow)}@keyframes futuristic-sparkle{0%{opacity:0;transform:translateY(0) scale(0) rotate(0)}25%{opacity:1;transform:translateY(-15px) scale(1.2) rotate(90deg)}75%{opacity:.8;transform:translateY(-30px) scale(.8) rotate(270deg)}to{opacity:0;transform:translateY(-50px) scale(0) rotate(360deg)}}.geometric-float{position:fixed;pointer-events:none;z-index:1;opacity:.1}.geometric-float:before{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--yellow-300);animation:float-rotate 15s linear infinite}.geometric-float:after{content:"";position:absolute;width:12px;height:12px;background:var(--primary-glow);border-radius:50%;top:4px;left:4px;animation:float-pulse 3s ease-in-out infinite}@keyframes float-rotate{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}@keyframes float-pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.5);opacity:.3}}.glass-effect{background:linear-gradient(135deg,#8b5cf626,#7c3aed33,#5b21b626);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(253,224,71,.2);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 0 1px #fde0471a;position:relative;overflow:hidden}.glass-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(253,224,71,.1),transparent);transition:left .5s ease;pointer-events:none}.glass-effect:hover:before{left:100%}.grid-container{width:100%;max-width:100%;margin:0 auto;padding:var(--card-spacing)}.scroll-container{display:flex;flex-wrap:wrap;gap:var(--card-spacing);align-items:stretch;justify-content:center;padding:0;overflow:visible}@media (max-width: 640px){.scroll-container{display:flex;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;padding:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:none}.card{flex:0 0 85%;max-width:85%;scroll-snap-align:start}.content-container{padding-left:1rem;padding-right:1rem}.time-counter{font-size:1.125rem}}@media (min-width: 641px) and (max-width: 1024px){.scroll-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--card-spacing)}.card{flex:0 0 350px;max-width:350px;width:350px}}@media (min-width: 1025px) and (max-width: 1536px){.scroll-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--card-spacing)}.card{flex:0 0 350px;max-width:350px;width:350px}}@media (min-width: 1537px){.scroll-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--card-spacing);max-width:1700px;margin:0 auto}.card{flex:0 0 350px;max-width:350px;width:350px}}.card{position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center center;animation:cardEntrance .6s ease-out forwards;opacity:0;transform:translateY(30px) scale(.9)}.scroll-container .card{display:flex;flex-direction:column;align-self:stretch}.timeline-item .card{display:block;align-self:auto}.scroll-container .card .card-footer{margin-top:auto}.card .flex.justify-between.items-start{gap:.5rem;margin-bottom:1rem}.card .flex.justify-between.items-start h3{flex:1;min-width:0;padding-right:.5rem}.card:nth-child(odd){animation-delay:.1s}.card:nth-child(2n){animation-delay:.2s}.card:nth-child(3n){animation-delay:.3s}@keyframes cardEntrance{to{opacity:1;transform:translateY(0) scale(1)}}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(253,224,71,.05) 0%,transparent 50%,rgba(139,92,246,.05) 100%);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #fde04733,inset 0 1px #fff3;border-color:#fde04766}.card:hover:after{opacity:1}.section-title{position:relative;display:inline-block;margin-bottom:3rem;font-weight:800;background:linear-gradient(135deg,#fde047,#facc15,#eab308);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(253,224,71,.5)}.section-title:before{content:"";position:absolute;top:50%;left:-50px;width:30px;height:2px;background:linear-gradient(90deg,transparent,var(--yellow-300));transform:translateY(-50%)}.section-title:after{content:"";position:absolute;top:50%;right:-50px;width:30px;height:2px;background:linear-gradient(90deg,var(--yellow-300),transparent);transform:translateY(-50%)}.status-badge{padding:.4rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);position:relative;overflow:hidden;flex-shrink:0}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.status-badge:hover:before{left:100%}.live-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:futuristic-pulse 2s infinite;box-shadow:0 0 20px #ef444480}@keyframes futuristic-pulse{0%{box-shadow:0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 15px #ef444400;transform:scale(1.05)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.thumbnail-container{position:relative;overflow:hidden;border-radius:12px;margin-bottom:1rem;background:linear-gradient(135deg,#fde0471a,#8b5cf61a)}.thumbnail-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(253,224,71,.1),transparent);opacity:0;transition:opacity .3s ease;z-index:1}.thumbnail-container:hover:before{opacity:1}.thumbnail-container:hover .stream-thumbnail{transform:scale(1.08) rotate(1deg)}.stream-thumbnail{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#7c3aed4d,#5b21b64d);border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:brightness(.9) contrast(1.1)}.stream-thumbnail:hover{filter:brightness(1.1) contrast(1.2) saturate(1.2)}.scroll-container::-webkit-scrollbar{height:8px}.scroll-container::-webkit-scrollbar-track{background:#0003;border-radius:10px;border:1px solid rgba(253,224,71,.1)}.scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--yellow-500),var(--yellow-300));border-radius:10px;box-shadow:0 0 10px #fde0474d}.scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--yellow-300),var(--yellow-200));box-shadow:0 0 15px #fde04780}button,.btn,a[class*=bg-yellow]{position:relative;overflow:hidden;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(253,224,71,.3);transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,var(--yellow-500),var(--yellow-400))}button:before,.btn:before,a[class*=bg-yellow]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}button:hover:before,.btn:hover:before,a[class*=bg-yellow]:hover:before{left:100%}button:hover,.btn:hover,a[class*=bg-yellow]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003,0 0 20px #fde0474d}.animate-fadeIn{animation:futuristicFadeIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-slideIn{animation:futuristicSlideIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes futuristicFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px)}}@keyframes futuristicSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}#creditsPopup .glass-effect{max-height:90vh;overflow-y:auto;border:2px solid rgba(253,224,71,.3);box-shadow:0 25px 50px #00000080,0 0 50px #fde04733}#muteButton,#infoButton{transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(253,224,71,.4);box-shadow:0 4px 15px #0000004d}#muteButton:hover,#infoButton:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #0006,0 0 20px #fde04766}#muteButton:active,#infoButton:active{transform:scale(.95) rotate(-2deg)}@media (max-width: 767px){.glass-effect{backdrop-filter:none;-webkit-backdrop-filter:none;background:#7c3aedcc}body:before{background-image:none}.sparkle,.geometric-float{display:none}}.timeline-item{position:relative;transition:all .3s ease}.timeline-item:hover{transform:scale(1.02)}.timeline-item:before{content:"";position:absolute;left:-20px;top:50%;width:10px;height:10px;background:var(--yellow-300);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 10px var(--primary-glow)}.loading-shimmer{background:linear-gradient(90deg,#8b5cf61a,#fde0471a,#8b5cf61a);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sparkle,.geometric-float{display:none}}@media (prefers-contrast: high){.glass-effect{border:2px solid var(--yellow-300);background:#4c1d95e6}.card{border:2px solid var(--yellow-300)}}