*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--stage-bg);color:var(--ink-900);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}h1,h2,h3,p{margin:0}#app{position:fixed;inset:0}:focus-visible{outline:3px solid var(--amber-accent);outline-offset:3px;border-radius:6px}::selection{background:var(--amber-accent);color:var(--navy-950)}.halftone{background-image:radial-gradient(currentColor 1.1px,transparent 1.6px);background-size:9px 9px;opacity:.16;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--navy-500);border-radius:var(--radius-pill)}.stage-screen{position:absolute;inset:0}.stage-viewport{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 140% at 50% -10%,rgba(61,111,194,.18),transparent 60%),var(--stage-bg)}.stage{position:relative;width:min(100%,var(--stage-max-w),calc(100vh * var(--stage-ratio)));aspect-ratio:var(--stage-aspect);max-height:100%;overflow:hidden;background:var(--stage-bg-alt);box-shadow:0 30px 80px -20px #000000b3}@media(min-width:640px){.stage{border-radius:18px}}.stage-layers{position:absolute;inset:0}.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity;user-select:none;-webkit-user-drag:none}.layer-anchor{position:absolute}.layer-anchor--float{left:var(--x, 50%);top:var(--y, 100%);width:var(--w, 46%);transform:translate(-50%,-100%) translateY(var(--y-push, 0%)) scale(var(--s, 1))}.layer-anchor--fx{left:var(--x, 50%);top:var(--y, 50%);width:var(--w, 30%);transform:translate(-50%,-50%) scale(var(--s, 1));pointer-events:none}.layer-anchor--hud{right:3%;top:var(--y, 4%);width:var(--w, 16%)}.layer-anchor>img{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}.layer-z-top{z-index:15}.advance-hint{position:absolute;right:22px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:var(--radius-pill);background:#081b348c;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-display);font-size:13px;letter-spacing:.02em;opacity:0;pointer-events:none;z-index:40}.advance-hint__icon{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:var(--amber-accent);color:var(--navy-950);animation:advance-hint-nudge 1.3s ease-in-out infinite}.advance-hint__icon svg{width:58%;height:58%}@keyframes advance-hint-nudge{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.stage{container-type:inline-size;container-name:stage}.hud-bar{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:3cqw 3.4cqw 0;pointer-events:none}.hud-bar>*{pointer-events:auto}.hud-badge{display:flex;align-items:center;gap:.6em;padding:.5em 1em;border-radius:var(--radius-pill);background:#0814288c;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-display);font-size:clamp(11px,2.6cqw,15px);letter-spacing:.02em}.hud-badge__dot{width:.6em;height:.6em;border-radius:50%;background:var(--amber-accent);box-shadow:0 0 10px var(--amber-accent)}.hud-exit{display:flex;align-items:center;gap:.5em;border:1px solid rgba(255,255,255,.2);background:#0814288c;backdrop-filter:blur(8px);color:#fff;font-family:var(--font-display);font-size:clamp(11px,2.4cqw,14px);padding:.5em 1em;border-radius:var(--radius-pill);transition:transform .2s var(--ease-out),background .2s}.hud-exit:hover{background:#d62828bf;transform:translateY(-1px)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:45;display:block;height:clamp(52px,10cqw,92px);padding:0;border:0;background:none;filter:drop-shadow(0 6px 12px rgba(3,10,25,.45));transition:transform .18s var(--ease-out),filter .18s var(--ease-out)}.nav-btn--up{left:1.4cqw}.nav-btn--down{right:1.4cqw}.nav-btn__img{display:block;height:100%;width:auto;pointer-events:none;will-change:transform}.nav-btn--up .nav-btn__img{animation:nav-arrow-idle-left 1.2s ease-in-out infinite}.nav-btn--down .nav-btn__img{animation:nav-arrow-idle-right 1.2s ease-in-out infinite}.nav-btn:hover{transform:translateY(-50%) scale(1.1);filter:drop-shadow(0 12px 20px rgba(3,10,25,.6))}.nav-btn:active{transform:translateY(-50%) scale(.94)}.nav-btn:disabled{opacity:.25;pointer-events:none}@media(prefers-reduced-motion:reduce){.nav-btn__img{animation:none}}.options-row{position:absolute;left:var(--options-left, 4%);bottom:var(--options-bottom, 4%);display:flex;gap:2.2cqw;width:var(--options-area-w, 92%);justify-content:center;z-index:20}.options-row--choice{bottom:auto;top:50%;transform:translateY(-50%)}.options-row--column{flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw;top:50%;bottom:auto;transform:translateY(-50%)}.options-row--column .option-btn{flex:0 0 auto;max-width:var(--option-w, 60%)}.prompt-card{position:absolute;left:50%;top:-2.2%;width:min(92%,980px);max-width:980px;padding:1.35em 1.9em;transform:translate(-50%);background:var(--cream-50);border:4px solid var(--navy-950);border-radius:var(--radius-card);box-shadow:0 22px 44px -14px #030a1999,0 6px 12px #030a1947;color:var(--ink-900);font-family:var(--font-body);font-weight:600;font-size:clamp(15px,3cqw,22px);line-height:1.35;text-align:center;z-index:18}.option-btn{position:relative;flex:1 1 0;max-width:var(--option-w, 28%);display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:10px;border-radius:18px;transform:translateY(0) scale(1);transition:transform .3s var(--ease-comic),filter .3s;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}.option-btn img{width:100%;height:auto;border-radius:10px;pointer-events:none}.option-btn:before{content:"";position:absolute;inset:-4px;border-radius:22px;background:radial-gradient(60% 60% at 50% 40%,rgba(242,169,28,.55),transparent 70%);opacity:0;transform:scale(.9);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);z-index:-1}.option-btn--split .option-btn__banner{width:62%;margin-bottom:-13%;position:relative;z-index:2}.option-btn--banner-left,.option-btn--banner-right{flex-direction:row;align-items:center;gap:.5em}.option-btn--banner-right{flex-direction:row-reverse}.option-btn--banner-left .option-btn__banner,.option-btn--banner-right .option-btn__banner{width:48%;flex:0 0 auto;margin-bottom:0}.option-btn--banner-left .option-btn__banner{margin-right:-14%}.option-btn--banner-right .option-btn__banner{margin-left:-14%}.option-btn--banner-left .option-btn__card,.option-btn--banner-right .option-btn__card{width:auto;flex:1 1 auto}.option-btn--finale{width:100%}.option-btn--finale .option-btn__pill{width:30%;margin-top:-15%;position:relative;z-index:2}.option-btn:hover,.option-btn:focus-visible{z-index:5;transform:translateY(-14px) scale(1.12);filter:drop-shadow(0 26px 34px rgba(0,0,0,.55)) brightness(1.06)}.option-btn:hover:before,.option-btn:focus-visible:before{opacity:1;transform:scale(1)}.option-btn:active{transform:translateY(-6px) scale(1.05)}.option-btn:disabled{pointer-events:none}.option-btn.is-dismissed{opacity:0;transform:translateY(14px) scale(.94)}.feedback-icon-anchor{position:absolute;left:var(--icon-x, 50%);top:var(--icon-y, 26%);width:var(--icon-w, min(15%, 130px));transform:translate(-50%,-50%);z-index:15}.feedback-icon-anchor>img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45))}.feedback-card-anchor{position:absolute;left:var(--card-x, 50%);top:var(--card-y, 58%);width:var(--card-w, min(58%, 620px));transform:translate(-50%,-50%);z-index:14}.feedback-card-anchor>img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 26px rgba(0,0,0,.45))}.continue-btn-anchor{position:absolute;left:var(--btn-x, 50%);bottom:5%;transform:translate(-50%);z-index:25}.continue-btn{display:inline-flex;align-items:center;gap:.6em;padding:.75em 1.8em;border-radius:var(--radius-pill);border:2px solid rgba(255,255,255,.25);font-family:var(--font-display);font-size:clamp(13px,2.8cqw,18px);color:#fff;letter-spacing:.02em;box-shadow:var(--shadow-pop);transition:transform .2s var(--ease-out)}.continue-btn--correct{background:linear-gradient(180deg,var(--correct) 0%,var(--green-accent-dark) 100%)}.continue-btn--incorrect{background:linear-gradient(180deg,var(--incorrect) 0%,#7a1414 100%)}.continue-btn:hover{transform:translateY(-3px)}.continue-btn svg{width:1.1em;height:1.1em}.tone-wash{position:absolute;inset:0;z-index:5;pointer-events:none;mix-blend-mode:multiply;opacity:0}.tone-wash--correct{background:radial-gradient(120% 100% at 50% 100%,rgba(47,168,79,.35),transparent 65%)}.tone-wash--incorrect{background:radial-gradient(120% 100% at 50% 100%,rgba(214,40,40,.4),transparent 65%)}.closing-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:radial-gradient(80% 60% at 50% 0%,rgba(61,111,194,.28),transparent 55%),radial-gradient(60% 50% at 85% 110%,rgba(242,169,28,.1),transparent 60%),linear-gradient(180deg,var(--stage-bg-alt) 0%,var(--stage-bg) 70%)}.closing-screen[hidden]{display:none}.closing-confetti{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.closing-orb{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none;z-index:0}.closing-orb--gold{width:420px;height:420px;top:-140px;right:-100px;background:radial-gradient(circle,rgba(242,169,28,.16),transparent 65%);animation:closing-orb-gold 16s ease-in-out infinite alternate}.closing-orb--navy{width:520px;height:520px;bottom:-180px;left:-120px;background:radial-gradient(circle,rgba(61,111,194,.3),transparent 65%);animation:closing-orb-navy 20s ease-in-out infinite alternate}.closing-orb--blue{width:340px;height:340px;top:30%;right:12%;background:radial-gradient(circle,rgba(126,163,222,.12),transparent 65%);animation:closing-orb-blue 24s ease-in-out infinite alternate}@keyframes closing-orb-gold{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-60px,50px,0) scale(1.15)}}@keyframes closing-orb-navy{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(70px,-40px,0) scale(1.2)}}@keyframes closing-orb-blue{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-50px,-70px,0) scale(1.25)}}.closing-card{position:relative;z-index:2;max-width:560px;width:100%;text-align:center;padding:clamp(28px,5vw,48px);border-radius:26px;background:linear-gradient(160deg,#18479680,#081b34d9);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -20px #000000b3}.closing-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(242,169,28,.7),transparent);pointer-events:none}.closing-card__medal{position:relative;width:96px;height:96px;margin:0 auto 18px}.closing-card__halo{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(242,169,28,.45),transparent 68%);filter:blur(10px);animation:closing-halo-pulse 2.6s ease-in-out infinite;pointer-events:none}@keyframes closing-halo-pulse{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.12);opacity:1}}.closing-card__badge{position:relative;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--amber-accent) 70%);box-shadow:0 10px 24px #f2a91c73,inset 0 -3px 8px #a86a0a59}.closing-card__medal-svg{width:58%;height:58%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.closing-card__eyebrow{color:var(--navy-300);font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.closing-card__title{font-family:var(--font-display);color:#fff;font-size:clamp(26px,4vw,34px);margin-bottom:14px}.closing-card__body{color:#ffffffc7;font-size:15px;line-height:1.6;margin-bottom:26px}.closing-card__body strong{color:var(--amber-accent)}.closing-card__cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.6em;padding:.85em 1.8em;border-radius:var(--radius-pill);border:0;background:linear-gradient(180deg,var(--amber-accent) 0%,#c97e0a 100%);color:var(--navy-950);font-family:var(--font-display);font-size:15px;box-shadow:0 14px 26px -10px #f2a91c8c;transition:transform .25s var(--ease-comic),box-shadow .25s var(--ease-comic),filter .2s ease}.closing-card__cta:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);pointer-events:none}.closing-card__cta:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.08);box-shadow:0 22px 40px -12px #f2a91cbf,0 0 0 4px #f2a91c2e}.closing-card__cta:hover:after{left:130%;transition:left .7s ease}.closing-card__cta:active{transform:translateY(0) scale(.97)}.closing-card__cta-arrow{display:inline-block;transition:transform .25s var(--ease-comic)}.closing-card__cta:hover .closing-card__cta-arrow{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.closing-orb,.closing-card__halo{animation:none}.closing-card__cta:after,.closing-card__cta-arrow{transition:none}.closing-card__cta:hover{transform:none;box-shadow:0 14px 26px -10px #f2a91c8c;filter:none}}.historia-title-layer{position:absolute;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 100% at 50% 40%,var(--navy-700) 0%,var(--stage-bg-alt) 55%,var(--stage-bg) 100%)}.historia-title-layer[hidden]{display:none}.historia-title__rays{position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.07) 0deg 6deg,transparent 6deg 14deg)}.historia-title__halftone{position:absolute;inset:0;color:#fff;opacity:.08}.historia-title__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8%}.historia-title__eyebrow{font-family:var(--font-display);color:var(--amber-accent);font-size:clamp(13px,3.2cqw,22px);letter-spacing:.28em;text-transform:uppercase;margin-bottom:.3em}.historia-title__number{display:grid;place-items:center;width:clamp(64px,16cqw,128px);height:clamp(64px,16cqw,128px);border-radius:50%;margin-bottom:.4em;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--amber-accent) 70%);box-shadow:0 16px 34px -8px #f2a91c8c,0 0 0 6px #ffffff1f;color:var(--navy-950);font-family:var(--font-display);font-size:clamp(28px,7.5cqw,60px);font-weight:700}.historia-title__name{font-family:var(--font-display);color:#fff;font-size:clamp(24px,6cqw,46px);line-height:1.15;margin-bottom:.35em;text-shadow:0 4px 18px rgba(0,0,0,.4)}.historia-title__subtitle{color:#ffffffc7;font-family:var(--font-body);font-size:clamp(12px,2.6cqw,17px);max-width:34em}:root{--navy-950: #081b34;--navy-900: #0d2c56;--navy-700: #184796;--navy-500: #3d6fc2;--navy-300: #7ea3de;--blue-accent: #1f6fe0;--blue-accent-dark: #124a99;--green-accent: #2fa84f;--green-accent-dark: #1c6b30;--amber-accent: #f2a91c;--amber-accent-dark: #a86a0a;--correct: #2fa84f;--correct-glow: #5cf28c;--incorrect: #d62828;--incorrect-glow: #ff6b6b;--cream-50: #fef9f2;--cream-100: #f3e6c8;--cream-200: #e8d9b8;--ink-900: #16213a;--ink-700: #3a4863;--ink-500: #5c6a85;--stage-bg: #061224;--stage-bg-alt: #0a1f3d;--radius-card: 22px;--radius-pill: 999px;--shadow-card: 0 18px 40px -12px rgba(3, 10, 25, .55), 0 4px 10px rgba(3, 10, 25, .35);--shadow-pop: 0 10px 24px -6px rgba(3, 10, 25, .5);--font-display: "Fredoka", "Baloo 2", ui-rounded, system-ui, sans-serif;--font-body: "Inter", "Nunito Sans", system-ui, -apple-system, sans-serif;--stage-max-w: 1360px;--stage-aspect: 16 / 9;--stage-ratio: 1.77778;--ease-comic: cubic-bezier(.22, 1.4, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}.main-menu{position:fixed;inset:0;z-index:200;overflow:hidden;background:var(--stage-bg)}.main-menu__bg{position:absolute;inset:0;background:url(/assets/menu/fondo.png) center / cover no-repeat;z-index:0}.main-menu__brand{position:absolute;top:4%;left:3%;width:clamp(150px,15vw,230px);height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(3,10,25,.4))}.main-menu__ring{position:absolute;top:50%;left:50%;width:min(66vmin,600px);aspect-ratio:1 / 1;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.main-menu__ring-img{width:100%;height:100%;animation:main-menu-ring-spin 48s linear infinite}@keyframes main-menu-ring-spin{to{transform:rotate(360deg)}}.main-menu__panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;visibility:hidden;pointer-events:none}.main-menu__panel.is-active{opacity:1;visibility:visible;pointer-events:auto}.main-menu__picto{max-width:min(36vmin,330px);max-height:min(36vmin,330px);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(3,10,25,.45));z-index:2}.main-menu__logo{position:absolute;left:50%;bottom:6%;width:min(44vw,430px);height:auto;transform:translate(-50%);filter:drop-shadow(0 14px 22px rgba(3,10,25,.4));z-index:2}.main-menu__bubble{position:absolute;top:50%;right:clamp(24px,9vw,170px);width:clamp(260px,28vw,380px);height:auto;transform:translateY(-50%);filter:drop-shadow(0 16px 26px rgba(3,10,25,.35));z-index:3}.main-menu__panel[data-panel="2"] .main-menu__bubble{right:auto;left:clamp(24px,9vw,170px)}.main-menu__panel[data-panel="3"] .main-menu__bubble{right:clamp(24px,11vw,210px)}.main-menu__ready{display:block;width:min(48vmin,450px);padding:0;border:0;background:none;z-index:2;filter:drop-shadow(0 18px 30px rgba(3,10,25,.5));transition:transform .2s var(--ease-comic),filter .2s var(--ease-comic)}.main-menu__ready img{width:100%;height:auto;pointer-events:none}.main-menu__ready:hover{transform:scale(1.06) rotate(-1deg);filter:drop-shadow(0 24px 38px rgba(3,10,25,.6))}.main-menu__ready:active{transform:scale(.97)}.main-menu__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:block;height:clamp(58px,9vmin,100px);padding:0;border:0;background:none;filter:drop-shadow(0 6px 12px rgba(3,10,25,.45));transition:transform .18s var(--ease-out),filter .18s var(--ease-out)}.main-menu__nav-img{display:block;height:100%;width:auto;pointer-events:none;will-change:transform}@keyframes nav-arrow-idle-left{0%,to{transform:translate(0)}50%{transform:translate(-7px)}}@keyframes nav-arrow-idle-right{0%,to{transform:translate(0)}50%{transform:translate(7px)}}.main-menu__nav--prev .main-menu__nav-img{animation:nav-arrow-idle-left 1.2s ease-in-out infinite}.main-menu__nav--next .main-menu__nav-img{animation:nav-arrow-idle-right 1.2s ease-in-out infinite}.main-menu__nav--prev{left:2.5vw}.main-menu__nav--next{right:2.5vw}.main-menu__nav:hover{transform:translateY(-50%) scale(1.1);filter:drop-shadow(0 10px 18px rgba(3,10,25,.55))}.main-menu__nav:active{transform:translateY(-50%) scale(.94)}.main-menu__nav:disabled{opacity:.25;pointer-events:none}.main-menu__nav[hidden]{display:none}.main-menu__dots{position:absolute;left:50%;bottom:3.5%;display:flex;gap:10px;margin:0;padding:0;list-style:none;transform:translate(-50%);z-index:4}.main-menu__dot{width:14px;height:14px;padding:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:transparent;transition:background .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-out)}.main-menu__dot:hover{transform:scale(1.2)}.main-menu__dot.is-active{background:var(--amber-accent);border-color:var(--amber-accent);transform:scale(1.2)}@media(prefers-reduced-motion:reduce){.main-menu__ring-img,.main-menu__nav-img{animation:none}.main-menu__ready,.main-menu__nav{transition:transform .15s}}