:root{--navy:#13234e;--lilac:#c9b7ff;--violet:#765bd1;--cream:#fffaf0;--gold:#ffc94a;--coral:#ff8e7d;--teal:#54c9c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:Trebuchet MS,Avenir Next,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);background:linear-gradient(#1e1853d9,#1e18538c);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mini-brand{display:flex;align-items:center;gap:9px;font-weight:1000;letter-spacing:2px;font-size:18px}.brand-isotipo{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(20,20,70,.25))}.navlinks{display:flex;gap:34px;font-size:14px;font-weight:800}.navlinks a{opacity:.83;transition:.2s}.navlinks a:hover{opacity:1;transform:translateY(-1px)}.nav-cta{padding:12px 22px;border-radius:999px;background:var(--gold);color:#27305f;font-weight:1000;font-size:15px;box-shadow:0 5px #14114066;transition:.2s;display:flex;align-items:center;gap:8px}.nav-cta:before{content:"▶";font-size:11px;width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center}.nav-cta:hover{transform:translateY(-3px)}.hero{min-height:820px;height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:#6f64c9}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#191951a8,#352a7059 42%,#1d15410a 70%),linear-gradient(0deg,rgba(18,24,57,.18),transparent 45%)}.hero-copy{position:relative;z-index:3;width:min(610px,86vw);margin-left:clamp(25px,7vw,112px);padding-top:65px;color:#fff}.hero-logo{width:min(510px,82vw);display:block;margin:0 0 13px -22px;filter:drop-shadow(0 8px 12px rgba(29,20,74,.25))}.eyebrow,.kicker{font-size:12px;letter-spacing:3.2px;font-weight:1000}.eyebrow{color:#fff3ba}h1{margin:12px 0 18px;font-size:clamp(36px,4.2vw,65px);line-height:1.02;letter-spacing:-2.5px;text-shadow:0 3px 18px rgba(22,21,68,.2)}h1 em{color:#f6d9ff;font-style:normal}.intro{max-width:560px;font-size:18px;line-height:1.65;color:#ffffffeb}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:31px 0 25px}.button{min-height:51px;padding:0 24px;display:inline-flex;align-items:center;gap:16px;border-radius:999px;font-weight:1000;font-size:14px;transition:.2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--gold);color:#2c3162;box-shadow:0 8px #4e338447}.primary span{font-size:22px}.ghost{border:2px solid white;background:#ffffff17;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.coming{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;letter-spacing:1px;opacity:.85}.coming span{width:9px;height:9px;background:#93f2cf;border-radius:50%;box-shadow:0 0 0 5px #93f2cf29}.scroll{position:absolute;z-index:4;bottom:24px;left:50%;width:45px;height:45px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;display:grid;place-items:center;font-size:28px}h2{margin:0;font-size:clamp(38px,4.8vw,68px);line-height:1.02;letter-spacing:-2.8px}h2 span{color:#8e6edc}.adventure-showcase{--scene-accent:#ca83ef;padding:100px 5vw 85px;background-color:#fffaf0;background-image:radial-gradient(rgba(85,62,130,.08) .8px,transparent .8px);background-size:14px 14px;overflow:hidden}.playful-heading{text-align:center;margin-bottom:30px}.playful-heading p,.power-intro>p,.play-cta>p:first-of-type{font-size:11px;letter-spacing:3.2px;font-weight:1000;color:#8b6bda}.world-switcher{display:flex;justify-content:center;gap:11px;margin:0 auto 25px;flex-wrap:wrap}.world-switcher button{appearance:none;border:2px solid #e8def8;background:#fff;color:var(--navy);border-radius:999px;padding:9px 17px 9px 10px;font:900 13px inherit;cursor:pointer;display:flex;align-items:center;gap:9px;box-shadow:0 5px #41297012;transition:.2s}.world-switcher button i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f1ebff;font-style:normal;font-size:17px}.world-switcher button[aria-selected=true]{background:var(--scene-accent);border-color:#fff;color:#192554;transform:translateY(-3px);box-shadow:0 8px #41297026}.world-switcher button[aria-selected=true] i{background:#ffffffb8}.level-window{max-width:1220px;aspect-ratio:1.63;margin:auto;position:relative;overflow:hidden;border:7px solid white;border-radius:38px;background:#352b77;box-shadow:0 22px #2c1f5e26,0 30px 70px #34256633}.level-window>img{width:100%;height:100%;object-fit:cover;display:block;animation:scene-in .42s ease both}.level-window:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,19,59,.62),transparent 48%);pointer-events:none}@keyframes scene-in{0%{opacity:.25;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.level-hud{position:absolute;z-index:2;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;color:#fff;font-weight:1000;text-shadow:0 2px 6px rgba(0,0,0,.3)}.level-hud span,.level-hud b{background:#131b4c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 15px;border:2px solid rgba(255,255,255,.6);border-radius:999px}.level-hud b{color:#ff9fa6;letter-spacing:4px}.level-story{position:absolute;z-index:2;bottom:30px;left:34px;width:min(560px,70%);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}.level-story p{margin:0 0 7px;color:#fff1a9;font-size:10px;font-weight:1000;letter-spacing:2.4px}.level-story h3{margin:0 0 8px;font-size:clamp(27px,3.7vw,51px);line-height:1;letter-spacing:-1.8px}.level-story span{font-size:14px;line-height:1.5;opacity:.9}.next-world{position:absolute;z-index:3;right:28px;bottom:28px;width:56px;height:56px;border:3px solid white;background:var(--gold);color:#29305f;border-radius:50%;font-size:27px;cursor:pointer;box-shadow:0 7px #201b4a52}.level-dots{display:flex;justify-content:center;gap:9px;margin-top:35px}.level-dots button{width:11px;height:11px;border:0;border-radius:99px;background:#d6caeb;cursor:pointer;transition:.2s}.level-dots button.active{width:34px;background:#8e6edc}.power-playground{padding:110px 6vw 120px;background:linear-gradient(145deg,#3f378c,#7456b8 55%,#9c68bf);color:#fff;position:relative;overflow:hidden}.power-playground:before{content:"";position:absolute;inset:0;background-image:radial-gradient(white 1px,transparent 1px);background-size:45px 45px;opacity:.13}.power-playground>*{position:relative}.power-intro{text-align:center;margin-bottom:40px}.power-intro>p{color:#ffe28a}.power-intro h2 span{color:#ffcfdd}.power-intro small{display:block;margin-top:13px;font-size:16px;opacity:.75}.power-game{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:stretch}.power-visual{min-height:475px;border:5px solid rgba(255,255,255,.75);border-radius:34px;position:relative;display:grid;place-items:end center;overflow:hidden;box-shadow:0 18px #1b144940;transition:.35s}.power-visual.gold{background:radial-gradient(circle at 50% 40%,#ffe99a,#f3a659 35%,#b960ad 72%)}.power-visual.lilac{background:radial-gradient(circle at 50% 40%,#fff,#c3aeff 34%,#6355c6 75%)}.power-visual.coral{background:radial-gradient(circle at 50% 40%,#fff1b8,#f99 35%,#8d5ac1 75%)}.power-visual:after{content:"";position:absolute;inset:0;background-image:radial-gradient(white 1.4px,transparent 1.4px);background-size:29px 29px;opacity:.32}.power-visual>img{position:relative;z-index:2;width:94%;mix-blend-mode:multiply;filter:saturate(1.2);margin-bottom:14px}.magic-burst{position:absolute;z-index:1;top:9%;left:50%;transform:translate(-50%);width:155px;height:155px;border:3px dashed white;border-radius:50%;display:grid;place-items:center;animation:spin 14s linear infinite}.magic-burst:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#ffffff40;box-shadow:0 0 45px #fff}.magic-burst span{position:relative;font-size:70px}.spark{position:absolute;z-index:3;font-style:normal;color:#fff3a6;font-size:32px;animation:float 2s ease-in-out infinite}.s1{left:7%;top:12%}.s2{right:9%;top:23%;animation-delay:.7s}.s3{right:22%;bottom:12%;animation-delay:1.3s}@keyframes spin{to{transform:translate(-50%) rotate(360deg)}}@keyframes float{50%{transform:translateY(-13px) rotate(12deg)}}.power-controls{display:flex;flex-direction:column;gap:13px}.power-controls button{flex:1;border:2px solid rgba(255,255,255,.35);border-radius:24px;background:#ffffff1a;color:#fff;display:flex;align-items:center;gap:14px;padding:18px;cursor:pointer;text-align:left;transition:.2s}.power-controls button:hover,.power-controls button.active{background:#fff;color:var(--navy);transform:translate(-6px);box-shadow:8px 8px #1c14462e}.power-controls button>i{flex:0 0 54px;height:54px;border-radius:18px;background:#ffdc7e40;display:grid;place-items:center;font-style:normal;font-size:28px}.power-controls button>span{display:flex;flex-direction:column;gap:5px}.power-controls button b{font-size:15px}.power-controls button small{opacity:.68;line-height:1.35}.power-controls button strong{margin-left:auto;font-size:20px}.play-cta{min-height:680px;padding:105px 5vw 95px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,rgba(220,184,255,.35),transparent 25%),linear-gradient(#211b596e,#171b49e0),url(/assets/nivel-espacio.webp) center/cover;position:relative}.play-cta>img{width:min(390px,70vw);filter:drop-shadow(0 9px 14px rgba(12,11,54,.35));margin:7px auto 22px}.play-cta>p:first-of-type{color:#ffe68a}.play-cta h2{font-size:clamp(42px,5vw,75px);text-shadow:0 4px 25px rgba(0,0,0,.28)}.play-cta h2 span{color:#ead9ff}.cta-copy{font-size:17px;line-height:1.65;opacity:.9}.big-play{margin:20px 0 25px;min-height:59px;padding:0 29px;border-radius:999px;background:var(--gold);color:#27305f;font-weight:1000;display:flex;align-items:center;gap:12px;box-shadow:0 9px #14114061;transition:.2s}.big-play:hover{transform:translateY(-4px)}.big-play i{font-style:normal;width:31px;height:31px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px}.play-cta>small{opacity:.65}.cta-stars{font-size:25px;color:#ffe48c;letter-spacing:5px}footer{background:#17254e;color:#fff;min-height:190px;padding:48px 7vw;display:flex;align-items:center;justify-content:space-between;gap:24px}footer img{width:170px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.2))}footer p{opacity:.72;font-size:13px}footer a{color:#dccdff;font-weight:1000}@media(max-width:800px){.navlinks{display:none}.hero{min-height:760px}.hero-art{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#1e1853cc,#2d1f6673)}.hero-copy{margin:auto;padding:95px 23px 20px}.hero-logo{margin-left:-10px}.adventure-showcase{padding:80px 16px 65px}.world-switcher{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding:5px}.world-switcher button{flex:0 0 auto}.level-window{aspect-ratio:.82;border-radius:28px}.level-window>img{object-position:center;height:100%}.level-hud{top:13px;left:13px;right:13px;font-size:11px}.level-story{left:21px;bottom:23px;width:78%}.level-story span{display:none}.next-world{right:17px;bottom:18px;width:47px;height:47px}.power-playground{padding:85px 16px}.power-game{grid-template-columns:1fr}.power-visual{min-height:370px}.power-controls button:hover,.power-controls button.active{transform:translate(0)}.play-cta{min-height:650px}footer{flex-direction:column;text-align:center}}