.app-container{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;background-color:#000;transition:all 1s ease;overflow-x:hidden}.background,.background-secondary,.scanlines,.noise{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.background{width:200%;height:200%;background:repeating-linear-gradient(45deg,#000,#000 60px,#fc0 60px 62px);opacity:.1;animation:move-stripes 100s linear infinite}.background-secondary{width:200%;height:200%;background:repeating-linear-gradient(-45deg,#000,#000 120px,#fc0 120px 121px);opacity:.05;animation:move-stripes-reverse 150s linear infinite}.scanlines{z-index:10;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.3) 50%);background-size:100% 4px;pointer-events:none}.noise{z-index:9;opacity:.05;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC42NSIgbnVtT2N0YXZlcz0iMyIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNuKSIvPjwvc3ZnPg==)}.is-offline .background{opacity:.03;filter:saturate(2) contrast(2);animation-duration:40s}.is-offline .background-secondary{opacity:.02}.app-container.is-offline{background:#0a0a00;animation:bg-flicker 10s infinite}@keyframes bg-flicker{0%{background:#0a0a00}50%{background:#0c0c00}to{background:#0a0a00}}.glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:120vh;height:120vh;background:radial-gradient(circle,#ffcc0026,#0000 70%);z-index:2}.content{position:relative;z-index:20;width:100%;max-width:1600px;padding:5vh 20px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.title-container{margin-bottom:4rem;text-align:center}h1{font-size:clamp(3rem,12vw,8rem);font-weight:900;margin:0;letter-spacing:-4px;text-transform:uppercase;color:#fff;text-shadow:0 0 40px rgba(255,204,0,.5),0 15px 40px rgba(0,0,0,.8);line-height:.9;animation:float 6s ease-in-out infinite}.is-offline h1{animation:glitch-text 10s infinite,float 6s ease-in-out infinite}@keyframes glitch-text{0%{text-shadow:2px 0 0 red,-2px 0 0 blue}1%{text-shadow:-2px 0 0 red,2px 0 0 blue}2%{text-shadow:0 0 40px rgba(255,204,0,.5)}98%{text-shadow:0 0 40px rgba(255,204,0,.5)}99%{text-shadow:5px 0 0 yellow,-5px 0 0 cyan}to{text-shadow:0 0 40px rgba(255,204,0,.5)}}.stream-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:4rem}.stream-card-placeholder{width:100%;max-width:1000px;aspect-ratio:16/9;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 50px 120px -20px #000000e6;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.is-offline .stream-card-placeholder{border-color:#fc03;background:linear-gradient(90deg,#ffcc000d,#ffffff05,#ffcc000d,#ffffff05,#ffcc000d,#ffffff05);background-size:200% 100%;animation:move-bars 10s linear infinite}@keyframes move-bars{0%{background-position:0 0}to{background-position:200% 0}}.twitch-container{display:flex;width:100%;height:70vh;min-height:500px;max-height:850px;background:#000;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 60px 150px -30px #000;animation:scale-up .5s cubic-bezier(.4,0,.2,1)}.twitch-video{flex:1;height:100%;background:#000;display:flex}.twitch-chat{width:380px;height:100%;border-left:1px solid rgba(255,255,255,.15);background:#000;display:flex}iframe{width:100%!important;height:100%!important;border:none!important;display:block}.status-badge-container{margin-bottom:1.5rem;display:flex;justify-content:center}.live-info-wrapper{display:flex;align-items:center;gap:15px;background:#ffffff1a;padding:8px 20px 8px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.live-badge{background:red;color:#fff;padding:5px 15px;border-radius:10px;font-size:.8rem;font-weight:900;display:flex;align-items:center;gap:8px;box-shadow:0 0 20px #f009}.offline-badge{background:#ffcc001a;color:#fc0;padding:8px 20px;border-radius:14px;font-size:.9rem;font-weight:800;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,204,0,.2);text-shadow:0 0 10px rgba(255,204,0,.5)}.stream-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0006;transition:background .3s ease;padding:2rem}.play-button{width:90px;height:90px;background:#fc0;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 0 40px #ffcc0080;transition:transform .3s ease}.stream-card-placeholder:hover .play-button{transform:scale(1.15) rotate(5deg)}.offline-icon-container{margin-bottom:1.5rem;color:#fc0;opacity:.4}.player-troubleshooting{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.4;transition:opacity .3s ease;text-align:center}.player-troubleshooting:hover{opacity:1}.player-troubleshooting p{margin:0;font-size:.8rem;color:#fff;font-weight:500}.direct-link{color:#fc0;text-decoration:underline;font-size:.85rem;font-weight:700;cursor:pointer}.direct-link:hover{text-decoration:none;filter:brightness(1.2)}.footer-divider{width:100%;max-width:300px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,204,0,.2),transparent);margin-top:4rem;margin-bottom:1.5rem}.footer-text{font-size:.75rem;font-weight:900;letter-spacing:6px;color:#ffffff26;text-transform:uppercase;margin-bottom:1rem}.socials{margin-top:1rem;padding-bottom:4rem;display:flex;justify-content:center;align-items:center;gap:4rem;width:100%}.social-link{color:#fff;opacity:.4;transition:all .3s ease;display:flex;align-items:center;justify-content:center;transform:scale(1.2)}.social-link:hover{opacity:1;transform:translateY(-8px) scale(1.4);color:#fc0}.email-protection{display:flex;align-items:center;justify-content:center}.email-btn{background:transparent!important;border:none!important;padding:0;margin:0;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;outline:none;box-shadow:none!important}.email-active{font-size:1.2rem;font-weight:800;color:#fc0!important;text-decoration:none}@keyframes move-stripes{0%{transform:translate(-25%,-25%)}to{transform:translate(0)}}@keyframes move-stripes-reverse{0%{transform:translate(0)}to{transform:translate(-25%,-25%)}}@keyframes scale-up{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.pulse{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.floating-icon{animation:float-slow 4s ease-in-out infinite}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@media(max-width:1200px){.twitch-container{height:auto;flex-direction:column;max-height:none}.twitch-video{aspect-ratio:16/9;width:100%}.twitch-chat{width:100%;height:450px;border-left:none;border-top:1px solid rgba(255,255,255,.1)}.socials{gap:3rem}}@media(max-width:768px){h1{letter-spacing:-2px}.socials{gap:2rem;flex-wrap:wrap}}:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark;background-color:#000}body{margin:0;padding:0;min-width:320px;background-color:#000;overflow-x:hidden}*{box-sizing:border-box}