:root{--verde:#2e9e46;--verde-osc:#1f7a33;--azul:#1e7fd8;--azul-osc:#0b4f8a;--amarillo:#ffc83d;--arena:#f6e6c2;--texto:#17324d;--gris:#5b6b7d;color:var(--texto);-webkit-tap-highlight-color:transparent;font-family:Nunito,"Baloo 2",-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;background:#0b4f8a;margin:0}button{font:inherit;color:inherit;cursor:pointer}h2,h3{margin:0}h2{font-size:26px;font-weight:900}h3{margin:22px 0 10px;font-size:17px;font-weight:900}.muted{color:var(--gris);font-size:14px}.small{font-size:12px}.center{text-align:center}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app.playa{background:linear-gradient(#bfe9ff 0%, #e6f7ff 35%, var(--arena) 100%)}.app.oceano{background:linear-gradient(#a8dcff 0%,#d9f1ff 40%,#e9f6ff 100%)}main{flex:1;padding-bottom:86px}.screen{flex-direction:column;gap:12px;padding:22px 18px;display:flex}.btn{text-align:center;border:0;border-radius:999px;padding:12px 22px;font-weight:900;text-decoration:none;transition:transform .1s;box-shadow:0 4px #0000002e}.btn:active{transform:translateY(3px);box-shadow:0 1px #0000002e}.btn.verde{background:var(--verde);color:#fff}.btn.azul{background:var(--azul);color:#fff}.btn.borde{background:#fff;border:2px solid #d5e2ee}.btn.grande{padding:18px;font-size:20px}.link{color:var(--azul);background:0 0;border:0;padding:6px;font-weight:800}.logo{text-align:center;letter-spacing:-1px;margin-top:8px;font-size:46px;font-weight:900;line-height:1}.logo-kids{background:linear-gradient(90deg,#e94b3c,#ffb400,#2e9e46,#1e7fd8,#8e44ad);color:#0000;-webkit-background-clip:text;background-clip:text}.logo small{color:var(--verde-osc);font-size:20px}.logo-aarde{color:#e94b3c;-webkit-text-stroke:1px #fff}.slogan{text-align:center;color:var(--azul-osc);margin:0;font-size:18px;font-weight:900}.hero-card{background:#ffffffd9;border:0;border-radius:28px;flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex;box-shadow:0 8px 24px #0b4f8a26}.hero-card b{font-size:22px}.hero-preview{flex-direction:column;align-items:center;line-height:1.1;animation:1.2s ease-in-out infinite bob;display:inline-flex;position:relative}.hero-acc{margin-bottom:-.35em}@keyframes bob{50%{transform:translateY(-6px)}}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stats div{text-align:center;background:#fff;border-radius:18px;padding:12px}.stats b{font-size:20px;display:block}.stats span{color:var(--gris);font-size:12px}.parents{align-self:center}.tabs{background:#fff9;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.tabs button{background:0 0;border:0;border-radius:999px;padding:10px;font-weight:800}.tabs .on{background:#fff;box-shadow:0 2px 8px #0000001a}.missions{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.missions li{background:#fff;border-radius:20px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 4px 12px #0b4f8a1a}.missions li.locked{opacity:.55}.m-num{background:var(--azul);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:grid}.locked .m-num{background:#e7edf3}.m-text{flex-direction:column;flex:1;display:flex}.m-stars,.stars{color:var(--amarillo);font-size:14px}.m-stars span,.stars span{color:#d8dee6}.how{background:#fffc;border-radius:20px;flex-direction:column;gap:6px;padding:14px 16px;font-size:14px;display:flex}.album{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card-item{text-align:center;border:3px solid var(--amarillo);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.card-item.locked{opacity:.7;border-color:#e1e7ee}.card-emoji{font-size:52px}.card-item small{color:var(--gris);font-size:12px}.hero-stage{background:#ffffffb3;border-radius:28px;place-items:center;padding:16px;display:grid}.pick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pick.acc{grid-template-columns:repeat(3,1fr)}.pick button{background:#fff;border:3px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;font-size:13px;font-weight:800;display:flex}.pick button span{font-size:38px}.pick button small{color:var(--gris);font-weight:600}.pick .on{border-color:var(--verde)}.pick .locked{opacity:.5}.input{font:inherit;text-align:center;border:3px solid #d5e2ee;border-radius:16px;width:100%;padding:12px;font-size:20px}.input:focus{border-color:var(--verde);outline:none}.gate{font-size:28px;font-weight:900}.card-soft{background:#fff;border-radius:20px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.game{touch-action:none;-webkit-user-select:none;user-select:none;height:100dvh;position:relative;overflow:hidden}.game.playa{background:#f3d9a4}.game.oceano{background:#1e9be0}.runner{position:absolute;inset:0}.runner canvas{display:block}.hud-top{z-index:5;top:max(12px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.round{background:var(--verde);color:#fff;border:3px solid #fff;border-radius:50%;width:48px;height:48px;font-size:20px;box-shadow:0 3px #0003}.pill{color:#fff;background:#0b325abf;border-radius:999px;padding:8px 16px;font-size:18px;font-weight:900}.bag{z-index:5;top:calc(max(12px, env(safe-area-inset-top)) + 60px);background:#ffffffe6;border-radius:999px;padding:6px 12px;font-weight:900;position:absolute;right:12px}.toast{z-index:6;top:calc(max(12px, env(safe-area-inset-top)) + 64px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0b2540;pointer-events:none;text-shadow:0 1px #fff9;background:#ffffff59;border:1px solid #fff9;border-radius:999px;max-width:calc(100% - 140px);padding:8px 14px;font-size:14px;font-weight:900;animation:.25s pop;position:absolute;left:12px}.legend{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#ffffff73;border:1px solid #ffffffb3;border-radius:20px;flex-direction:column;gap:6px;padding:12px 18px;font-weight:900;animation:.3s pop;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%)}.legend i{vertical-align:middle;border-radius:50%;width:18px;height:10px;margin-right:8px;display:inline-block}.hud-bottom{z-index:5;left:12px;right:12px;bottom:max(14px, env(safe-area-inset-bottom));align-items:flex-end;gap:10px;display:flex;position:absolute}.mission{color:#fff;background:linear-gradient(#1e5fa8,#0b3d74);border:3px solid #fff;border-radius:18px;flex-direction:column;flex:1;gap:4px;padding:10px 14px;display:flex;box-shadow:0 4px #0003}.mission b{letter-spacing:.04em;font-size:16px}.mission span{font-size:13px}.mission small{opacity:.85;font-size:12px}.bar{background:#ffffff40;border-radius:6px;height:12px;overflow:hidden}.bar i{background:var(--amarillo);height:100%;transition:width .3s;display:block}.power{background:radial-gradient(#2a6fbf,#0b3d74);border:4px solid #fff;border-radius:50%;flex:none;width:84px;height:84px;position:relative;box-shadow:0 4px #00000040}.power span{font-size:40px}.power em{background:var(--verde);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-4px;right:-4px}.power.on{animation:.5s infinite alternate glow}.power:disabled{filter:grayscale();opacity:.6}@keyframes glow{to{box-shadow:0 0 0 10px #7cf29a80}}.overlay{z-index:10;background:#0a1e3c8c;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.modal{text-align:center;background:#fff;border-radius:28px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px 20px;animation:.3s pop;display:flex}.modal p{margin:0}.modal-icon{font-size:60px}.modal .stars{letter-spacing:6px;font-size:40px}.new-card{text-align:left;border:3px solid var(--amarillo);background:#fff8e1;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex}.new-card span{font-size:44px}.new-card small{color:var(--gris);display:block}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.tabbar{width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);z-index:5;background:#fff;border-radius:22px 22px 0 0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #00000014}.tabbar button{color:var(--gris);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:12px;font-weight:800;display:flex}.tabbar button span{font-size:24px}.tabbar .on{color:var(--verde)}