@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@400;600;700&family=Inter:wght@400;500;600&display=swap";.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000;overflow:hidden}.loading-content{text-align:center;max-width:90%;width:100%;display:flex;flex-direction:column;gap:4rem}.loading-logo{display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-gta{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,6vw,4rem);font-weight:700;letter-spacing:clamp(6px,1.5vw,12px);line-height:1.2;background:linear-gradient(135deg,#ff006e,#ff4d8f,#d4af37,gold,#00f5ff,#00d4ff,#d4af37,gold,#ff006e,#ff1a75,#ff006e);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 10s ease infinite;text-transform:uppercase;max-width:95%}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.loading-bar-wrapper{width:100%;max-width:600px;margin:0 auto}.loading-bar{width:100%;height:4px;background:#ffffff0d;border-radius:8px;overflow:hidden;position:relative;border:1px solid rgba(212,175,55,.15)}.loading-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff006e,#d4af37,#00f5ff,#d4af37,#ff006e);background-size:200% 100%;transform-origin:left;animation:barShimmer 3s linear infinite;border-radius:8px}@keyframes barShimmer{0%{background-position:0% center}to{background-position:200% center}}.loading-text{font-family:Bebas Neue,sans-serif;font-size:clamp(.9rem,1.5vw,1.2rem);letter-spacing:4px;background:linear-gradient(90deg,#ffffff80,#d4af37e6,#ffffff80);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInOut 2s ease-in-out infinite,textShimmer 3s linear infinite}@keyframes textShimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}@media (max-width: 768px){.loading-content{gap:3rem}.logo-gta{font-size:1.8rem;letter-spacing:5px}.loading-bar{height:3px}.loading-text{font-size:.85rem;letter-spacing:3px}}@media (max-width: 480px){.logo-gta{font-size:1.4rem;letter-spacing:4px}.loading-text{font-size:.75rem;letter-spacing:2px}}.welcome-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;overflow:hidden;cursor:pointer}.welcome-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1}.welcome-smoke-layer-1{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 40%,rgba(20,20,20,.9) 0%,transparent 50%);z-index:2;animation:smokeFloat1 15s ease-in-out infinite}.welcome-smoke-layer-2{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 70% 60%,rgba(15,15,15,.8) 0%,transparent 50%);z-index:3;animation:smokeFloat2 20s ease-in-out infinite}.welcome-smoke-layer-3{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 80%,rgba(10,10,10,.9) 0%,transparent 60%);z-index:4;animation:smokeFloat3 18s ease-in-out infinite}@keyframes smokeFloat1{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(30px,-20px) scale(1.1);opacity:.8}}@keyframes smokeFloat2{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-40px,30px) scale(1.15);opacity:.7}}@keyframes smokeFloat3{0%,to{transform:translate(0) scale(1);opacity:.7}50%{transform:translate(20px,-40px) scale(1.2);opacity:.9}}.welcome-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.7) 60%,#000000 100%);z-index:5}.welcome-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.welcome-top-text{font-size:clamp(.8rem,1.5vw,1.1rem);font-weight:300;color:#ffffffb3;text-transform:uppercase;font-family:Bebas Neue,sans-serif;text-shadow:0 0 30px rgba(0,0,0,1),0 0 60px rgba(0,0,0,.8),0 4px 20px rgba(0,0,0,.9)}.welcome-main-text{font-size:clamp(3.5rem,9vw,8rem);font-weight:800;text-transform:uppercase;font-family:Bebas Neue,sans-serif;background:linear-gradient(135deg,#fff,#d4af37,gold,#d4af37,#b8860b,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;filter:drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 80px rgba(212,175,55,.4)) drop-shadow(0 10px 50px rgba(0,0,0,1));animation:goldFlow 4s linear infinite;line-height:.9}@keyframes goldFlow{0%{background-position:0% center;filter:drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 80px rgba(212,175,55,.4)) drop-shadow(0 10px 50px rgba(0,0,0,1))}50%{background-position:100% center;filter:drop-shadow(0 0 60px rgba(212,175,55,1)) drop-shadow(0 0 100px rgba(212,175,55,.6)) drop-shadow(0 10px 50px rgba(0,0,0,1))}to{background-position:0% center;filter:drop-shadow(0 0 40px rgba(212,175,55,.8)) drop-shadow(0 0 80px rgba(212,175,55,.4)) drop-shadow(0 10px 50px rgba(0,0,0,1))}}.welcome-bottom-text{font-size:clamp(.75rem,1.2vw,1rem);font-weight:400;color:#d4af37e6;text-transform:uppercase;font-style:italic;letter-spacing:6px;font-family:Bebas Neue,sans-serif;text-shadow:0 0 30px rgba(212,175,55,.6),0 0 60px rgba(0,0,0,1),0 4px 20px rgba(0,0,0,.9)}.welcome-press-hint{font-size:clamp(.65rem,1vw,.85rem);font-weight:300;color:#ffffff80;text-transform:uppercase;letter-spacing:3px;margin-top:2rem;font-family:Bebas Neue,sans-serif}.welcome-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#d4af3799;border-radius:50%;animation:particleFloat 10s linear infinite;box-shadow:0 0 10px #d4af37cc}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px);opacity:0}}@media (max-width: 768px){.welcome-content{padding:1.5rem;gap:1rem}.welcome-top-text{font-size:.75rem;letter-spacing:4px!important}.welcome-main-text{font-size:3rem;letter-spacing:12px!important}.welcome-bottom-text{font-size:.7rem;letter-spacing:3px}.welcome-press-hint{margin-top:1rem}}.nav-logo-top{position:fixed;top:2rem;left:2rem;font-family:Bebas Neue,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:5px;background:linear-gradient(90deg,#ffffff,var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:1000;filter:drop-shadow(0 0 20px rgba(212,175,55,.5));pointer-events:none}.nav-right{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:2rem;padding:2rem}.nav-items{display:flex;flex-direction:column;gap:2rem;align-items:flex-end}.nav-item{display:flex;align-items:center;gap:1rem;background:#000000b3;border:1px solid rgba(212,175,55,.3);border-right:none;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;pointer-events:auto;-webkit-user-select:none;user-select:none}.nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent-gold);transform:translate(-3px);transition:transform .3s ease}.nav-item:hover:before,.nav-item.active:before{transform:translate(0)}.nav-item.active{background:#d4af371a;border-color:var(--accent-gold)}.nav-item:hover{background:#d4af3726;border-color:var(--accent-gold);box-shadow:0 0 20px #d4af374d}.nav-number{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:var(--accent-gold);font-weight:700;letter-spacing:2px;min-width:30px}.nav-label{font-family:Bebas Neue,sans-serif;font-size:1.1rem;color:var(--text-white);letter-spacing:3px;font-weight:400;white-space:nowrap}.nav-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem}.scroll-line{width:2px;height:60px;background:linear-gradient(180deg,var(--accent-gold),transparent);transform-origin:top}@media (max-width: 1024px){.nav-right{padding:1.5rem}.nav-items{gap:1.5rem}.nav-item{padding:.75rem 1.25rem}.nav-number{font-size:1.2rem}.nav-label{font-size:.95rem}}@media (max-width: 768px){.nav-logo-top{font-size:2rem;top:1.5rem;left:1.5rem}.nav-right{padding:1rem;right:-10px}.nav-items{gap:1rem}.nav-item{padding:.5rem 1rem}.nav-label{display:none}.nav-number{font-size:1rem}.scroll-line{height:40px}}.hero-section{position:relative;width:100%;height:450vh;background:transparent}.hero-sticky-wrapper{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden;background:transparent}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(1) contrast(1) saturate(1)}.hero-dark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0000,#0003);z-index:2;pointer-events:none}.hero-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 80%,rgba(0,0,0,.5) 100%);z-index:4;pointer-events:none}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;pointer-events:none}.hero-title{display:flex;flex-direction:column;align-items:center;gap:.5rem}.title-line{font-size:clamp(2rem,5vw,4rem);letter-spacing:12px;color:var(--text-white);text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:400}.title-line-large{font-size:clamp(6rem,15vw,13rem);letter-spacing:24px;background:linear-gradient(135deg,#ffffff 0%,var(--accent-gold) 50%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6));font-weight:700}.hero-subtitle{margin-top:2rem;font-size:clamp(.75rem,1.5vw,1rem);letter-spacing:4px;color:var(--accent-gold);text-shadow:0 1px 4px rgba(0,0,0,.5);font-weight:400}.hero-gradient{position:absolute;bottom:0;left:0;width:100%;height:250px;background:linear-gradient(to bottom,transparent 0%,rgba(5,5,5,.4) 50%,rgba(5,5,5,.7) 100%);z-index:10;pointer-events:none}@media (max-width: 1200px){.hero-section{height:400vh}.hero-content{padding:0 2rem}}@media (max-width: 768px){.hero-section{height:350vh}.title-line{letter-spacing:4px}.title-line-large{letter-spacing:10px}.hero-subtitle{letter-spacing:2px;font-size:.7rem}}.character-section{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;overflow:visible;background-color:var(--darker-bg)}.character-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;pointer-events:none;z-index:0;filter:brightness(.4) saturate(1.1)}.character-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000000b3,#00000080,#000000b3);pointer-events:none;z-index:1}.character-container{max-width:1400px;width:100%;display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start;position:relative;z-index:2;min-height:500px;visibility:visible;opacity:1}.character-section.reverse .character-container{grid-template-columns:1.1fr .9fr;direction:rtl}.character-section.reverse .character-content,.character-section.reverse .photo-frame{direction:ltr}.character-image-wrapper{position:relative;width:100%;height:900px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;overflow:visible}.character-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;object-position:center;border-radius:4px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.4));transition:opacity .7s cubic-bezier(.43,.13,.23,.96);will-change:opacity}.image-accent{position:absolute;width:100%;height:100%;pointer-events:none;z-index:0}.frame-indicator{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:20}.frame-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.frame-dot.active{background:currentColor}.character-content{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:15;align-items:flex-start;width:100%;max-width:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #000000e6;min-height:400px;visibility:visible;opacity:1}.character-label{font-family:Rajdhani,Bebas Neue,sans-serif;font-size:.7rem;letter-spacing:2px;color:var(--accent-color);font-weight:600;text-transform:uppercase;opacity:.9;margin-bottom:-.25rem}.character-name{font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1;letter-spacing:1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.9);margin:0;font-weight:700;text-transform:uppercase;word-wrap:break-word;overflow-wrap:break-word}.character-description{font-family:Inter,Segoe UI,sans-serif;font-size:.8rem;line-height:1.5;color:#ffffffbf;font-weight:400;letter-spacing:.1px;text-shadow:0 1px 4px rgba(0,0,0,.8);word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.character-stats{display:flex;flex-direction:column;gap:.75rem;margin-top:0;width:100%;padding:1rem .875rem;background:#00000080;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.stat{display:grid;grid-template-columns:90px 1fr 42px;gap:.75rem;align-items:center}.stat-label{font-family:Rajdhani,sans-serif;font-size:.72rem;letter-spacing:1px;color:#ffffffa6;text-transform:uppercase;font-weight:600;text-align:left}.stat-bar{height:5px;background:#000000a6;border-radius:2.5px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.03)}.stat-fill{height:100%;background:var(--accent-color);border-radius:2.5px}.stat-value{font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:700;color:#fff;text-align:right}.character-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap;position:relative;z-index:20;isolation:isolate;pointer-events:auto!important;width:100%}.character-button{font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1.2px;padding:.75rem 1.75rem;border:none;border-radius:2px;cursor:pointer!important;text-transform:uppercase;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;pointer-events:auto!important;z-index:10;user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:transform;white-space:nowrap}.character-button: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}.character-button:hover:before{left:100%}.character-button.primary{background:var(--button-color, var(--neon-pink));color:#000;box-shadow:0 4px 12px #0000004d}.character-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000080}.character-button.primary:active{transform:scale(.95)}.character-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.character-button.secondary:hover{border-color:var(--button-color, var(--neon-pink));color:var(--button-color, var(--neon-pink));background:#ffffff0d}.character-button.secondary:active{transform:scale(.95)}.button-text{position:relative;z-index:1;pointer-events:none;display:inline-block}.button-icon{font-size:1.1rem;transition:transform .3s ease;position:relative;z-index:1;pointer-events:none;display:inline-block}.character-button.primary:hover .button-icon{transform:translate(3px)}.character-section.reverse .character-button{pointer-events:auto;z-index:20}@media (max-width: 1024px){.character-section{padding:2rem 1.25rem}.character-container{grid-template-columns:1fr;gap:1.5rem}.character-section.reverse .character-container{grid-template-columns:1fr;direction:ltr}.character-content{padding:1.5rem 1.25rem;border-radius:8px;max-width:100%}.character-stats{padding:1rem .75rem}.character-photo-frames{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.photo-frame{max-height:none}.frame-border{border-radius:6px}.frame-number{font-size:1.5rem;top:.65rem;right:.65rem}}@media (max-width: 768px){.character-section{padding:1.75rem 1rem}.character-container{gap:1.25rem}.character-content{padding:1.25rem 1rem;border-radius:6px}.character-label{font-size:.65rem;letter-spacing:1.5px}.character-name{font-size:clamp(1.5rem,5vw,2.25rem)}.character-description{font-size:.75rem;line-height:1.45}.character-stats{padding:.875rem .75rem;gap:.625rem}.character-photo-frames{grid-template-columns:1fr;gap:1rem}.photo-frame{aspect-ratio:3/4;max-height:none}.frame-border{border-radius:6px}.frame-number{font-size:1.3rem;top:.5rem;right:.5rem}.stat{grid-template-columns:85px 1fr 36px;gap:.625rem}.stat-label{font-size:.65rem}.stat-value{font-size:.8rem}.character-actions{gap:.625rem}.character-button{font-size:.75rem;padding:.7rem 1.5rem}}.character-photo-frames{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%;position:relative;z-index:2;visibility:visible;opacity:1}.photo-frame{position:relative;cursor:pointer;transition:transform .4s ease;overflow:hidden;width:100%;aspect-ratio:3/4;max-height:300px}.frame-border{position:relative;border:1px solid rgba(255,255,255,.2);border-radius:6px;overflow:hidden;width:100%;height:100%;background:#00000080;box-shadow:0 4px 16px #000c;transition:all .3s ease}.photo-frame:hover .frame-border{transform:translateY(-6px);box-shadow:0 8px 24px #000000e6,0 0 20px #d4af3733;border-color:#d4af374d}.frame-photo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .3s ease}.photo-frame:hover .frame-photo{transform:translate(-50%,-50%) scale(1.03)}.frame-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;pointer-events:none;opacity:.5;z-index:1}.frame-number{position:absolute;top:.875rem;right:.875rem;font-family:Bebas Neue,sans-serif;font-size:1.75rem;font-weight:700;opacity:.3;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none;z-index:2;transition:opacity .3s ease}.photo-frame:hover .frame-number{opacity:.5}.poster-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;overflow:hidden;background-color:#000}.poster-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.5) saturate(1.2);z-index:0;animation:slowZoom 30s ease-in-out infinite alternate}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.poster-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0009,#0006,#000c);z-index:1}.poster-content{position:relative;z-index:10;max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center}.poster-logo-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.poster-logo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-text{font-family:Bebas Neue,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:4px;color:#fff;text-transform:uppercase}.logo-number{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:900;letter-spacing:4px;color:#d4af37;line-height:.9;text-shadow:0 4px 20px rgba(212,175,55,.5)}.poster-tagline{font-family:Rajdhani,sans-serif;font-size:clamp(.9rem,2vw,1.2rem);font-weight:600;letter-spacing:3px;color:#ffffffb3;text-transform:uppercase}.poster-actions{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.poster-btn{font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;padding:1rem 2.5rem;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;position:relative;overflow:hidden}.poster-btn: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}.poster-btn:hover:before{left:100%}.poster-btn.primary{background:#d4af37;color:#000;box-shadow:0 4px 16px #d4af374d}.poster-btn.primary:hover{background:#f0c848;transform:translateY(-2px);box-shadow:0 6px 24px #d4af3780}.poster-btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.poster-btn.secondary:hover{border-color:#d4af37;color:#d4af37;background:#d4af371a;transform:translateY(-2px)}.poster-btn:active{transform:scale(.98)}.btn-icon{font-size:1.1rem;display:flex;align-items:center}.btn-text{line-height:1}.poster-info{display:flex;align-items:center;gap:2rem;padding:1.5rem 2rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;justify-content:center}.info-item{display:flex;flex-direction:column;gap:.25rem;align-items:center}.info-label{font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:2px;color:#ffffff80;text-transform:uppercase}.info-value{font-family:Bebas Neue,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;color:#d4af37;text-transform:uppercase}.info-divider{width:1px;height:40px;background:#fff3}.poster-social{display:flex;flex-direction:column;align-items:center;gap:1rem}.social-label{font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:2px;color:#ffffff80;text-transform:uppercase}.social-links{display:flex;gap:1rem}.social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:1.3rem;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{background:#d4af3733;border-color:#d4af37;color:#d4af37}.poster-developer{display:flex;align-items:center;justify-content:center;margin-top:1.5rem}.developer-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#0009,#0006);border:1.5px solid rgba(212,175,55,.4);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d;transition:all .3s ease;position:relative;overflow:hidden}.developer-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#d4af37,transparent);animation:borderSlide 3s linear infinite}@keyframes borderSlide{0%{left:-100%}to{left:100%}}.developer-card:hover{border-color:#d4af37b3;box-shadow:0 6px 30px #d4af374d,inset 0 1px #ffffff1a;transform:translateY(-3px)}.card-top{display:flex;align-items:center;gap:.3rem}.card-label{font-family:Bebas Neue,sans-serif;font-size:.7rem;letter-spacing:2px;color:#ffffff80;text-transform:uppercase}.card-name{font-family:Bebas Neue,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:3px;background:linear-gradient(90deg,#d4af37,gold,#d4af37);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;text-transform:uppercase}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.card-message{font-family:Bebas Neue,sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:6px;background:linear-gradient(135deg,#ff006e,#d4af37,#00f5ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:messageGlow 4s ease infinite;text-transform:uppercase}@keyframes messageGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.poster-indicators{display:flex;gap:.75rem;margin-top:.5rem}.poster-indicator{width:40px;height:4px;background:#fff3;border:none;border-radius:2px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.poster-indicator:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#d4af37;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.poster-indicator.active:before{transform:scaleX(1);animation:fillIndicator 8s linear}@keyframes fillIndicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.poster-indicator:hover{background:#d4af3766}.poster-corner{position:absolute;width:60px;height:60px;z-index:5;animation:cornerPulse 3s ease-in-out infinite}@keyframes cornerPulse{0%,to{opacity:.6}50%{opacity:1}}.poster-corner.top-left{top:2rem;left:2rem}.poster-corner.top-right{top:2rem;right:2rem}.poster-corner.bottom-left{bottom:2rem;left:2rem}.poster-corner.bottom-right{bottom:2rem;right:2rem}.corner-line{position:absolute;background:#d4af3799}.corner-line.horizontal{width:60px;height:2px}.corner-line.vertical{width:2px;height:60px}.poster-corner.top-left .corner-line.horizontal,.poster-corner.top-left .corner-line.vertical{top:0;left:0}.poster-corner.top-right .corner-line.horizontal,.poster-corner.top-right .corner-line.vertical{top:0;right:0}.poster-corner.bottom-left .corner-line.horizontal,.poster-corner.bottom-left .corner-line.vertical{bottom:0;left:0}.poster-corner.bottom-right .corner-line.horizontal,.poster-corner.bottom-right .corner-line.vertical{bottom:0;right:0}@media (max-width: 768px){.poster-section{padding:2rem 1rem}.poster-content{gap:2rem}.poster-actions{flex-direction:column;width:100%;max-width:300px}.poster-btn{width:100%;justify-content:center;padding:1rem 1.5rem}.poster-info{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.info-divider{width:100%;height:1px}.poster-corner{width:40px;height:40px}.corner-line.horizontal{width:40px}.corner-line.vertical{height:40px}.poster-corner.top-left,.poster-corner.top-right{top:1rem}.poster-corner.bottom-left,.poster-corner.bottom-right{bottom:1rem}.poster-corner.top-left,.poster-corner.bottom-left{left:1rem}.poster-corner.top-right,.poster-corner.bottom-right{right:1rem}.developer-card{padding:.8rem 2rem;gap:.4rem}.card-label{font-size:.65rem;letter-spacing:1.5px}.card-name{font-size:.95rem;letter-spacing:2px}.card-message{font-size:1.2rem;letter-spacing:4px}}@media (max-width: 480px){.logo-text{font-size:1.2rem;letter-spacing:3px}.logo-number{font-size:3.5rem}.poster-tagline{font-size:.8rem;letter-spacing:2px}.social-link{width:42px;height:42px;font-size:1.1rem}.developer-card{padding:.7rem 1.5rem;gap:.3rem}.card-label{font-size:.6rem;letter-spacing:1px}.card-name{font-size:.85rem;letter-spacing:1.5px}.card-message{font-size:1rem;letter-spacing:3px}}.character-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.character-modal-content{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:1400px;width:100%;max-height:90vh;overflow-y:auto;padding:3rem;position:relative;box-shadow:0 20px 60px #000c}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:45px;height:45px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.modal-close:hover{background:#fff3;transform:rotate(90deg);border-color:#fff6}.modal-header{text-align:center;margin-bottom:3rem}.modal-header h2{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:4px;color:#fff;margin:0 0 1rem;text-shadow:0 0 20px rgba(255,255,255,.3)}.modal-header p{font-family:Inter,sans-serif;font-size:1.1rem;color:#fff9;margin:0}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:1rem 0}.character-card{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.character-card:hover{border-color:var(--card-color);box-shadow:0 10px 30px #00000080,0 0 20px var(--card-color);transform:translateY(-5px)}.character-card.selected{border-color:var(--card-color);box-shadow:0 0 30px var(--card-color)}.card-image-wrapper{position:relative;width:100%;height:280px;overflow:hidden;background:#0000004d}.card-image{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}.character-card:hover .card-image{transform:scale(1.1)}.card-gradient{position:absolute;bottom:0;left:0;right:0;height:100%;pointer-events:none}.card-content{padding:1.5rem}.card-label{font-family:Rajdhani,sans-serif;font-size:.75rem;letter-spacing:2px;color:var(--card-color);font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.card-name{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:2px;color:#fff;margin:0 0 1rem;line-height:1}.card-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.card-stat{display:grid;grid-template-columns:80px 1fr 35px;gap:.5rem;align-items:center}.card-stat-label{font-family:Rajdhani,sans-serif;font-size:.7rem;letter-spacing:1px;color:#ffffff80;text-transform:uppercase;font-weight:600}.card-stat-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.card-stat-fill{height:100%;background:var(--card-color);box-shadow:0 0 4px var(--card-color)}.card-stat-value{font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:700;color:#fff;text-align:right}.card-select-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:4px;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;color:#000;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.card-select-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.selected-badge{position:absolute;top:1rem;right:1rem;width:45px;height:45px;background:var(--card-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:1.5rem;box-shadow:0 0 20px var(--card-color)}.character-modal-content::-webkit-scrollbar{width:8px}.character-modal-content::-webkit-scrollbar-track{background:#ffffff0d}.character-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.character-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.character-modal-content{padding:2rem 1.5rem}.modal-header h2{font-size:2rem}.characters-grid{grid-template-columns:1fr;gap:1.5rem}.card-image-wrapper{height:220px}.modal-close{width:38px;height:38px;font-size:1.25rem}}.gallery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.smoke-effect{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(30,30,30,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(40,40,40,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(20,20,20,.5) 0%,transparent 60%);opacity:.6;animation:smokeMove 20s ease-in-out infinite;pointer-events:none}.smoke-effect-2{animation:smokeMove2 25s ease-in-out infinite;opacity:.4}@keyframes smokeMove{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-10px) scale(1.05)}50%{transform:translate(-10px,10px) scale(.95)}75%{transform:translate(5px,5px) scale(1.02)}}@keyframes smokeMove2{0%,to{transform:translate(0) scale(1.05)}33%{transform:translate(-15px,15px) scale(1)}66%{transform:translate(15px,-10px) scale(1.08)}}.gallery-close{position:fixed;top:2rem;right:2rem;width:50px;height:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-close:hover{background:#ffffff1a;border-color:#ffffff4d;transform:rotate(90deg)}.gallery-container{max-width:1200px;width:100%;position:relative;z-index:2}.gallery-header{text-align:center;margin-bottom:3rem}.gallery-label{font-family:Rajdhani,sans-serif;font-size:.9rem;letter-spacing:3px;font-weight:700;text-transform:uppercase;margin-bottom:.5rem;opacity:.9}.gallery-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,6vw,5rem);letter-spacing:6px;color:#fff;margin:0 0 1rem;text-shadow:0 2px 20px rgba(255,255,255,.15)}.gallery-description{font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;color:#fff9;max-width:700px;margin:0 auto;padding:0 1rem}.gallery-main{position:relative;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;min-height:500px}.gallery-frame{position:relative;width:100%;max-width:700px;margin:0 auto}.frame-border{position:relative;padding:8px;border:2px solid;border-radius:4px;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gallery-main-image{width:100%;height:auto;display:block;border-radius:2px;object-fit:contain;max-height:600px}.frame-glow{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:4px}.image-counter{position:absolute;bottom:1.5rem;right:1.5rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;background:#000000b3;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#0009;border:1px solid;border-radius:50%;color:#fff;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.gallery-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.gallery-nav-left{left:-70px}.gallery-nav-right{right:-70px}.gallery-nav span{display:block;line-height:1}.gallery-thumbnails{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:0 1rem;flex-wrap:wrap}.thumbnail{position:relative;width:100px;height:100px;border:2px solid;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#ffffff08}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity .3s ease;pointer-events:none}.thumbnail.active{transform:scale(1.1);box-shadow:0 0 20px currentColor}.gallery-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-stat{display:flex;flex-direction:column;gap:.5rem}.stat-info{display:flex;justify-content:space-between;align-items:center}.stat-label{font-family:Rajdhani,sans-serif;font-size:.85rem;letter-spacing:1.5px;color:#ffffff80;text-transform:uppercase;font-weight:600}.stat-number{font-family:Bebas Neue,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:1px}.stat-bar-bg{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;box-shadow:0 0 8px currentColor}@media (max-width: 1024px){.gallery-nav-left{left:-60px}.gallery-nav-right{right:-60px}}@media (max-width: 768px){.gallery-overlay{padding:1rem}.gallery-close{width:45px;height:45px;top:1rem;right:1rem}.gallery-header{margin-bottom:2rem}.gallery-title{font-size:2.5rem;letter-spacing:3px}.gallery-main{min-height:350px}.gallery-main-image{max-height:450px}.gallery-nav{width:40px;height:40px;font-size:1.5rem}.gallery-nav-left{left:-50px}.gallery-nav-right{right:-50px}.thumbnail{width:70px;height:70px}.gallery-thumbnails{gap:.75rem}.gallery-stats{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.image-counter{bottom:1rem;right:1rem;font-size:.85rem;padding:.4rem .8rem}}@media (max-width: 600px){.gallery-nav{position:static;transform:none;margin:1rem .5rem}.gallery-nav:hover{transform:scale(1.1)}.gallery-main{flex-direction:column}.gallery-nav-left,.gallery-nav-right{left:auto;right:auto}.gallery-main:after{content:"";display:flex;gap:1rem;justify-content:center;margin-top:1rem}}.scroll-progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#d4af37,gold,#d4af37);transform-origin:0%;z-index:9999;box-shadow:0 0 10px #d4af3780}.scroll-percentage{display:none}.scroll-to-top{position:fixed;bottom:30px;left:30px;z-index:9998;width:50px;height:50px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(212,175,55,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#d4af37;gap:.2rem;box-shadow:0 4px 20px #00000080}.scroll-to-top:hover{background:#d4af3733;border-color:#d4af37;box-shadow:0 0 25px #d4af3780,0 4px 20px #000000b3}.scroll-to-top svg{color:#d4af37;transition:transform .3s ease}.scroll-to-top:hover svg{transform:translateY(-2px)}.scroll-text{font-size:.5rem;letter-spacing:1px;font-weight:700;font-family:Bebas Neue,sans-serif;line-height:1}@media (max-width: 768px){.scroll-to-top{bottom:20px;left:20px;width:45px;height:45px}.scroll-to-top svg{width:20px;height:20px}.scroll-text{font-size:.45rem}}.app{width:100%;min-height:100vh}main{position:relative;width:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--neon-pink: #ff006e;--neon-blue: #00f5ff;--neon-purple: #8b00ff;--neon-yellow: #ffea00;--accent-gold: #d4af37;--accent-teal: #00d9ff;--accent-coral: #ff6b6b;--dark-bg: #0a0a0a;--darker-bg: #050505;--deep-black: #000000;--text-white: #ffffff;--text-gray: #b0b0b0;--text-muted: #707070}body{font-family:Oswald,sans-serif;background:var(--darker-bg);color:var(--text-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,sans-serif;letter-spacing:2px}button{font-family:Bebas Neue,sans-serif;letter-spacing:1px}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8860b);border-radius:5px;border:1px solid rgba(212,175,55,.3)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffd700,var(--accent-gold));box-shadow:0 0 10px var(--accent-gold)}::selection{background:var(--accent-gold);color:var(--deep-black)}.text-glow{text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor}.neon-glow{box-shadow:0 0 20px var(--neon-pink),0 0 40px var(--neon-pink),0 0 60px var(--neon-pink)}