@import url('data:text/css,');
:root{color-scheme:dark;--ink:#eaf8f6;--navy:#082e3b;--gold:#ffd477;--accent:#168b9c;--muted:#adc8cd}*{box-sizing:border-box}body{margin:0;background:#062b39;color:var(--ink);font-family:system-ui,Segoe UI,sans-serif;min-height:100dvh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #ffffff30;border-radius:14px;color:inherit;background:#ffffff10;padding:12px 18px;min-height:48px;touch-action:manipulation;font-weight:650}button:hover{background:#ffffff20}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:default}a{color:var(--gold)}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 0,#1d6872aa,transparent 55%)}header{display:flex;align-items:center;gap:22px;padding:14px 4vw;background:#062735e8;border-bottom:1px solid #ffffff19}.brand{display:flex;background:white;padding:6px 10px;border-radius:8px}.brand img{width:130px;height:50px;object-fit:contain}.wordmark{font-size:25px;letter-spacing:7px;font-weight:850}.wordmark small{display:block;font-size:9px;letter-spacing:2px;color:#bdd6d9;margin-top:3px}.tools{display:flex;gap:8px;margin-left:auto}.tools button{font-size:13px;padding:10px}main{max-width:1440px;margin:auto;padding:30px 4vw 44px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2.5px;color:var(--gold);font-weight:800}h1{font-size:clamp(32px,5vw,62px);line-height:1.04;letter-spacing:-2px;margin:14px 0 18px}h2{font-size:clamp(24px,3vw,35px);margin:8px 0 16px;line-height:1.15}p{line-height:1.6}.primary{background:var(--gold);color:#163641;border:none;box-shadow:0 5px 0 #b18330}.primary:hover{background:#ffe5a8}.quiet{background:transparent}.hero{position:relative;border-radius:26px;overflow:hidden;min-height:570px;border:1px solid #ffffff20;background:#0e626f url(assets/mundo.webp) center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#052b3bf5 0%,#052b3bb0 36%,transparent 72%),linear-gradient(0deg,#052b3b80,transparent 30%)}.hero-copy{position:relative;max-width:540px;padding:42px}.hero-copy p{max-width:390px;color:#d2e4e7}.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero .seal{position:absolute;bottom:26px;right:26px;background:#052b3bdd;padding:16px 22px;border:1px solid #ffd47770;border-radius:18px;font-size:14px}.stats{display:flex;gap:28px;margin-top:30px;color:#bfd3d6;font-size:12px}.stats strong{display:block;font-size:23px;color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 0 18px}.section-head p{color:var(--muted);margin:0;max-width:520px}.worlds{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.world-card{text-align:left;position:relative;overflow:hidden;padding:0;border-radius:20px;background:#113e4c;min-height:240px}.world-art{height:130px;background-image:url(assets/mundo.webp);background-size:430%;position:relative}.world-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#113e4c)}.world-card img{position:absolute;right:4px;top:16px;width:95px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 5px #0006)}.world-info{padding:8px 18px 20px;position:relative}.world-info small{color:var(--gold);font-size:11px;letter-spacing:1px}.world-info h3{margin:8px 0;font-size:19px}.world-info p{font-size:12px;color:#bad2d7;margin:0 0 12px}.progress{height:5px;border-radius:5px;background:#ffffff1c;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold);transition:width .4s}.map-note{color:var(--muted);font-size:13px}.mission-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.mission-nav span{font-size:14px;color:var(--muted)}.mission-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.play-panel{background:linear-gradient(135deg,#f6fcfc,#e3f0f0);color:#173e4b;border-radius:25px;padding:26px;min-width:0;box-shadow:0 20px 70px #00182366}.play-panel .eyebrow{color:#357782}.prompt{font-size:19px;line-height:1.5;max-width:760px}.stage{min-height:245px;border:1px solid #b6d5db;border-radius:18px;position:relative;overflow:hidden;background:#fff9;margin:22px 0;padding:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.stage button{color:#163d4b;border-color:#9bc4cb;background:#fff;box-shadow:0 3px 0 #bfd7db}.stage button.selected{background:#167ca6;color:white;border-color:#065576}.bigmath{font-size:clamp(32px,5vw,62px);font-weight:750;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.2;margin:0 5px}.frac b:first-child{border-bottom:2px solid currentColor;padding:0 9px 3px}.frac b:last-child{padding:3px 9px 0}.side-panel{background:#103c4be8;border:1px solid #ffffff20;border-radius:25px;padding:22px;align-self:start}.side-panel .char{height:115px;display:block;margin:-10px auto 2px;object-fit:contain}.side-panel label{font-size:13px;color:#c4d9de}.answer-wrap{display:flex;align-items:center;gap:8px;margin:8px 0 12px}.answer-wrap input{width:100%;border:2px solid #426575;background:#062c3c;color:white;border-radius:12px;height:58px;text-align:center;font-size:26px;padding:8px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.keypad button{padding:8px;font-size:22px;min-height:50px}.check{width:100%;margin:16px 0}.feedback{padding:16px;border-radius:14px;margin-top:16px;background:#e5f0f2;color:#194651;font-size:16px;line-height:1.55}.feedback.good{background:#d5f3dd;border:1px solid #66bb83}.feedback.bad{background:#fff0ce;border:1px solid #e3b04e}.feedback:empty{display:none}.hint-button{color:#2c6575;background:#d3e6e9;border:1px solid #9ebfc6}.actions{display:flex;gap:10px;flex-wrap:wrap}.side-meta{font-size:12px;color:var(--muted);margin-bottom:0}.tokens{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:560px}.token{width:48px;height:52px;padding:0!important;border-radius:12px!important;font-size:23px!important}.token.fixed{background:#ccebf3;display:grid;place-items:center;border:1px solid #91bdc7}.token.taken{animation:collect .45s ease both;background:#f8d16a!important;transform:translateY(-4px)}.token.removed{opacity:.2;transform:scale(.65)}.fraction-grid{display:grid;width:min(100%,560px);gap:5px}.fraction-grid button{height:70px;border-radius:7px;transition:background .3s}.fraction-grid button.selected{background:linear-gradient(135deg,#00a6c3,#187da5);animation:paint .4s ease}.group-rows{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.group-row{display:grid;grid-template-columns:repeat(3,20px);gap:6px!important;padding:14px!important}.battery{width:18px;height:25px;background:#aac3ca;border-radius:4px;display:block}.selected .battery{background:#ffd477;animation:paint .3s both}.baskets{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.basket{min-width:90px}.basket b{display:block;font-size:30px}.basket img{width:50px;height:55px;object-fit:contain}.line-scene{width:100%;position:relative;padding-top:90px;padding-bottom:20px}.line-track{display:flex;border-top:3px solid #486f7b;justify-content:space-between;position:relative}.stone{font-size:12px;width:5.8%;text-align:center;padding-top:13px;position:relative}.stone:before{content:'';position:absolute;top:-7px;left:50%;height:12px;border-left:2px solid #486f7b}.frog{position:absolute;width:60px;height:65px;object-fit:contain;top:20px;transform:translateX(-50%);transition:left .4s}.frog.hop{animation:hop .4s ease}.jump-log{font-size:14px;font-weight:bold;text-align:center;min-height:20px}.line-buttons{display:flex;gap:10px}.line-buttons .plus{background:#0672c1;color:white}.line-buttons .minus{background:#c45510;color:white}.grid-map{display:grid;grid-template-columns:repeat(6,1fr);width:min(100%,380px);gap:3px;background:#b5d7d3;padding:8px;border-radius:10px}.grid-map button{padding:0;min-height:44px;border-radius:5px;font-size:13px}.grid-map button.selected{background:#c58a2c}.grid-label{font-size:13px;font-weight:bold}.area-svg{width:100%;max-width:560px;height:245px}.area-svg text{font-size:19px;font-weight:700;fill:#244c5b}.area-svg polygon,.area-svg rect.figure{fill:#81d0d6;stroke:#237889;stroke-width:3;animation:paint 1s}.multiples{display:flex;gap:15px;width:100%}.multiples>div{flex:1;display:flex;flex-wrap:wrap;gap:7px}.multiples b{width:100%;font-size:15px}.multiples button{padding:6px;min-width:46px}.choices{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.choices button{font-size:27px;min-width:90px}.mission-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mission-list button{text-align:left;min-height:115px}.mission-list small{display:block;color:var(--gold);margin-bottom:8px}.victory{text-align:center;max-width:700px;margin:35px auto}.victory .gem{font-size:80px;color:var(--gold);animation:reveal .7s ease}.victory p{color:#b8d6dc}.celebrate{position:fixed;inset:0;pointer-events:none;z-index:100}.spark{position:absolute;top:40%;width:8px;height:12px;background:var(--gold);animation:spark 1s ease-out forwards}dialog{width:min(960px,94vw);border:1px solid #ffffff40;border-radius:24px;background:#092f3e;color:white;padding:24px;max-height:94dvh;overflow:auto}dialog::backdrop{background:#00121bd9;backdrop-filter:blur(7px)}dialog video{width:100%;border-radius:15px;background:#000;max-height:65dvh}dialog p{color:#cde0e4}.cinema-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}#guide{max-width:620px}#guide button{margin:8px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#102e3b;color:white;border-radius:12px;padding:0;z-index:120}#toast:not(:empty){padding:14px 20px;border:1px solid #ffd477}footer{font-size:12px;color:#a9c9d1;margin-top:32px;text-align:center}.muted{color:#557882;font-size:14px}.route-summary{padding:18px;background:#123e4c;border-radius:15px;margin-top:24px}.badge{color:var(--gold)}@keyframes paint{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes collect{0%{transform:scale(.8)}60%{transform:scale(1.15) translateY(-8px)}100%{transform:translateY(-4px)}}@keyframes hop{50%{transform:translate(-50%,-35px) rotate(-8deg)}}@keyframes reveal{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) rotate(250deg);opacity:0}}@media(max-width:1050px){.worlds{grid-template-columns:repeat(2,1fr)}.mission-shell{grid-template-columns:minmax(0,1fr) 270px}.play-panel{padding:20px}.side-panel{padding:16px}.hero{min-height:520px}.hero-copy{max-width:490px}.bigmath{gap:9px}}@media(max-width:720px){header{gap:10px;padding:10px 14px}.brand img{width:90px;height:35px}.wordmark{font-size:19px;letter-spacing:3px}.wordmark small{display:none}.tools button{font-size:11px;padding:8px;min-height:42px}main{padding:20px 14px 30px}.hero{min-height:580px;background-position:65% center}.hero:before{background:linear-gradient(0deg,#052b3bf7 5%,#052b3bc0 48%,#052b3b20)}.hero-copy{padding:240px 22px 80px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:14px}.hero .seal{bottom:18px;right:auto;left:22px}.stats{display:none}.section-head{display:block}.section-head p{font-size:14px}.worlds{gap:10px}.world-info{padding:8px 12px 15px}.world-info h3{font-size:16px}.world-card img{width:75px}.world-art{height:110px}.mission-shell{grid-template-columns:1fr}.side-panel .char{display:none}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-section{min-width:0}.keypad{grid-column:2;grid-row:1/4}.side-meta{grid-column:1}.side-panel .check{margin:0;align-self:start}.side-panel .answer-wrap input{font-size:24px}.stage{padding:12px;min-height:235px}.prompt{font-size:17px}.mission-nav{gap:5px}.mission-nav button{font-size:12px;padding:10px}.mission-nav span{font-size:12px}.mission-list{grid-template-columns:repeat(2,1fr)}.token{width:40px}.side-panel label{font-size:12px}.bigmath{font-size:35px}.stone{font-size:10px}.frog{width:45px}.area-svg text{font-size:17px}.hero .cta button{font-size:14px}.multiples{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
main:focus{outline:none}.scratch{margin:0 0 20px;border:1px solid #b6d5db;border-radius:12px;padding:14px}.scratch summary{cursor:pointer;min-height:32px;font-weight:650}.scratch canvas{display:block;width:100%;background:repeating-linear-gradient(0deg,white,white 23px,#d9e9ec 24px);border:1px solid #b6d5db;touch-action:none;border-radius:10px}.scratch button{color:#204b5c;background:#d7e9ed;margin-top:10px}.world-card{transition:transform .18s,box-shadow .18s}.world-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00192455}[hidden]{display:none!important}
.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.grade-card{padding:26px;text-align:left;border:1px solid #74bbb544;background:linear-gradient(130deg,#164c59,#092d3d);border-radius:22px;box-shadow:0 10px 26px #00141a33;transition:transform .18s}.grade-card:hover{transform:translateY(-4px);border-color:#ffd477}.grade-card>span{font-size:64px;font-weight:850;color:#ffd477;line-height:1}.grade-card h2{font-size:21px;margin:12px 0}.grade-card p{font-size:15px;color:#d2e4e7;min-height:72px}.grade-card small{color:#ffd477}.level-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.level-bar strong{font-size:21px;color:#ffd477}@media(max-width:800px){.grade-grid{grid-template-columns:repeat(2,1fr)}.grade-card{padding:20px}.grade-card p{min-height:96px}}@media(max-width:430px){.grade-grid{gap:10px}.grade-card{padding:15px}.grade-card>span{font-size:49px}.grade-card p{font-size:13px;min-height:110px}.grade-card small{font-size:11px}.level-bar strong{font-size:17px}}