@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:wght@300;400;500;600&display=swap";:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6;--color-gold: #d4a853;--color-gold-light: #f0d68a;--color-sky: #6bb8e8;--color-sky-dark: #2a7ab5;--color-rebel: #c44b4b;--color-dark: #06080d;--color-dark-alt: #0c1018;--color-surface: rgba(255, 255, 255, .03);--color-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{min-height:100vh;background:var(--color-dark);color:#e8e8ec}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:2rem}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(42,122,181,.15),transparent 70%),radial-gradient(ellipse 60% 50% at 30% 70%,rgba(212,168,83,.08),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(196,75,75,.06),transparent 60%);z-index:0}.particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.particle{position:absolute;width:3px;height:3px;background:var(--color-gold);border-radius:50%;opacity:0;animation:particle-rise linear infinite}@keyframes particle-rise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.8}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh) scale(.3)}}.hero-content{position:relative;z-index:1;max-width:52rem}.hero-subtitle{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1.5rem;opacity:0;animation:fade-up 1s .3s ease forwards}.hero-title{font-family:Cinzel,serif;font-size:clamp(2.8rem,8vw,6rem);font-weight:900;letter-spacing:.04em;line-height:1.05;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 0%,var(--color-gold-light) 40%,var(--color-gold) 70%,#fff 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fade-up 1s .5s ease forwards,shimmer 8s ease-in-out infinite;opacity:0}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-tagline{font-size:1.15rem;font-weight:300;color:#ffffffb3;max-width:36rem;margin:0 auto 2.5rem;line-height:1.8;opacity:0;animation:fade-up 1s .7s ease forwards}.hero-cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fade-up 1s .9s ease forwards}.btn{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;padding:.9rem 2.4rem;border-radius:4px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-gold),#b8912e);color:#0a0a0a;font-weight:700;box-shadow:0 0 30px #d4a85340}.btn-primary:hover{box-shadow:0 0 50px #d4a85366;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:600}.btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold-light)}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:fade-up 1s 1.2s ease forwards}.scroll-hint span{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:#ffffff4d}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-gold),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{padding:6rem 2rem}.section-inner{max-width:72rem;margin:0 auto}.section-label{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.75rem}.section-heading{font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:.02em;margin-bottom:1rem;color:#fff}.section-desc{font-size:1.05rem;font-weight:300;color:#fff9;max-width:42rem;line-height:1.8}.story{background:var(--color-dark-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3rem}.story-text p{font-size:1.05rem;font-weight:300;color:#ffffffa6;line-height:1.9;margin-bottom:1.5rem}.story-text p strong{color:var(--color-gold-light);font-weight:500}.story-visual{position:relative;height:360px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border)}.city-illustration{width:100%;height:100%;background:linear-gradient(to top,var(--color-dark) 0%,transparent 30%),linear-gradient(135deg,#0d1b2a,#1b2838 40%,#2a3a4a);position:relative}.city-illustration:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,var(--color-dark),transparent)}.skyline{position:absolute;bottom:10%;left:0;right:0;height:70%;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:0 2rem}.building{background:linear-gradient(to top,#2a7ab533,#6bb8e80d);border:1px solid rgba(107,184,232,.12);border-bottom:none;border-radius:2px 2px 0 0;position:relative}.building:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:repeating-linear-gradient(to bottom,transparent,transparent 6px,rgba(107,184,232,.08) 6px,rgba(107,184,232,.08) 8px)}.building:nth-child(1){width:28px;height:55%}.building:nth-child(2){width:38px;height:75%}.building:nth-child(3){width:22px;height:45%}.building:nth-child(4){width:50px;height:90%}.building:nth-child(5){width:30px;height:65%}.building:nth-child(6){width:42px;height:85%}.building:nth-child(7){width:26px;height:50%}.building:nth-child(8){width:35px;height:70%}.building:nth-child(9){width:48px;height:95%}.building:nth-child(10){width:24px;height:40%}.building:nth-child(11){width:36px;height:60%}.floating-island{position:absolute;border-radius:50%/30%;border:1px solid rgba(212,168,83,.15);background:radial-gradient(ellipse,rgba(212,168,83,.06),transparent);animation:float 6s ease-in-out infinite}.floating-island:nth-child(1){width:80px;height:30px;top:15%;left:20%;animation-delay:0s}.floating-island:nth-child(2){width:50px;height:20px;top:25%;right:15%;animation-delay:2s}.floating-island:nth-child(3){width:65px;height:24px;top:10%;right:30%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.features{background:var(--color-dark)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover{border-color:#d4a85333;background:#ffffff0a;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.4rem}.feature-icon.story{background:#d4a8531f}.feature-icon.parkour{background:#6bb8e81f}.feature-icon.world{background:#4bc4821f}.feature-icon.moral{background:#c44b4b1f}.feature-icon.music{background:#a882d41f}.feature-icon.coop{background:#d4a8b41f}.feature-card h3{font-family:Cinzel,serif;font-size:1.05rem;font-weight:600;margin-bottom:.6rem;color:#fff}.feature-card p{font-size:.9rem;font-weight:300;color:#ffffff8c;line-height:1.7}.world{background:var(--color-dark-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.world-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem}.world-card{position:relative;height:260px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);cursor:pointer;transition:all .4s ease}.world-card:hover{transform:translateY(-6px);border-color:#ffffff26}.world-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .4s ease}.world-card:hover .world-card-bg{transform:scale(1.05)}.world-card.tunnels .world-card-bg{background:linear-gradient(135deg,#1a0f0a,#2d1810,#1a0f0a)}.world-card.hideouts .world-card-bg{background:linear-gradient(135deg,#0a1a0f,#102d18,#0a1a0f)}.world-card.islands .world-card-bg{background:linear-gradient(135deg,#0a1520,#102540,#0a1520)}.world-card.wilderness .world-card-bg{background:linear-gradient(135deg,#151a0a,#203010,#151a0a)}.world-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(6,8,13,.95) 0%,rgba(6,8,13,.3) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem}.world-card h3{font-family:Cinzel,serif;font-size:1rem;font-weight:600;margin-bottom:.3rem;color:#fff}.world-card p{font-size:.8rem;color:#ffffff80;line-height:1.6}.world-decor{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.9rem;background:#0000004d}.choices{background:var(--color-dark)}.choices-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3rem}.choice-branches{display:flex;flex-direction:column;gap:1.25rem}.choice-item{display:flex;gap:1rem;padding:1.25rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);transition:all .3s ease;cursor:default}.choice-item:hover{border-color:#ffffff1f;background:#ffffff0a}.choice-marker{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;font-weight:600}.choice-marker.alliance{background:#6bb8e826;color:var(--color-sky)}.choice-marker.resist{background:#c44b4b26;color:var(--color-rebel)}.choice-marker.solo{background:#d4a85326;color:var(--color-gold)}.choice-item h4{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;margin-bottom:.25rem;color:#fff}.choice-item p{font-size:.85rem;color:#ffffff80;line-height:1.6}.choice-visual{position:relative;height:360px;display:flex;align-items:center;justify-content:center}.choice-rings{position:relative;width:260px;height:260px}.choice-ring{position:absolute;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;animation:ring-rotate linear infinite}.choice-ring:nth-child(1){top:0;right:0;bottom:0;left:0;border-color:#6bb8e833;animation-duration:20s}.choice-ring:nth-child(2){top:25px;right:25px;bottom:25px;left:25px;border-color:#c44b4b33;animation-duration:15s;animation-direction:reverse}.choice-ring:nth-child(3){top:50px;right:50px;bottom:50px;left:50px;border-color:#d4a85333;animation-duration:10s}.choice-ring-dot{position:absolute;width:10px;height:10px;border-radius:50%;top:-5px;left:50%;transform:translate(-50%)}.choice-ring:nth-child(1) .choice-ring-dot{background:var(--color-sky);box-shadow:0 0 12px #6bb8e880}.choice-ring:nth-child(2) .choice-ring-dot{background:var(--color-rebel);box-shadow:0 0 12px #c44b4b80}.choice-ring:nth-child(3) .choice-ring-dot{background:var(--color-gold);box-shadow:0 0 12px #d4a85380}.choice-ring-center{position:absolute;top:80px;right:80px;bottom:80px;left:80px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.1),transparent);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold)}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.soundtrack{background:var(--color-dark-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:center}.soundtrack .section-desc{margin:0 auto 3rem}.wave-container{display:flex;align-items:center;justify-content:center;gap:3px;height:80px;margin-bottom:2rem}.wave-bar{width:4px;border-radius:2px;animation:wave-pulse ease-in-out infinite}@keyframes wave-pulse{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}.mood-tags{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.mood-tag{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;padding:.5rem 1.2rem;border-radius:100px;border:1px solid var(--color-border);color:#fff9;transition:all .3s ease}.mood-tag:hover{border-color:var(--color-gold);color:var(--color-gold-light)}.multiplayer{background:var(--color-dark)}.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}.mp-card{padding:2.5rem;border-radius:12px;border:1px solid var(--color-border);position:relative;overflow:hidden;transition:all .3s ease}.mp-card:hover{transform:translateY(-3px)}.mp-card.solo{background:linear-gradient(135deg,rgba(212,168,83,.04),transparent)}.mp-card.coop{background:linear-gradient(135deg,rgba(107,184,232,.04),transparent)}.mp-card.solo:hover{border-color:#d4a85333}.mp-card.coop:hover{border-color:#6bb8e833}.mp-card-icon{font-size:2rem;margin-bottom:1.25rem}.mp-card h3{font-family:Cinzel,serif;font-size:1.2rem;font-weight:600;margin-bottom:.6rem;color:#fff}.mp-card p{font-size:.95rem;color:#ffffff8c;line-height:1.7}.cta{text-align:center;padding:8rem 2rem;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(212,168,83,.08),transparent)}.cta-content{position:relative;z-index:1}.cta blockquote{font-family:Cinzel,serif;font-size:clamp(1.3rem,3vw,2rem);font-weight:400;font-style:italic;color:#fffc;max-width:40rem;margin:0 auto 2.5rem;line-height:1.6}.cta blockquote span{color:var(--color-gold-light)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;background:#06080dcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-logo{font-family:Cinzel,serif;font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--color-gold-light)}.footer{padding:2.5rem 2rem;text-align:center;border-top:1px solid var(--color-border);background:var(--color-dark-alt)}.footer p{font-size:.75rem;color:#ffffff40;letter-spacing:.05em}@media(max-width:900px){.story-grid,.choices-layout{grid-template-columns:1fr;gap:2rem}.features-grid,.world-cards{grid-template-columns:1fr 1fr}.nav-links{display:none}}@media(max-width:600px){.features-grid,.world-cards,.mp-grid{grid-template-columns:1fr}section{padding:4rem 1.25rem}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.revealed{opacity:1;transform:translateY(0)}