@font-face{font-family:MetalMania;src:url(/assets/fonts/MetalMania-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Jockey One;src:url(/assets/fonts/JockeyOne-Regular.ttf) format("truetype");font-display:swap}:root{--brand-crimson:#8b0000;--brand-crimson-light:#dc143c;--brand-ember:#ff4500;--brand-amber:#ff8c00;--brand-gold:gold;--eye-red:#dc143c;--eye-glow:#f22;--bg-void:#000;--bg-abyss:#0a0a0a;--bg-shadow:#101010;--bg-night:#111;--bg-charcoal:#1a1a1a;--text-primary:#f0f0f0;--text-secondary:hsla(0,0%,94%,.8);--text-muted:hsla(0,0%,94%,.6);--border-default:hsla(0,0%,100%,.1);--border-glow:rgba(255,69,0,.3);--card-border:3px solid var(--brand-ember);--transition-fast:150ms ease;--transition-default:300ms ease;--transition-smooth:300ms ease-in-out;--hover-lift:-4px;--hover-lift-card:-8px;--hover-shadow-ember:0 8px 32px rgba(255,69,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Jockey One,sans-serif;background:var(--bg-void);color:var(--text-primary)}.app,body,html{width:100%;overflow:hidden}.app{height:100vh;position:relative;display:flex;flex-direction:column;visibility:visible}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.background img{width:100%;height:100%;object-fit:cover;object-position:center top}.background:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--bg-void) 0,transparent 100%)}.eyes{--eye-top:13%;--eye-spacing:22px;position:absolute;top:var(--eye-top);left:50%;transform:translateX(-50%);z-index:1;pointer-events:none;width:calc(var(--eye-spacing) * 2);display:flex;justify-content:space-between}.eye{width:12px;height:12px;background:radial-gradient(circle,#fff 0,var(--eye-glow) 20%,var(--eye-red) 50%,var(--brand-crimson) 80%);border-radius:50%;box-shadow:0 0 6px 3px var(--eye-glow),0 0 15px 8px var(--eye-red),0 0 30px 12px rgba(220,20,60,.6),0 0 50px 20px rgba(139,0,0,.4),0 0 80px 35px rgba(139,0,0,.2);opacity:0;transform:scale(0);transition:box-shadow .5s ease}.eye.radiating{animation:eyeRadiate 3s ease-in-out infinite}@keyframes eyeRadiate{0%,to{box-shadow:0 0 8px 4px var(--eye-glow),0 0 20px 10px var(--eye-red),0 0 40px 15px rgba(220,20,60,.8),0 0 70px 25px rgba(139,0,0,.6),0 0 120px 50px rgba(139,0,0,.3);transform:scale(1)}50%{box-shadow:0 0 15px 8px var(--eye-glow),0 0 35px 18px var(--eye-red),0 0 70px 30px rgba(220,20,60,.9),0 0 120px 50px rgba(139,0,0,.7),0 0 180px 80px rgba(139,0,0,.4);transform:scale(1.2)}}.logo{position:absolute;top:30px;left:40px;z-index:10;font-family:MetalMania,sans-serif;font-size:2.2rem;line-height:.95;color:var(--text-primary);letter-spacing:.05em;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,69,0,.5),0 0 40px rgba(255,69,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;transform:translateY(-30px)}.logo span{display:block}.stage{bottom:0;height:180px;background:linear-gradient(to top,var(--bg-void) 0,var(--bg-charcoal) 50%,var(--bg-shadow) 100%);z-index:2}.stage,.stage:before{position:absolute;left:0;right:0}.stage:before{content:"";top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,69,0,.3) 20%,rgba(255,69,0,.5) 50%,rgba(255,69,0,.3) 80%,transparent)}.gallery{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:30px;z-index:5;padding:0 40px}.item{width:180px;height:180px;cursor:pointer;border:var(--card-border);border-radius:8px;overflow:hidden;transition:transform var(--transition-default),box-shadow var(--transition-default),border-color var(--transition-default);position:relative;will-change:transform,opacity}.gallery .item{opacity:0;transform:translateY(50px) scale(.8)}@media (prefers-reduced-motion:no-preference){.gallery.animated .item{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.eye,.gallery .item,.logo{opacity:1!important;transform:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.logo{animation:fadeInDown .8s ease-out .1s forwards}.eye:first-child{animation:scaleIn 1s ease-out .4s forwards}.eye:nth-child(2){animation:scaleIn 1s ease-out .55s forwards}.eye.radiating:first-child{animation:scaleIn 1s ease-out .4s forwards,eyeRadiate 3s ease-in-out infinite}.eye.radiating:nth-child(2){animation:scaleIn 1s ease-out .55s forwards,eyeRadiate 3s ease-in-out .15s infinite}.gallery .item:first-child{animation:fadeInUp .6s ease-out .3s forwards}.gallery .item:nth-child(2){animation:fadeInUp .6s ease-out .4s forwards}.gallery .item:nth-child(3){animation:fadeInUp .6s ease-out .5s forwards}.gallery .item:nth-child(4){animation:fadeInUp .6s ease-out .6s forwards}.gallery .item:nth-child(5){animation:fadeInUp .6s ease-out .7s forwards}.gallery .item:nth-child(6){animation:fadeInUp .6s ease-out .8s forwards}.item:hover{transform:translateY(var(--hover-lift-card));box-shadow:var(--hover-shadow-ember);border-color:var(--brand-amber)}.item img{width:100%;height:100%;object-fit:cover;display:block}.detail{position:fixed;left:50%;top:50%;width:90vmin;max-width:500px;max-height:90vh;cursor:pointer;visibility:hidden;display:flex;flex-direction:column;z-index:100;border:var(--card-border);border-radius:8px;overflow:hidden;background:var(--bg-night)}.detail>img{width:100%;aspect-ratio:1;object-fit:cover;display:block;flex-shrink:0}.detail .content{background:linear-gradient(135deg,var(--bg-charcoal) 0,var(--bg-shadow) 100%);padding:2rem;text-align:center}.detail .title{font-size:2.2rem;text-transform:uppercase;color:var(--text-primary);letter-spacing:.05em}.detail .subtitle,.detail .title{margin-bottom:.5rem;font-family:MetalMania,sans-serif}.detail .subtitle{font-size:1.1rem;color:var(--brand-amber)}.detail .type{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-family:Jockey One,sans-serif}.streaming-links{display:flex;justify-content:center;gap:30px;margin-top:1rem}.streaming-link{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);transition:all var(--transition-default);font-family:Jockey One,sans-serif}.streaming-link:hover{transform:translateY(var(--hover-lift));color:var(--brand-ember)}.streaming-link svg{width:48px;height:48px;fill:currentColor;transition:fill var(--transition-default)}.streaming-link span{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.close-hint{position:absolute;top:15px;right:15px;width:36px;height:36px;background:rgba(0,0,0,.7);border:2px solid var(--brand-ember);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transition:opacity var(--transition-default),background var(--transition-default)}.close-hint:hover{background:var(--brand-ember)}.detail.active .close-hint{opacity:1}.close-hint:after,.close-hint:before{content:"";position:absolute;width:18px;height:2px;background:var(--brand-ember);transition:background var(--transition-default)}.close-hint:hover:after,.close-hint:hover:before{background:var(--bg-void)}.close-hint:before{transform:rotate(45deg)}.close-hint:after{transform:rotate(-45deg)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:50;pointer-events:none;transition:background .5s ease}.overlay.active{background:rgba(0,0,0,.9);pointer-events:auto}@media (max-width:900px){.gallery{gap:15px}.item{width:140px;height:140px}.logo{font-size:1.6rem;top:20px;left:20px}.eyes{--eye-top:21%;--eye-spacing:14px}.eye{width:10px;height:10px}}@media (max-width:650px){.gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;bottom:20px;padding:0 20px;width:calc(100% - 40px);max-width:280px}.item{width:100%;aspect-ratio:1;height:auto}.stage{height:320px}.detail .title{font-size:1.6rem}.streaming-links{gap:20px}.streaming-link svg{width:36px;height:36px}.logo{font-size:1.3rem}.eyes{--eye-top:13%;--eye-spacing:16px}.eye{width:8px;height:8px}}