:root{
  --pink:#f33b86;--pink-soft:#ffe4f0;--purple:#7047d8;--blue:#2677f2;--blue-soft:#e9f3ff;
  --green:#28a86b;--mint:#e8f8f0;--yellow:#ffbf36;--peach:#fff0df;--ink:#18315f;--muted:#6d7b96;
  --bg:#f7f9fd;--surface:#fff;--line:#dce5f1;--shadow:0 14px 35px rgba(31,58,100,.10);--r:22px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fff 0,#f6f9fe 26%,#f7f9fd 100%)}button,select,input{font:inherit}button{cursor:pointer;color:inherit}.app-shell{min-height:100vh;padding-bottom:calc(78px + var(--safe-bottom))}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(14px,3vw,28px);position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,241,.75)}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0;text-align:left}.brand-mark{width:46px;height:46px;border-radius:14px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:clamp(16px,3vw,21px);letter-spacing:-.02em}.brand-copy small{font-size:11px;color:var(--muted);margin-top:5px}.top-actions{display:flex;align-items:center;gap:8px}.status-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.status-pill.offline{background:#fff5e9;border-color:#ffd59c;color:#9a5a00}.icon-btn,.avatar-btn{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;place-items:center;box-shadow:0 5px 14px rgba(31,58,100,.06)}.avatar-btn{border-radius:50%;overflow:hidden;padding:2px}.avatar-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}.view{width:min(1180px,100%);margin:0 auto;padding:20px clamp(14px,3vw,28px) 34px;outline:none}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:50;width:min(720px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 10px calc(8px + var(--safe-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -12px 30px rgba(31,58,100,.10)}.nav-item{min-height:56px;border:0;background:transparent;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7b89a3}.nav-item span{font-size:20px}.nav-item small{font-size:11px;font-weight:800}.nav-item.is-active{background:var(--pink-soft);color:var(--pink)}

/* shared */
.stack{display:grid;gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card-pad{padding:18px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h2,.section-title h3{margin:0;font-size:clamp(19px,3vw,27px);letter-spacing:-.035em}.section-title p{margin:3px 0 0;color:var(--muted);font-size:13px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:var(--pink)}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.btn-primary{background:var(--blue);color:#fff}.btn-pink{background:var(--pink);color:#fff}.btn-soft{background:var(--blue-soft);color:var(--blue)}.btn-ghost{background:#fff;border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px}.chip.is-on{background:var(--blue-soft);border-color:#bfd9ff;color:var(--blue)}.metric{display:flex;align-items:center;gap:8px}.metric strong{font-size:22px}.muted{color:var(--muted)}.tiny{font-size:12px}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:98px;transform:translate(-50%,20px);z-index:100;background:#152441;color:#fff;padding:12px 16px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 12px 26px rgba(15,23,42,.25);font-weight:800;font-size:13px;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}

/* home */
.hero{overflow:hidden;position:relative;padding:22px;background:linear-gradient(135deg,#fff4fa 0%,#edf7ff 48%,#edfff5 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:20px;align-items:center}.hero-copy h1{font-size:clamp(30px,6vw,58px);line-height:.95;letter-spacing:-.055em;margin:7px 0 12px}.hero-copy h1 span{color:var(--pink)}.hero-copy p{font-size:15px;line-height:1.5;color:var(--muted);max-width:500px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.hero-avatar{display:flex;align-items:center;gap:10px;margin-top:16px}.hero-avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 5px 16px rgba(0,0,0,.12)}.mini-map{min-height:350px;position:relative;border-radius:20px;overflow:hidden;background:#dff2e7;border:1px solid #cde8d7}.quick-card{padding:16px;border-radius:18px;border:1px solid var(--line);background:#fff;display:flex;gap:12px;align-items:center;text-align:left}.quick-card .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:var(--blue-soft);flex:0 0 auto}.quick-card strong{display:block}.quick-card small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}.progress-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.level-ring{width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--pink) var(--p,30%),#edf1f7 0);display:grid;place-items:center}.level-ring::after{content:"";width:46px;height:46px;background:#fff;border-radius:50%;position:absolute}.level-ring span{z-index:1;font-weight:950}.level-ring{position:relative}.progress-bar{height:9px;background:#edf1f7;border-radius:99px;overflow:hidden}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:inherit}

/* maps */
.map-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.map-list{display:grid;gap:10px;align-content:start}.map-choice{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left}.map-choice .emoji{width:48px;height:48px;border-radius:14px;background:var(--blue-soft);display:grid;place-items:center;font-size:26px}.map-choice strong{display:block}.map-choice small{color:var(--muted);display:block;margin-top:3px}.map-choice.is-active{border-color:#8ab8ff;background:#eff6ff;box-shadow:0 0 0 2px #d8e9ff inset}.map-stage{position:relative;min-height:520px;border-radius:20px;overflow:hidden;background:#eef6f0;border:1px solid var(--line)}.map-stage svg{width:100%;height:100%;min-height:520px;display:block;touch-action:none;user-select:none}.map-toolbar{position:absolute;right:12px;top:12px;display:grid;gap:8px}.map-toolbar button{width:46px;height:46px;border:1px solid rgba(180,196,219,.9);background:rgba(255,255,255,.95);border-radius:14px;font-size:19px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.map-caption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);padding:10px 12px;border-radius:14px;border:1px solid var(--line);max-width:70%;box-shadow:0 6px 16px rgba(0,0,0,.08)}.map-caption strong{display:block}.map-caption span{font-size:12px;color:var(--muted)}

/* route lab */
.route-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.route-side{display:grid;gap:14px;align-content:start}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mode-tab{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 8px;font-weight:900;font-size:12px}.mode-tab.is-active{background:var(--pink-soft);border-color:#ffc0d9;color:var(--pink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;color:var(--muted);margin:0 0 5px 2px}.field select{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 12px;color:var(--ink);min-height:44px}.route-result{padding:14px;border-radius:16px;background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #cfe1ff}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.stat{padding:10px;border-radius:13px;background:#fff;border:1px solid var(--line);text-align:center}.stat strong{display:block;font-size:18px}.stat small{font-size:10px;color:var(--muted);font-weight:800}.route-options{display:grid;gap:10px}.route-option{border:2px solid var(--line);border-radius:16px;background:#fff;padding:13px;text-align:left}.route-option.is-selected{border-color:var(--blue);background:#eef6ff}.route-option-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.route-option .route-line{height:7px;border-radius:99px;margin:10px 0;background:linear-gradient(90deg,#8aa4c7,#d3dce9)}.route-option.is-fast .route-line{background:linear-gradient(90deg,#2677f2,#4cc3ff)}.eta-big{font-size:38px;font-weight:950;line-height:1}.delivery-track{height:10px;background:#edf1f7;border-radius:99px;overflow:hidden}.delivery-track i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--blue));width:0;transition:width .25s}.find-home-box{text-align:center;padding:12px;background:#fff7fb;border:1px solid #ffd5e6;border-radius:16px}.find-home-box .big{font-size:44px}

/* stories */
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.story-card{overflow:hidden;text-align:left;border:1px solid var(--line);background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:0}.story-art{height:142px;display:grid;place-items:center;font-size:52px;position:relative;overflow:hidden}.story-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.8),transparent 32%)}.story-art.mint{background:linear-gradient(145deg,#dff9e9,#cde7ff)}.story-art.peach{background:linear-gradient(145deg,#fff1d9,#ffe0ec)}.story-art.sky{background:linear-gradient(145deg,#dbeeff,#edf0ff)}.story-art.forest{background:linear-gradient(145deg,#dff1d5,#c8edf0)}.story-art.night{background:linear-gradient(145deg,#27365f,#644f8f);color:#fff}.story-body{padding:15px}.story-body h3{margin:0 0 7px;font-size:17px}.story-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.story-meta{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;font-weight:900;color:var(--muted)}.offline-tag{color:var(--green)}.story-reader{overflow:hidden}.story-reader-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.story-scene{min-height:330px;display:grid;grid-template-rows:1fr auto;place-items:center;padding:26px;text-align:center;background:linear-gradient(155deg,#eef8ff,#fff3f9)}.story-icons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;font-size:clamp(44px,8vw,72px);filter:drop-shadow(0 6px 9px rgba(31,58,100,.12))}.story-copy{max-width:720px}.story-copy h2{margin:0 0 8px}.story-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}.story-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:15px;border-top:1px solid var(--line)}.audio-bar{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#f7f9fd;border-radius:16px}.audio-bar audio{width:min(420px,100%)}.page-dots{display:flex;gap:6px;justify-content:center}.page-dots i{width:8px;height:8px;border-radius:50%;background:#d4dce8}.page-dots i.on{background:var(--pink)}

/* badges/profile */
.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.badge-card{padding:18px;text-align:center}.badge-icon{width:78px;height:78px;border-radius:24px;margin:0 auto 10px;background:linear-gradient(145deg,#fff4c7,#ffe3ef);display:grid;place-items:center;font-size:40px}.badge-card.locked{filter:grayscale(.8);opacity:.55}.badge-card h3{margin:0 0 5px}.badge-card p{margin:0;color:var(--muted);font-size:12px}.profile-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.profile-card{text-align:center}.profile-card img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 9px 25px rgba(31,58,100,.14)}.profile-card h2{margin:12px 0 4px}.settings-list{display:grid;gap:12px}.setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.setting:last-child{border:0}.switch{width:52px;height:30px;border-radius:999px;background:#d6deea;position:relative;border:0;padding:0}.switch::after{content:"";width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.switch.on{background:var(--pink)}.switch.on::after{left:25px}.danger{color:#b42345;border-color:#ffd0da;background:#fff7f9}

@media (max-width:900px){.hero-grid,.map-layout,.route-shell,.profile-grid{grid-template-columns:1fr}.map-list{grid-template-columns:repeat(5,minmax(150px,1fr));overflow:auto;padding-bottom:4px}.map-choice{min-width:160px}.story-grid,.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.route-side{grid-template-columns:repeat(2,minmax(0,1fr))}.route-side>*{min-width:0}.route-side .full-mobile{grid-column:1/-1}}
@media (max-width:640px){.topbar{height:68px}.brand-mark{width:40px;height:40px}.brand-copy small,.status-pill{display:none}.view{padding-top:14px}.hero{padding:17px}.hero-grid{gap:14px}.mini-map{min-height:295px}.grid-2,.grid-3,.grid-4,.story-grid,.badge-grid{grid-template-columns:1fr}.mode-tabs{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.map-stage,.map-stage svg{min-height:430px}.route-side{grid-template-columns:1fr}.bottom-nav{border-radius:20px 20px 0 0}.nav-item small{font-size:10px}.story-scene{min-height:300px;padding:20px 14px}.story-reader-head{align-items:flex-start}.audio-bar{flex-direction:column;align-items:stretch}.profile-card img{width:120px;height:120px}}

/* v2 home */
.welcome-card{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff4fa,#eef7ff 55%,#effff7)}.welcome-main{display:flex;align-items:center;gap:18px}.welcome-main img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 8px 22px rgba(31,58,100,.12)}.welcome-main h1{margin:3px 0 7px;font-size:clamp(28px,5vw,48px);letter-spacing:-.045em}.welcome-main p{margin:0;color:var(--muted);max-width:650px}.welcome-stars{display:grid;gap:6px;text-align:center;min-width:120px}.welcome-stars strong{font-size:24px}.welcome-stars span{font-size:12px;font-weight:900;color:var(--muted)}.home-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.big-choice{border:1px solid var(--line);border-radius:24px;padding:20px;text-align:left;min-height:185px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);background:#fff}.big-choice .big-emoji{font-size:48px}.big-choice strong{display:block;font-size:22px;margin-bottom:5px}.big-choice small{display:block;color:var(--muted);line-height:1.4}.choice-map{background:linear-gradient(145deg,#eaf4ff,#fff)}.choice-game{background:linear-gradient(145deg,#fff1f7,#fff)}.choice-story{background:linear-gradient(145deg,#fff7df,#fff)}.choice-create{background:linear-gradient(145deg,#effbea,#fff)}.surprise-card{display:flex;align-items:center;gap:13px}.surprise-card>span{font-size:38px}.surprise-card>div{flex:1}.mini-adventure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

/* v2 games */
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:17px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;box-shadow:var(--shadow);min-height:105px}.game-card-icon{width:58px;height:58px;border-radius:18px;background:var(--blue-soft);display:grid;place-items:center;font-size:31px}.game-card strong{display:block;font-size:16px}.game-card small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}.game-play{font-size:13px;color:var(--blue);font-weight:900}.game-top{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.game-top h2{margin:2px 0 3px;font-size:clamp(24px,4vw,34px)}.game-top p{margin:0;color:var(--muted)}.game-score{font-size:18px;font-weight:950}.game-feedback{margin-top:14px;padding:13px;border-radius:14px;background:#f7f9fd;text-align:center;font-weight:800}.memory-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(70px,120px));justify-content:center;gap:12px}.memory-card{aspect-ratio:1;border:0;border-radius:18px;background:linear-gradient(145deg,#2677f2,#7047d8);color:#fff;font-size:34px;box-shadow:0 8px 18px rgba(38,119,242,.2)}.memory-card.open,.memory-card.matched{background:#fff;border:2px solid #cfe1ff;color:var(--ink)}.memory-card.matched{box-shadow:0 0 0 3px #d9f6e6 inset}.puzzle-wrap{max-width:580px;margin:auto}.puzzle-grid{display:grid;grid-template-columns:repeat(var(--puzzle-size),1fr);gap:6px;aspect-ratio:1;max-width:520px;margin:auto;background:#e8edf5;padding:6px;border-radius:20px}.puzzle-piece{border:0;border-radius:8px;background-repeat:no-repeat;min-width:0}.puzzle-piece.selected{outline:5px solid var(--pink);outline-offset:-5px}.hidden-scene{height:430px;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(#cfefff 0 42%,#c7efb8 42% 100%);border:1px solid var(--line)}.hidden-scene::before{content:'☁️      ☁️             ☁️';position:absolute;top:25px;left:7%;right:7%;font-size:40px;letter-spacing:40px;opacity:.8}.hidden-object{position:absolute;border:0;background:transparent;font-size:34px;transform:translate(-50%,-50%);padding:6px;z-index:2}.hidden-object.found{opacity:.18;transform:translate(-50%,-50%) scale(.7)}.hidden-object.wiggle{animation:wiggle .35s ease}.scene-ground{position:absolute;bottom:12px;left:0;right:0;font-size:42px;text-align:center;opacity:.7}@keyframes wiggle{25%{transform:translate(-55%,-50%) rotate(-10deg)}75%{transform:translate(-45%,-50%) rotate(10deg)}}.color-palette{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.color-dot{width:42px;height:42px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px #cfd8e5}.color-dot.active{box-shadow:0 0 0 4px #263d66}.coloring-board{max-width:680px;margin:auto;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.coloring-board svg{display:block;width:100%;height:auto}.coloring-board [data-fill]{cursor:pointer}.learning-panel{text-align:center;min-height:390px;display:grid;align-content:center;gap:24px}.learning-prompt{font-size:clamp(24px,5vw,38px)}.learning-options{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:12px}.animal-option{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.animal-option span{display:block;font-size:52px}.animal-option small{display:block;margin-top:7px;font-weight:900}.animal-option.wrong{background:#fff0f2}.count-things{font-size:40px;line-height:1.45;max-width:700px;margin:auto}.number-options,.letter-options,.shape-options{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.number-option,.letter-option{width:86px;height:86px;border-radius:22px;border:1px solid var(--line);background:#fff;font-size:34px;font-weight:950;box-shadow:0 8px 18px rgba(31,58,100,.08)}.letter-prompt{font-size:32px;display:grid;gap:6px}.letter-prompt small{font-size:14px;color:var(--muted)}.shape-option{width:120px;height:120px;border-radius:22px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.shape{display:block;width:62px;height:62px;background:#5b8cff}.shape.circle{border-radius:50%}.shape.square{border-radius:8px}.shape.rectangle{width:80px;height:50px;border-radius:8px}.shape.triangle{width:0;height:0;background:transparent;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:65px solid #ff7f66}.shape.diamond{transform:rotate(45deg);border-radius:7px;background:#9d6cff}

/* v2 stories/voice */
.voice-note{margin-top:16px;background:linear-gradient(135deg,#fff8e6,#fff)}.voice-note p{margin:6px 0;color:var(--muted);line-height:1.5}.voice-note small{color:var(--muted)}.classic-story{min-height:390px}.story-page-label{display:inline-block;margin-bottom:7px;padding:5px 9px;border-radius:999px;background:#fff;color:var(--pink);font-size:11px;font-weight:900}.narrate-btn{margin-top:16px}.story-tip{display:flex;gap:12px;align-items:center}.story-tip>span{font-size:30px}.voice-setting{align-items:flex-start}.voice-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.voice-controls select{max-width:340px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}

@media (max-width:900px){.home-choices,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-adventure-grid{grid-template-columns:1fr}.learning-options{grid-template-columns:repeat(2,minmax(100px,1fr))}}
@media (max-width:640px){.welcome-card,.welcome-main{align-items:flex-start}.welcome-card{flex-direction:column}.welcome-main img{width:64px;height:64px}.welcome-stars{display:flex;gap:14px;text-align:left}.home-choices{grid-template-columns:1fr 1fr}.big-choice{min-height:155px;padding:16px}.big-choice .big-emoji{font-size:38px}.big-choice strong{font-size:18px}.game-grid{grid-template-columns:1fr}.game-top{grid-template-columns:1fr auto}.game-top>.btn{grid-column:1/-1;justify-self:start}.game-score{grid-column:2}.memory-grid{grid-template-columns:repeat(var(--cols),minmax(58px,1fr));gap:8px}.hidden-scene{height:360px}.learning-options{grid-template-columns:repeat(2,1fr)}.voice-setting{display:grid}.voice-controls{justify-content:flex-start}.voice-controls select{max-width:100%;width:100%}}


/* v3 visual stories + world explorer */
.story-cover{position:relative;height:190px;overflow:hidden;background:#eef4ff}.story-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.story-card:hover .story-cover img{transform:scale(1.04)}.story-cover-play{position:absolute;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);box-shadow:0 7px 20px rgba(23,54,94,.18);color:var(--pink);font-weight:950}.visual-reader{overflow:hidden}.story-reader-actions{display:flex;align-items:center;gap:8px}.mode-toggle{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;color:var(--ink)}.mode-toggle.on{background:#edf8ff;border-color:#9ed4ff;color:#1665bc}.story-progress{height:6px;background:#edf1f7}.story-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),#7b61ff);transition:width .35s ease}.story-visual{position:relative;min-height:420px;overflow:hidden;background:#eef6ff}.story-visual>img{width:100%;height:clamp(360px,48vw,560px);object-fit:cover;display:block;animation:sceneIn .55s ease both}.story-visual.is-narrating>img{animation:gentleMovie 12s ease-in-out infinite alternate}.story-scene-count{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.92);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:950;color:var(--ink)}.story-interaction{position:absolute;right:18px;bottom:18px;width:min(230px,55%);border:0;border-radius:22px;background:rgba(255,255,255,.95);padding:13px 15px;box-shadow:0 14px 34px rgba(31,58,100,.2);display:grid;grid-template-columns:auto 1fr auto;gap:3px 9px;align-items:center;text-align:left;color:var(--ink)}.story-interaction span{font-size:34px;grid-row:1/3}.story-interaction strong{font-size:14px}.story-interaction small{font-size:11px;color:var(--muted)}.story-interaction b{grid-column:3;grid-row:1/3;background:#fff3d8;padding:6px 8px;border-radius:999px;font-size:11px}.story-interaction.done{background:#eafff2}.story-interaction.pop{animation:tapPop .25s ease}.visual-copy{padding:22px 24px}.visual-copy h2{margin:6px 0 8px}.visual-copy p{font-size:17px;line-height:1.65;margin:0;max-width:930px}.story-audio-row{display:flex;gap:12px;align-items:center;margin-top:16px}.world-explorer{text-align:center}.world-globe{font-size:110px;filter:drop-shadow(0 12px 20px rgba(31,58,100,.16));animation:floatGlobe 4s ease-in-out infinite}.world-spots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.world-spot{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;display:grid;gap:4px;place-items:center;box-shadow:0 8px 18px rgba(31,58,100,.07)}.world-spot span{font-size:42px}.world-spot small{color:var(--muted)}.world-spot.seen{background:#effcf3;border-color:#bde9c9}.world-fact{background:linear-gradient(135deg,#eef7ff,#fff8ee);border-radius:18px;padding:18px;display:grid;gap:6px}.world-fact strong{font-size:20px}.world-fact span{color:var(--muted);line-height:1.5}@keyframes sceneIn{from{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes gentleMovie{0%{transform:scale(1.01) translateX(0)}100%{transform:scale(1.055) translateX(-1.5%)}}@keyframes tapPop{50%{transform:scale(1.06)}}@keyframes floatGlobe{50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:700px){.story-reader-actions{align-items:stretch;flex-direction:column}.mode-toggle{padding:8px 12px}.story-visual>img{height:340px}.story-interaction{width:calc(100% - 28px);max-width:none;right:14px;bottom:14px}.visual-copy{padding:18px}.story-audio-row{align-items:stretch;flex-direction:column}.world-spots{grid-template-columns:repeat(2,minmax(0,1fr))}.world-globe{font-size:82px}}


/* v4 Descubre el mundo 2.0 */
.world-v2{overflow:hidden}.world-mode-tabs{display:flex;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line);background:#fbfdff;overflow:auto}.world-mode{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;color:var(--ink)}.world-mode.on{background:#eaf7ff;border-color:#9fd8ff;color:#1263b8}.world-explore-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;padding:18px}.world-map-shell{position:relative;overflow:hidden;border-radius:26px;background:#bcecff;min-height:320px;box-shadow:inset 0 0 0 1px rgba(30,70,110,.08)}.world-map-canvas{height:100%;transform-origin:var(--focus-x,50%) var(--focus-y,50%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.world-map-canvas.focused{transform:scale(1.65)}.world-map-canvas svg{width:100%;height:100%;display:block;min-height:320px}.world-map-pin circle{fill:#fff;stroke:#ff72aa;stroke-width:5;filter:drop-shadow(0 4px 6px rgba(25,55,90,.18))}.world-map-pin text{font-size:28px}.world-map-pin{transition:transform .25s ease}.world-map-pin.active circle{fill:#fff3a8;stroke:#ff9a3c;animation:pinPulse 1s ease-in-out infinite}.world-flight{position:absolute;left:8%;top:12%;font-size:28px;z-index:5;opacity:0;pointer-events:none}.world-flight.fly{animation:worldFly .7s ease-out}.world-route-label{position:absolute;left:14px;bottom:14px;z-index:4;background:rgba(255,255,255,.93);border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px;box-shadow:0 6px 18px rgba(31,58,100,.15)}.world-detail{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;min-height:100%}.world-detail-empty{height:100%;min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;color:var(--muted)}.world-detail-empty span{font-size:54px}.world-detail-empty strong{color:var(--ink);font-size:19px}.world-detail-empty p{max-width:280px;line-height:1.5}.world-media{position:relative;background:#eef8ff}.world-media img{width:100%;height:260px;object-fit:cover;display:block;animation:sceneIn .45s ease}.world-media-badge{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.94);padding:8px 11px;border-radius:999px;font-weight:950;font-size:12px}.world-detail-copy{padding:20px}.world-detail-copy h3{font-size:24px;margin:5px 0 8px}.world-detail-copy p{line-height:1.6;color:var(--muted)}.world-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.world-spots{grid-template-columns:repeat(4,minmax(0,1fr))}.world-spot.target{outline:4px solid #ffd55e;animation:targetGlow 1.1s ease-in-out infinite}.world-spot.wrong,.world-answer.wrong{animation:shake .35s ease;border-color:#ff8d8d;background:#fff1f1}.world-quiz,.world-expedition{padding:18px}.world-quiz-prompt{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#fff7d9,#eef8ff);border-radius:22px;padding:18px;margin-bottom:14px}.world-quiz-prompt>span{font-size:60px}.world-quiz-prompt h3{margin:3px 0 4px}.world-quiz-prompt p{margin:0;color:var(--muted)}.world-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.world-answer{border:1px solid var(--line);background:#fff;border-radius:18px;padding:13px;display:grid;place-items:center;gap:4px}.world-answer span{font-size:34px}.world-answer small{color:var(--muted)}.world-section-intro{display:flex;gap:14px;align-items:center;margin-bottom:16px}.world-section-intro>span{font-size:48px}.world-section-intro h3{margin:0 0 4px}.world-section-intro p{margin:0;color:var(--muted)}.expedition-picker{padding:22px}.expedition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.expedition-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f6fbff);border-radius:22px;padding:22px 14px;display:grid;place-items:center;gap:6px}.expedition-card span{font-size:52px}.expedition-card small{color:var(--muted)}.expedition-progress{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.expedition-progress span{font-size:12px;font-weight:900;color:var(--muted)}.expedition-mission{background:#fff4c7;border:1px solid #ffe07a;border-radius:16px;padding:12px 14px;margin-bottom:14px}.world-finish{text-align:center;padding:54px 20px}.world-finish>span{font-size:84px}.world-finish h3{font-size:26px;margin:8px 0}.world-finish p{color:var(--muted);margin-bottom:18px}@keyframes worldFly{0%{opacity:0;transform:translate(-15px,30px) rotate(-12deg)}25%{opacity:1}100%{opacity:0;transform:translate(250px,70px) rotate(10deg)}}@keyframes pinPulse{50%{stroke-width:10}}@keyframes targetGlow{50%{outline-color:#ff9d4d;transform:translateY(-3px)}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:900px){.world-explore-layout{grid-template-columns:1fr}.world-detail{min-height:auto}.world-detail-empty{min-height:180px}.world-spots{grid-template-columns:repeat(2,minmax(0,1fr))}.expedition-grid{grid-template-columns:1fr}.world-answer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.world-explore-layout,.world-quiz,.world-expedition{padding:12px}.world-map-shell,.world-map-canvas svg{min-height:250px}.world-media img{height:220px}.world-answer-grid{grid-template-columns:1fr}.world-quiz-prompt>span{font-size:48px}.world-mode-tabs{padding:12px}.expedition-progress{align-items:flex-start;flex-direction:column}}


/* v5 creative games + bilingual controls */
.game-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.game-category{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f8fbff);border-radius:22px;padding:18px 12px;display:grid;gap:5px;place-items:center;text-align:center;color:var(--ink)}.game-category>span{font-size:40px}.game-category strong{font-size:16px}.game-category small{color:var(--muted);font-size:11px}.game-section{scroll-margin-top:82px;margin:18px 0 26px}.game-section.collapsed{display:none}.game-section-title{display:flex;gap:10px;align-items:center;margin:8px 0 12px}.game-section-title>span{font-size:32px}.game-section-title strong{display:block;font-size:20px}.game-section-title small{color:var(--muted)}
.creative-game{padding:18px;overflow:hidden}.dish-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.dish-tab{min-width:105px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:10px;display:grid;place-items:center;font-size:32px}.dish-tab small{font-size:10px;color:var(--muted);font-weight:900}.dish-tab.on{background:#fff2f8;border-color:#ff9fc5}.kitchen-scene{display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,.8fr);gap:16px;margin:12px 0}.kitchen-counter{min-height:360px;border-radius:24px;background:linear-gradient(#fff5e6 0 58%,#e8c59b 58%);display:grid;place-items:center;align-content:center;gap:10px;position:relative}.plate{width:min(78%,360px);aspect-ratio:1;border-radius:50%;background:#fff;border:12px solid #eaf0f5;box-shadow:0 14px 28px rgba(41,54,79,.15);position:relative;display:grid;place-items:center}.dish-base{font-size:120px;filter:drop-shadow(0 8px 7px rgba(0,0,0,.12))}.placed-food{position:absolute;left:var(--x);top:var(--y);font-size:36px;border:0;background:transparent;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.16))}.kitchen-message{font-weight:950;background:#fff9;border-radius:999px;padding:8px 14px}.ingredient-tray,.object-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}.ingredient{border:1px solid var(--line);background:#fff;border-radius:17px;padding:12px 8px;display:grid;place-items:center;gap:3px}.ingredient span{font-size:34px}.ingredient small{font-weight:850;color:var(--muted)}.creative-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}.center{text-align:center}.room-tools{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.room-tools>div{display:flex;align-items:center;gap:7px}.swatch{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.swatch.on{box-shadow:0 0 0 3px #ff77ad}.room-scene{height:400px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(var(--wall) 0 72%,var(--floor) 72%);border:1px solid var(--line);margin-bottom:12px}.room-scene:after{content:'';position:absolute;left:0;right:0;top:72%;height:6px;background:#fff8}.window{position:absolute;right:8%;top:10%;font-size:62px;background:#bfeaff;border:8px solid #fff;border-radius:10px;padding:8px}.room-item{position:absolute;font-size:58px;border:0;background:transparent;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 6px 6px rgba(0,0,0,.12))}.object-tray{grid-template-columns:repeat(6,minmax(80px,1fr));overflow:auto;padding-bottom:8px}.maze-wrap{padding:18px;background:linear-gradient(145deg,#21194a,#402b78)}.maze-hud{display:flex;justify-content:space-between;color:#fff;font-weight:900;margin-bottom:12px}.maze-grid{display:grid;grid-template-columns:repeat(var(--mw),1fr);gap:3px;background:#160f35;padding:7px;border-radius:20px;max-width:660px;margin:auto}.maze-cell{aspect-ratio:1;display:grid;place-items:center;font-size:clamp(12px,3vw,24px);border-radius:5px;background:#24164e}.maze-cell.wall{background:#936ce8;box-shadow:inset 0 0 0 2px #c7b4ff}.maze-cell.star{font-size:clamp(8px,2vw,15px)}.maze-controls{display:grid;place-items:center;gap:5px;margin-top:14px}.maze-controls button{width:62px;height:52px;border:0;border-radius:16px;background:#fff;color:#37236a;font-size:24px;font-weight:950;margin:3px;box-shadow:0 5px 0 #c9b9ef}.maze-controls button:active{transform:translateY(3px);box-shadow:0 2px 0 #c9b9ef}
@media(max-width:850px){.game-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kitchen-scene{grid-template-columns:1fr}.object-tray{grid-template-columns:repeat(4,minmax(74px,1fr))}.room-scene{height:330px}}
@media(max-width:560px){.game-category-grid{grid-template-columns:1fr 1fr}.game-category{padding:13px 8px}.game-category>span{font-size:34px}.creative-game{padding:12px}.dish-base{font-size:92px}.kitchen-counter{min-height:300px}.ingredient-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.ingredient span{font-size:29px}.room-item{font-size:48px}.object-tray{grid-template-columns:repeat(3,minmax(76px,1fr))}.creative-actions{flex-direction:column}}

/* ===== v6 game system ===== */
.level-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin:-2px 0 14px}.level-arrow,.level-pill{border:1px solid #dfe6f4;background:#fff;border-radius:18px;min-height:48px;font-weight:900;color:#1d3561}.level-arrow{width:52px;font-size:22px}.level-arrow:disabled{opacity:.35}.level-pill{padding:0 22px}.level-picker-overlay{position:fixed;inset:0;background:#17203b99;z-index:500;display:grid;place-items:center;padding:20px}.level-picker{background:#fff;border-radius:28px;padding:20px;max-width:430px;width:100%;box-shadow:0 22px 80px #16204b44}.level-picker-head{display:flex;justify-content:space-between;align-items:center;font-size:20px}.level-picker-head button{border:0;background:#f1f4fa;border-radius:50%;width:42px;height:42px}.level-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.level-picker-grid button{min-height:90px;border:1px solid #e2e7f3;background:#f8faff;border-radius:20px;font-weight:900;font-size:20px;display:grid;place-items:center}.level-picker-grid small{font-size:13px}.game-stage-card{overflow:hidden}.mini-scene-title{text-align:center;font-weight:900;margin-bottom:14px}.next-level-slot{text-align:center;margin-top:16px}.memory-modern{max-width:650px;margin:auto}.memory-modern .memory-card{position:relative;overflow:hidden;min-height:82px}.memory-modern .memory-face,.memory-modern .memory-back{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;transition:.25s}.memory-modern .memory-face{transform:rotateY(180deg);opacity:0}.memory-modern .open .memory-face,.memory-modern .matched .memory-face{transform:none;opacity:1}.memory-modern .open .memory-back,.memory-modern .matched .memory-back{opacity:0}.puzzle-preview{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:14px}.puzzle-preview img{width:72px;height:72px;border-radius:16px;object-fit:cover;background:#eef3fb}.puzzle-preview div{display:grid}.puzzle-modern{max-width:560px;margin:auto;box-shadow:0 12px 35px #17264d1c;border-radius:18px;overflow:hidden}.hidden-mission{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;background:#fff7fb;border:1px solid #ffdce9;padding:12px 16px;border-radius:18px}.hidden-mission div{display:grid}.hidden-mission small{font-weight:900;color:#f33b86;font-size:11px}.hidden-mission strong{font-size:20px}.hidden-scene{border-radius:24px;min-height:390px;position:relative;overflow:hidden}.hidden-object{transform:rotate(var(--r));font-size:36px}.hidden-garden{background:linear-gradient(#aee4ff 0 42%,#a8df85 42%)}.hidden-beach{background:linear-gradient(#8edcff 0 48%,#6fc9eb 48% 63%,#f4d58f 63%)}.hidden-room{background:linear-gradient(#fae9f4 0 70%,#d7b18a 70%)}.hidden-farm{background:linear-gradient(#bfe9ff 0 45%,#9bd071 45%)}.hidden-ocean{background:linear-gradient(#75d7ed,#236fa8)}.hidden-space{background:radial-gradient(circle at 20% 20%,#35448f,#11162f 65%)}

/* kitchen */
.kitchen-game{overflow:hidden;padding:0}.kitchen-top{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;background:#fff}.recipe-tabs,.mode-tabs{display:flex;gap:8px;flex-wrap:wrap}.recipe-tabs button,.mode-tabs button{border:1px solid #e3e7f1;background:#f8faff;border-radius:16px;padding:9px 12px;font-weight:800}.recipe-tabs button span{font-size:20px;margin-right:5px}.recipe-tabs button.on,.mode-tabs button.on{background:#fff0f6;border-color:#ff9ac2;color:#bd2866}.kitchen-scene{height:390px;position:relative;background:linear-gradient(#eaf8ff 0 56%,#f7e4ca 56%);overflow:hidden}.kitchen-window{position:absolute;left:8%;top:8%;width:150px;height:100px;border:10px solid #fff;background:#bfeaff;border-radius:18px;display:flex;justify-content:space-around;align-items:center;font-size:30px;box-shadow:0 6px 15px #42658c18}.kitchen-shelf{position:absolute;right:6%;top:13%;background:#fff;border-radius:12px;padding:12px 18px;font-size:25px;box-shadow:0 7px 20px #2221}.kitchen-counter{position:absolute;left:0;right:0;bottom:0;height:108px;background:linear-gradient(#f4c58f,#dca56c);border-top:10px solid #fff4df}.kitchen-board{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(64%,520px);height:250px;border-radius:50%;background:#fff;box-shadow:0 14px 30px #1f31552b;z-index:2;touch-action:none}.plate-shadow{position:absolute;inset:13%;border:12px solid #e8edf6;border-radius:50%}.food-base{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:125px;filter:drop-shadow(0 8px 8px #0002)}.placed-food{position:absolute;border:0;background:transparent;font-size:48px;z-index:5;cursor:grab;touch-action:none;filter:drop-shadow(0 4px 3px #0002)}.kitchen-hint{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);font-size:11px;color:#5e6e89;white-space:nowrap}.mini-oven{position:absolute;right:3%;bottom:31px;width:94px;height:83px;background:#5d6580;color:white;border:6px solid #fff;border-radius:16px;z-index:3;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 16px #24314a33}.mini-oven small{font-size:10px}.mini-oven.cooking{animation:ovenPulse .35s infinite alternate}.mini-oven.done{background:#56b987}.ingredient-tray{display:flex;gap:10px;overflow-x:auto;padding:15px 18px;background:#fff;scrollbar-width:thin}.ingredient-card{flex:0 0 90px;border:1px solid #e1e6f1;background:#fafbff;border-radius:18px;padding:10px 6px;display:grid;place-items:center;gap:4px;min-height:82px}.ingredient-card span{font-size:34px}.ingredient-card small{font-weight:800}.recipe-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;background:#fff7fb;border-top:1px solid #ffe0ed}.creative-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:14px 18px;background:white}.kitchen-message{text-align:center;min-height:34px;padding:0 15px 14px;font-weight:800;background:#fff}.cooking-dots{letter-spacing:6px;animation:dots 1s infinite}.center{text-align:center}@keyframes ovenPulse{to{transform:scale(1.04)}}@keyframes dots{50%{opacity:.3}}

/* house */
.house-game{overflow:hidden;padding:0}.room-tabs{display:flex;gap:8px;padding:14px;background:#fff;overflow-x:auto}.room-tabs button{flex:1;min-width:100px;border:1px solid #e2e7f2;background:#f8faff;border-radius:16px;padding:10px;font-weight:800}.room-tabs button.on{background:#fff0f7;border-color:#ff9ac2}.room-tabs span{display:block;font-size:24px}.dollhouse{padding:14px;background:#eef3fb}.room-wall{height:420px;max-width:850px;margin:auto;position:relative;background:linear-gradient(var(--wall) 0 69%,var(--floor) 69%);border:10px solid #fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 35px #1e2d4a20}.room-ceiling{position:absolute;left:0;right:0;top:0;height:18px;background:#fff9}.room-window{position:absolute;left:7%;top:13%;width:145px;height:110px;border:10px solid white;background:#bce9ff;border-radius:8px;display:grid;place-items:center;font-size:35px;box-shadow:0 4px 10px #0001}.room-window i{position:absolute;left:50%;top:0;bottom:0;width:7px;background:white}.room-door{position:absolute;right:7%;top:24%;font-size:105px}.room-floor-grid{position:absolute;left:-20%;right:-20%;bottom:-32%;height:62%;background:repeating-linear-gradient(90deg,#fff3 0 2px,transparent 2px 95px),repeating-linear-gradient(0deg,#fff3 0 2px,transparent 2px 70px);transform:perspective(350px) rotateX(58deg)}.room-canvas{position:absolute;inset:0;z-index:3;touch-action:none}.placed-room-object{position:absolute;border:0;background:transparent;filter:drop-shadow(0 7px 6px #0002);cursor:grab;touch-action:none}.placed-room-object.selected{outline:3px dashed #f33b86;outline-offset:5px;border-radius:15px}.designer-panel{background:#fff}.designer-row{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;flex-wrap:wrap}.palette-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.palette-group strong{margin-right:4px}.object-cats{display:flex;gap:7px;padding:8px 16px;overflow-x:auto}.object-cats button{white-space:nowrap;border:1px solid #e1e6f0;background:#f8faff;border-radius:15px;padding:9px 12px;font-weight:800}.object-cats button.on{background:#ede9ff;border-color:#aa8cff}.house-tray{display:flex;gap:9px;overflow-x:auto;padding:12px 16px}.house-object-card{flex:0 0 88px;border:1px solid #e2e7f1;background:#fff;border-radius:17px;min-height:78px;display:grid;place-items:center}.house-object-card span{font-size:34px}.object-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:13px 16px;border-top:1px solid #eef1f6}

/* smooth arcade */
.arcade-card{padding:0 0 18px;overflow:hidden;background:#151a3e;color:#fff;border:0}.arcade-hud{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#202657}.arcade-hud>div{display:flex;gap:8px;align-items:center}.arcade-hud strong{font-size:23px}.arcade-hud small{font-size:9px;letter-spacing:1px}.canvas-wrap{position:relative;max-width:900px;margin:auto}.canvas-wrap canvas{display:block;width:100%;height:auto;background:#111538;touch-action:none}.arcade-message{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:#ffffffde;color:#23345e;border-radius:20px;padding:7px 14px;font-weight:900;pointer-events:none}.arcade-controls{display:grid;place-items:center;gap:5px;padding-top:12px}.arcade-controls>button,.arcade-controls div button{width:62px;height:55px;border:0;border-radius:18px;background:#fff;color:#4b3aae;font-size:22px;font-weight:900;box-shadow:0 5px 0 #a99cea}.arcade-controls div{display:flex;gap:6px}.arcade-controls button:active{transform:translateY(3px);box-shadow:0 2px 0 #a99cea}

@media(max-width:700px){.kitchen-scene{height:330px}.kitchen-board{width:72%;height:205px}.food-base{font-size:95px}.mini-oven{width:74px;height:70px}.kitchen-window{width:110px;height:78px}.kitchen-shelf{display:none}.room-wall{height:360px}.room-window{width:105px;height:80px}.room-door{font-size:80px}.designer-row{display:grid}.level-picker-grid{grid-template-columns:repeat(3,1fr)}}

/* ===== v7.0.0: juegos visuales avanzados ===== */
.kitchen-pro{padding:0;overflow:hidden;background:#f6f3ef}.chef-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:#fff;border-bottom:1px solid #ece7e2}.recipe-tabs.pro-tabs{display:flex;gap:8px;flex-wrap:wrap}.recipe-tabs.pro-tabs button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;border:1px solid #ded9d4;background:#faf9f7;border-radius:16px;padding:9px 12px;font-size:21px}.recipe-tabs.pro-tabs button small{font-size:11px;font-weight:800;color:#4a4f5d}.recipe-tabs.pro-tabs button.on{background:#fff0f6;border-color:#ef9bbe}.kitchen-pro-scene{background:linear-gradient(#dceff3 0 44%,#c69b6f 44%);position:relative;padding-top:72px}.kitchen-back{position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(#e7f4f7,#d9e9eb);border-bottom:5px solid #f2f2ee}.pro-window{position:absolute;left:7%;top:20px;width:135px;height:84px;border:10px solid #fff;background:linear-gradient(#abdff4 0 58%,#86bf72 58%);border-radius:12px;box-shadow:0 7px 18px #405a6820}.pro-window:before,.pro-window:after{content:"";position:absolute;background:#fff}.pro-window:before{width:7px;top:0;bottom:0;left:50%}.pro-window:after{height:7px;left:0;right:0;top:50%}.pro-cabinets{position:absolute;right:7%;top:18px;width:230px;height:72px;background:linear-gradient(90deg,#e9ddd1 0 48%,#f4ece6 48%);border:7px solid #fff;border-radius:10px;box-shadow:0 5px 14px #0001}.pro-sink{position:absolute;right:14%;top:105px;font-size:33px;color:#7e8d91}.worktop{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;max-width:980px;margin:auto;padding:20px 18px 22px}.prep-zone,.assemble-zone{background:#fffaf4;border-radius:24px;padding:14px;box-shadow:0 14px 30px #4b332326;min-width:0}.zone-title{font-weight:900;color:#4b3b35;margin-bottom:8px}.cutting-board{height:210px;position:relative;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#dfb77d,#c99055);border:5px solid #f4d6ad;overflow:hidden}.cutting-board:before{content:"";position:absolute;inset:12px;border:2px dashed #b47c43;border-radius:17px;opacity:.65}.prep-food{width:min(220px,72%);position:relative;z-index:2;transition:.25s}.prep-food svg{width:100%;height:auto;display:block}.prep-food.is-cutting{animation:prepBounce .22s ease-in-out 2}.knife{position:absolute;right:14%;top:18%;font-size:43px;transform:rotate(-28deg);z-index:3;filter:drop-shadow(0 5px 4px #0002)}.knife.slice{animation:sliceKnife .32s ease-in-out 2}.prep-name{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 2px}.prep-name span{font-size:11px;color:#697080}.prep-actions{display:flex;gap:8px;flex-wrap:wrap}.plate-pro{height:310px;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 48%,#fff 0 39%,#e6e9ee 40% 47%,#fafbfd 48% 64%,#dfdfe1 65% 66%,#d2b28d 67%);touch-action:none}.dish-base{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);z-index:1}.sandwich-base{width:210px;height:120px}.bread-back,.bread-front{position:absolute;left:23px;width:164px;height:92px;border-radius:48% 48% 24% 24%;background:#f5d79e;border:9px solid #dcae6c}.bread-back{top:10px;transform:rotate(-5deg);opacity:.92}.bread-front{top:24px;transform:rotate(7deg)}.pizza-base{width:235px;height:235px;border-radius:50%;background:radial-gradient(circle,#e8524e 0 60%,#efc16f 61% 72%,#bd874b 73%);box-shadow:inset 0 0 0 8px #f2d18e}.bowl-base{width:210px;height:115px;border-radius:0 0 105px 105px;background:linear-gradient(#e9f2ff,#b7d3f3);border:5px solid #9eb8d4;top:57%}.dessert-base{width:165px;height:145px;border-radius:50% 50% 42% 42%;background:linear-gradient(#f7c8df,#e887bb);box-shadow:inset 0 0 0 8px #fff7}.food-piece{position:absolute;width:112px;height:84px;border:0;background:transparent;z-index:5;transform:translate(-50%,-50%) rotate(var(--rot)) scale(var(--scale));transform-origin:center;cursor:grab;touch-action:none;filter:drop-shadow(0 6px 6px #0002)}.food-piece svg{width:100%;height:100%}.plate-shine{position:absolute;width:45%;height:22%;border-radius:50%;background:#fff5;left:20%;top:15%;transform:rotate(-14deg);pointer-events:none}.dish-status{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:8px;font-size:12px}.ingredient-shelf{display:flex;gap:10px;overflow-x:auto;padding:14px 16px;background:#fff}.real-ingredient{flex:0 0 104px;min-height:112px;border:1px solid #e0ddd9;background:#faf9f7;border-radius:18px;padding:8px;display:grid;grid-template-rows:70px auto;align-items:center;position:relative}.real-ingredient.on{border:2px solid #e86c9e;background:#fff0f6}.real-ingredient span{display:grid;place-items:center;height:70px}.real-ingredient svg{width:92px;max-height:68px}.real-ingredient small{font-weight:800}.real-ingredient i{position:absolute;right:7px;top:7px;font-style:normal;color:#2e9d5b}.chef-footer{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:12px 16px;background:#fff;border-top:1px solid #eee}.kitchen-pro-msg{text-align:center;min-height:36px;padding:0 15px 14px;background:#fff;font-weight:800}.chef-progress{display:inline-block;width:18px;height:18px;border:3px solid #ddd;border-top-color:#d94e8d;border-radius:50%;margin-right:8px;vertical-align:middle;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sliceKnife{50%{transform:translate(-65px,45px) rotate(-58deg)}}@keyframes prepBounce{50%{transform:scale(.92)}}

.house-pro{padding:0;overflow:hidden;background:#eef1f4}.pro-room-tabs{background:#fff}.dollhouse-pro{padding:16px}.room-stage{height:500px;max-width:940px;margin:auto;position:relative;background:linear-gradient(var(--wall) 0 70%,var(--floor) 70%);border:10px solid #fff;border-radius:26px;overflow:hidden;box-shadow:0 18px 38px #34404f22}.wall-panel{position:absolute;inset:0 0 30%;background:linear-gradient(90deg,#fff1 1px,transparent 1px),linear-gradient(#fff1 1px,transparent 1px);background-size:80px 80px}.modern-window{position:absolute;left:7%;top:11%;width:180px;height:135px;background:#bde7f4;border:12px solid #fff;border-radius:12px;overflow:hidden;box-shadow:0 7px 18px #0001}.modern-window .sky{position:absolute;inset:0;background:linear-gradient(#a8dbf5 0 62%,#7cc26b 62%)}.modern-window:before,.modern-window:after{content:"";position:absolute;background:#fff;z-index:2}.modern-window:before{left:50%;top:0;bottom:0;width:8px}.modern-window:after{top:50%;left:0;right:0;height:8px}.curtain{position:absolute;top:0;bottom:0;width:34px;background:#e7b8c9;z-index:3}.curtain.left{left:0}.curtain.right{right:0}.baseboard{position:absolute;left:0;right:0;top:69%;height:13px;background:#f6f3ed;box-shadow:0 2px 4px #0001}.floor-perspective{position:absolute;left:-8%;right:-8%;bottom:-15%;height:45%;background:repeating-linear-gradient(90deg,#fff2 0 2px,transparent 2px 90px),repeating-linear-gradient(0deg,#fff2 0 2px,transparent 2px 64px);transform:perspective(450px) rotateX(57deg);transform-origin:top}.room-canvas-pro{position:absolute;inset:0;z-index:4;touch-action:none}.placed-pro-object{position:absolute;border:0;background:transparent;transform:translate(-50%,-50%) rotate(var(--rot)) scale(var(--scale));transform-origin:center bottom;cursor:grab;touch-action:none;filter:drop-shadow(0 7px 7px #0002);min-width:72px}.placed-pro-object svg{display:block;width:88px;height:auto;max-height:160px}.placed-pro-object .house-emoji-object{font-size:70px;line-height:1}.placed-pro-object.selected{outline:3px dashed #e45291;outline-offset:6px;border-radius:16px}.object-name{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:10px;font-weight:900;background:#fffddf;padding:2px 6px;border-radius:8px;white-space:nowrap;opacity:0;transition:.15s}.placed-pro-object.selected .object-name{opacity:1}.placed-pro-object.is-acting .character-body{animation:personWave .7s ease-in-out infinite alternate;transform-origin:50% 80%}.placed-pro-object.is-acting .pet-body{animation:petHop .55s ease-in-out infinite alternate;transform-origin:50% 90%}.designer-pro{background:#fff}.style-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px}.pro-cats{padding:8px 16px}.house-pro-tray{display:flex;gap:10px;overflow-x:auto;padding:12px 16px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.pro-object-card{flex:0 0 108px;min-height:126px;border:1px solid #e1e4e8;background:#fafbfc;border-radius:18px;padding:7px;display:grid;grid-template-rows:92px auto;place-items:center}.pro-object-card span{display:grid;place-items:center;width:100%;height:92px}.pro-object-card svg{height:88px;max-width:88px}.pro-object-card .house-emoji-object{font-size:56px}.pro-object-card small{font-weight:800}.pro-actions{padding:12px 16px}.house-tip{text-align:center;font-size:11px;color:#6c7280;padding:0 16px 13px}@keyframes personWave{to{transform:rotate(4deg) translateY(-3px)}}@keyframes petHop{to{transform:translateY(-8px) rotate(2deg)}}

.arcade-pro{padding:0 0 18px;overflow:hidden;background:#0b0f2a;color:#fff;border:0}.pro-hud{background:linear-gradient(90deg,#1a2050,#242a64);padding:12px 18px}.pro-hud>div{display:grid;gap:2px}.pro-hud small{font-size:9px;letter-spacing:1.3px;color:#b9c0ea}.pro-hud strong{font-size:21px}.pro-canvas{max-width:900px;background:#080b22}.pro-canvas canvas{display:block;width:100%;height:auto;touch-action:none}.pro-controls{padding:14px 0 6px}.pro-controls>button,.pro-controls div button{width:68px;height:60px;border-radius:20px;background:linear-gradient(#ffffff,#e8e9ff);color:#3e3696;box-shadow:0 6px 0 #7c73c2;font-size:23px}.pro-controls button:active{transform:translateY(4px);box-shadow:0 2px 0 #7c73c2}

@media(max-width:760px){.chef-toolbar{align-items:flex-start;flex-direction:column}.worktop{grid-template-columns:1fr;padding-top:14px}.kitchen-pro-scene{padding-top:118px}.kitchen-back{height:185px}.pro-window{width:108px;height:70px}.pro-cabinets{width:150px}.plate-pro{height:265px}.room-stage{height:450px}.modern-window{width:130px;height:100px}.placed-pro-object svg{width:72px;max-height:132px}.pro-object-card{flex-basis:94px}.pro-object-card svg{height:78px}.dish-status{font-size:11px}}@media(max-width:420px){.recipe-tabs.pro-tabs button small{display:none}.recipe-tabs.pro-tabs button{grid-template-columns:1fr;min-width:48px}.kitchen-pro-scene{padding-top:104px}.cutting-board{height:180px}.plate-pro{height:235px}.room-stage{height:410px}.placed-pro-object svg{width:64px}.pro-controls>button,.pro-controls div button{width:62px;height:56px}}


/* ===== v8.0.0 phase 1 ===== */
.cook-overlay{position:fixed;inset:0;z-index:9999;background:#172033cc;display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}.cook-stage{width:min(620px,94vw);background:#fff;border-radius:28px;padding:24px;text-align:center;box-shadow:0 28px 70px #0006}.cook-title{font-size:22px;font-weight:950;margin-bottom:16px}.oven-box{height:300px;border-radius:26px;background:linear-gradient(#4b4f58,#22262d);padding:26px;position:relative;overflow:hidden}.oven-window{height:100%;border-radius:18px;background:radial-gradient(circle at 50% 50%,#fff7d0,#f49b4f 60%,#65322a);position:relative;overflow:hidden;display:grid;place-items:center}.oven-box.cooking .oven-window{animation:ovenPulse .65s ease-in-out infinite alternate}.oven-box.ready .oven-window{background:radial-gradient(circle,#fffbe9,#ffd27d 62%,#b45b3c)}.oven-glow{position:absolute;inset:20px;border-radius:20px;box-shadow:inset 0 0 40px #ff9d42;pointer-events:none}.cooked-dish{position:relative;width:240px;height:180px}.pizza-final{border-radius:50%;background:radial-gradient(circle,#e95949 0 60%,#efbf71 61% 75%,#b87b43 76%)}.bowl-final{border-radius:0 0 110px 110px;background:linear-gradient(#eef6ff,#a8c9ee)}.dessert-final{border-radius:50% 50% 38% 38%;background:#e892bd}.sandwich-final .top-bread{position:absolute;left:28px;right:28px;top:38px;height:95px;border-radius:50% 50% 24% 24%;background:#f3d18d;border:10px solid #d6a65f;z-index:7}.result-food{position:absolute;left:var(--x);top:var(--y);width:92px;height:68px;transform:translate(-50%,-50%) rotate(var(--r));z-index:5}.result-food svg{width:100%;height:100%}.cook-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 8px}.cook-steps span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7e9ee;font-weight:900}.cook-steps span.on{background:#e95f99;color:#fff}.cook-steps i{width:54px;height:4px;background:#e7e9ee;border-radius:4px}.cook-status{font-weight:800}@keyframes ovenPulse{to{filter:saturate(1.25) brightness(1.12);transform:scale(1.02)}}
.scene-built{position:absolute;inset:0;z-index:1;pointer-events:none}.room-garden{background:linear-gradient(#9edcf4 0 57%,#72b75b 57%)!important}.room-garden .wall-panel{display:none}.kitchen-built .k-cabinets{position:absolute;left:5%;right:5%;top:10%;height:22%;background:repeating-linear-gradient(90deg,#f4eee5 0 16%,#ddd3c6 16% 17%);border-radius:16px;box-shadow:0 10px 20px #0001}.k-fridge{position:absolute;right:8%;top:18%;width:15%;height:48%;background:linear-gradient(#edf2f5,#cbd3d9);border-radius:12px}.k-counter{position:absolute;left:7%;right:27%;top:50%;height:10%;background:#b98a65;border-top:12px solid #ece7df}.k-stove{position:absolute;left:18%;top:46%;font-size:30px;letter-spacing:8px}.living-built .tv-wall{position:absolute;right:10%;top:18%;width:28%;height:22%;background:#202733;color:#aee6ff;border:10px solid #4d5965;border-radius:10px;display:grid;place-items:center;font-weight:900}.living-shelf{position:absolute;right:8%;top:44%;width:32%;height:8%;background:#9b6c4f;border-radius:5px}.living-art{position:absolute;left:40%;top:14%;font-size:54px;color:#d98db6}.garden-fence{position:absolute;left:0;right:0;bottom:18%;height:18%;background:repeating-linear-gradient(90deg,#efe4c7 0 34px,#d8c49b 34px 42px);opacity:.9}.garden-tree{position:absolute;right:8%;bottom:22%;width:110px;height:185px;background:#8c5f3d;border-radius:40px 40px 10px 10px}.garden-tree:before{content:"";position:absolute;width:170px;height:130px;border-radius:50%;background:#4f9c51;left:-30px;top:-60px;box-shadow:-50px 20px 0 #62ad58,50px 12px 0 #5aa755}.garden-path{position:absolute;left:30%;bottom:-10%;width:38%;height:48%;background:#d9c7a8;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.sun{position:absolute;left:7%;top:8%;width:58px;height:58px;border-radius:50%;background:#ffd65c}.cloud{position:absolute;width:100px;height:30px;border-radius:30px;background:#fff9;top:12%}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:45px;height:45px;left:17px;top:-18px}.cloud:after{width:56px;height:56px;right:12px;top:-25px}.cloud.c1{left:28%}.cloud.c2{left:55%;top:22%;transform:scale(.7)}.bedroom-art{position:absolute;right:16%;top:12%;font-size:70px;color:#c68ab0}.closet{position:absolute;right:7%;top:25%;width:22%;height:44%;background:linear-gradient(90deg,#ddd0c0 49%,#c7b39c 50%);border:7px solid #f7f1e9}.nightstand{position:absolute;left:42%;bottom:24%;width:12%;height:14%;background:#b98963;border-radius:8px}
.house-emoji-object{filter:drop-shadow(0 5px 4px #0002)}.maze-world-strip{display:flex;gap:6px;overflow-x:auto;padding:12px 14px 2px;justify-content:flex-start}.maze-world-strip button{flex:0 0 40px;height:40px;border-radius:12px;border:1px solid #ffffff30;background:#ffffff12;color:#fff;font-weight:900}.maze-world-strip button.on{background:#fff;color:#332a83}.maze-world-strip button:disabled{opacity:.25}.arcade-message .btn{margin-left:10px}
.space-explorer{display:grid;gap:16px}.space-scene{min-height:420px;border-radius:26px;background:radial-gradient(circle at 50% 40%,#26366c,#090d20 60%,#03040b);position:relative;overflow:hidden;padding:24px}.space-stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1.2px,transparent 1.2px);background-size:34px 34px;opacity:.48}.solar-track{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:14px;align-items:center;min-height:330px}.planet{border:0;background:transparent;color:#fff;display:grid;place-items:center;gap:8px;min-height:120px}.planet span{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--planet);box-shadow:inset -12px -10px 18px #0003,0 0 24px color-mix(in srgb,var(--planet),transparent 45%);font-size:34px;transition:.2s}.planet small{font-weight:900}.planet.active span{transform:scale(1.18);outline:4px solid #fff}.space-rocket{position:absolute;left:5%;bottom:8%;font-size:48px;z-index:4}.space-rocket.flying{animation:rocketFly .7s ease-in-out}.space-panel{min-height:170px}.space-card{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;background:#fff;border-radius:22px;padding:18px}.planet-hero{width:110px;height:110px;border-radius:50%;background:var(--planet);display:grid;place-items:center;font-size:52px;box-shadow:inset -18px -12px 24px #0002}.space-quiz{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@keyframes rocketFly{50%{transform:translate(420px,-230px) rotate(-22deg) scale(.8)}}
@media(max-width:700px){.solar-track{grid-template-columns:repeat(3,1fr)}.space-card{grid-template-columns:1fr;text-align:center}.planet-hero{margin:auto}.cook-stage{padding:16px}.oven-box{height:240px}.cooked-dish{transform:scale(.8)}}

/* v9 — navegación más madura + cuentos ilustrados */
.map-stage-v2{background:#e8edf3;border:1px solid #cfd7e2;box-shadow:0 14px 34px rgba(32,50,76,.12);overflow:hidden}
.map-stage-v2 svg{background:#e9eef4}
.map-nav-hud{position:absolute;left:16px;top:16px;z-index:7;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.94);border:1px solid rgba(173,186,204,.85);border-radius:16px;padding:10px 13px;box-shadow:0 8px 24px rgba(30,48,74,.14);backdrop-filter:blur(10px)}
.map-nav-hud strong{display:block;font-size:12px;letter-spacing:.01em;color:#26364d}.map-nav-hud small{display:block;font-size:10px;color:#6c7b90;margin-top:2px}.map-nav-dot{width:10px;height:10px;border-radius:50%;background:#2f80ed;box-shadow:0 0 0 5px rgba(47,128,237,.12)}
.map-stage-v2 .map-caption{background:rgba(255,255,255,.95);border:1px solid #d4dce7;box-shadow:0 8px 22px rgba(32,50,76,.12)}
.map-stage-v2 .map-caption strong{font-size:15px}.map-stage-v2 .map-caption span{font-size:11px}
.map-choice-v2{grid-template-columns:auto 1fr auto!important;align-items:center;text-align:left;background:linear-gradient(145deg,#fff,#f6f8fb)!important;border-color:#d9e0e9!important}
.map-choice-v2 .map-choice-marker{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9f2ff;color:#2f80ed;font-size:12px;box-shadow:inset 0 0 0 6px #fff;border:2px solid #9fc5fb}
.map-choice-v2 b{font-size:18px;color:#9aa8b9}.map-choice-v2.is-active{border-color:#69a7f4!important;background:linear-gradient(145deg,#f4f9ff,#eaf3ff)!important}.map-choice-v2.is-active .map-choice-marker{background:#2f80ed;color:#fff;border-color:#2f80ed;box-shadow:none}
.story-cover{height:220px;background:#dfe9f3}.story-cover:after,.story-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,25,43,0) 68%,rgba(9,25,43,.12));}
.story-cover img,.story-visual>img{filter:saturate(.98) contrast(1.02)}
.story-cover-play{width:42px;height:42px;background:rgba(255,255,255,.92);color:#34506f}
.visual-reader{border-color:#d8e0ea;box-shadow:0 18px 50px rgba(32,50,76,.1)}
.story-visual{background:#dfe8f1}.story-scene-count{z-index:3;background:rgba(28,44,63,.82);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.story-interaction{z-index:3}
@media(max-width:640px){.map-nav-hud{left:10px;top:10px;padding:8px 10px}.map-nav-hud small{display:none}.story-cover{height:200px}}


/* v10 · Mochila, progreso compartido y recompensas */
.home-progress-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.backpack-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 28px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,239,255,.98));overflow:hidden;position:relative}
.backpack-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-70px;top:-100px;background:radial-gradient(circle,rgba(132,90,230,.18),transparent 70%)}
.backpack-rank{position:relative;z-index:1;min-width:150px;border-radius:22px;padding:18px;text-align:center;background:#201d35;color:#fff;box-shadow:0 14px 34px rgba(39,31,76,.2)}
.backpack-rank>span{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#ff71ae,#8668ee);font-size:25px;font-weight:950}.backpack-rank strong,.backpack-rank small{display:block;margin-top:6px}.backpack-summary{align-items:stretch}
.daily-list{display:grid;gap:10px}.daily-mission{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.66)}.daily-mission span{font-size:23px}.daily-mission b{font-size:22px;color:#9ba5b2}.daily-mission.done{border-color:#a8dbc1;background:#effaf4}.daily-mission.done b{color:#27a765}
.rank-progress{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:16px}.rank-orbit{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#8a66ea 0 72%,#e9e5f4 72%)}.rank-orbit span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:24px;font-weight:950}.rank-progress .progress-bar{margin:9px 0}.rank-progress small{color:var(--muted)}
.reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reward-card{padding:18px;display:flex;gap:13px;min-height:150px;align-items:flex-start}.reward-card.locked{filter:saturate(.25);opacity:.68}.reward-art{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#fff4fa,#efeaff);box-shadow:inset 0 0 0 1px rgba(124,93,194,.12)}.reward-card h3{margin:3px 0 7px;font-size:16px}.reward-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.reward-card small{display:block;margin-top:9px;font-weight:850;color:#6d58a3}
.city-blueprint{display:grid;grid-template-columns:minmax(250px,.75fr) 1fr;gap:28px;align-items:center;padding:24px;overflow:hidden;background:linear-gradient(135deg,#edf6ff,#fff)}.city-blueprint-map{height:210px;border-radius:22px;position:relative;overflow:hidden;background:#dfeee3;background-image:linear-gradient(90deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%),linear-gradient(transparent 46%,#fff 46%,#fff 54%,transparent 54%)}.city-blueprint-map i{position:absolute;border-radius:8px;background:#bad0e6;box-shadow:0 0 0 3px #eef5fb}.city-blueprint-map i:nth-child(1){left:10%;top:13%;width:27%;height:25%}.city-blueprint-map i:nth-child(2){right:8%;top:12%;width:29%;height:31%}.city-blueprint-map i:nth-child(3){left:8%;bottom:9%;width:32%;height:26%}.city-blueprint-map i:nth-child(4){right:11%;bottom:11%;width:25%;height:24%}.city-blueprint-map span{position:absolute;font-size:28px}.city-blueprint-map span:nth-of-type(1){left:20%;top:20%}.city-blueprint-map span:nth-of-type(2){right:18%;bottom:17%}.city-blueprint-map span:nth-of-type(3){right:18%;top:20%}
.house-reward-svg{width:90px;height:90px;position:relative;display:grid;place-items:center}.neon-lamp i{width:10px;height:55px;border-radius:9px;background:#6146cf;box-shadow:0 0 16px #8a77ff}.neon-lamp b{position:absolute;bottom:10px;width:48px;height:9px;border-radius:50%;background:#39354c}.space-poster{background:linear-gradient(#171a42,#413571);border:6px solid #e6d6b4;border-radius:6px}.space-poster span{font-size:42px}.space-poster i{position:absolute;inset:8px;background:radial-gradient(circle at 20% 20%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 40%,#fff 0 1.5px,transparent 2.5px);opacity:.8}.chef-clock{border-radius:50%;border:8px solid #e8d6bb;background:#fff;font-size:34px}.story-lamp i{width:44px;height:36px;background:#f2d98c;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);box-shadow:0 0 15px #ffe899}.story-lamp b{position:absolute;bottom:11px;font-size:9px;color:#6c4d2d}.explorer-plant i{position:absolute;width:28px;height:45px;border-radius:70% 20% 70% 20%;background:#61a96f}.explorer-plant i:nth-child(1){transform:translate(-13px,-10px) rotate(-35deg)}.explorer-plant i:nth-child(2){transform:translate(13px,-8px) rotate(35deg)}.explorer-plant i:nth-child(3){transform:translate(0,-22px)}.explorer-plant b{position:absolute;bottom:8px;width:48px;height:30px;background:#b77a52;border-radius:4px 4px 14px 14px}.galaxy-rug{height:55px;margin-top:20px;border-radius:50%;background:radial-gradient(circle at 30% 35%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 55%,#fff 0 2px,transparent 3px),linear-gradient(135deg,#443080,#16234d);box-shadow:0 8px 15px rgba(26,25,70,.25)}.galaxy-rug b{color:#f4d66c;font-size:25px}.gold-trophy{font-size:58px}
@media(max-width:900px){.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-blueprint{grid-template-columns:1fr}.backpack-hero{align-items:flex-start}.backpack-rank{min-width:125px}}
@media(max-width:560px){.reward-grid{grid-template-columns:1fr}.backpack-hero{display:block}.backpack-rank{margin-top:16px}.rank-progress{grid-template-columns:64px 1fr}.rank-orbit{width:60px;height:60px}.rank-orbit span{width:44px;height:44px}.home-progress-actions{margin-left:0}}

/* ===== v11 · Mi Ciudad de Sarah ===== */
.choice-city{background:linear-gradient(135deg,#eef8ff,#e7f5ef);border-color:#bfe4d4!important}.choice-city .big-emoji{filter:drop-shadow(0 8px 12px rgba(21,95,79,.18))}.home-choices-v11{grid-template-columns:repeat(5,minmax(0,1fr))}.city-home-banner{padding:22px;display:grid;grid-template-columns:minmax(220px,.75fr) 1.25fr;gap:24px;align-items:center;overflow:hidden;background:linear-gradient(135deg,#eff8ff 0%,#fff 48%,#fff0f7 100%)}.city-home-art{height:190px;position:relative;border-radius:28px;background:linear-gradient(#bfe9ff 0 54%,#8dd39e 54%);overflow:hidden;border:1px solid rgba(63,93,128,.12)}.city-home-art:before,.city-home-art:after{content:"";position:absolute;background:#4a5667}.city-home-art:before{left:0;right:0;height:42px;bottom:28px;transform:rotate(-5deg)}.city-home-art:after{top:0;bottom:0;width:38px;left:52%;transform:rotate(12deg)}.city-home-art span{position:absolute;z-index:2;font-size:42px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.12))}.city-home-art span:nth-child(1){left:12%;bottom:42px}.city-home-art span:nth-child(2){left:62%;bottom:35px}.city-home-art span:nth-child(3){right:7%;top:21px}.city-home-art span:nth-child(4){left:17%;top:17px}
.city-v11{--city-ink:#203248}.city-hero{padding:22px 26px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#eef9ff,#fff 46%,#fff0f7);border:1px solid rgba(64,102,142,.12)}.city-hero h1{margin:.25rem 0 .4rem;font-size:clamp(1.65rem,3.2vw,2.45rem)}.city-hero p{margin:0;max-width:760px;color:#68778b}.city-hero-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.city-hero-stats>*{padding:10px 14px;border-radius:16px;background:white;box-shadow:0 5px 18px rgba(34,58,86,.08);white-space:nowrap}.city-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:7px;background:rgba(236,243,249,.85);border-radius:20px;position:sticky;top:73px;z-index:9;backdrop-filter:blur(12px)}.city-tab{border:0;background:transparent;border-radius:15px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:7px;color:#657489;font-weight:850;cursor:pointer}.city-tab span{font-size:21px}.city-tab.on{background:white;color:#24384f;box-shadow:0 5px 15px rgba(36,56,79,.1)}
.city-grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.city-map-card{position:relative;height:min(68vh,650px);min-height:520px;overflow:hidden;border-radius:28px;background:linear-gradient(#bfe8ff 0 34%,#b8dea4 34% 100%);isolation:isolate}.city-map-card:after{content:"";position:absolute;inset:34% 0 0;background:repeating-linear-gradient(90deg,transparent 0 75px,rgba(255,255,255,.08) 75px 77px);z-index:-1}.city-sky{position:absolute;inset:0 0 66%}.city-sun{position:absolute;width:48px;height:48px;border-radius:50%;background:#ffd95b;right:7%;top:12%;box-shadow:0 0 35px rgba(255,217,91,.6)}.cloud{position:absolute;width:70px;height:22px;border-radius:30px;background:rgba(255,255,255,.8)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:34px;height:34px;left:11px;bottom:0}.cloud:after{width:42px;height:42px;right:7px;bottom:0}.cloud.c1{left:10%;top:18%}.cloud.c2{left:50%;top:10%;transform:scale(.8)}.city-road{position:absolute;background:#566274;box-shadow:inset 0 0 0 3px #414b5a;z-index:1}.city-road:after{content:"";position:absolute;background:repeating-linear-gradient(90deg,#f9df62 0 17px,transparent 17px 33px)}.road-h{left:-4%;right:-4%;height:58px}.road-h:after{height:3px;left:0;right:0;top:28px}.r1{top:47%;transform:rotate(-3deg)}.r2{top:78%;transform:rotate(3deg)}.road-v{top:29%;bottom:-6%;width:55px}.road-v:after{width:3px;top:0;bottom:0;left:26px;background:repeating-linear-gradient(0deg,#f9df62 0 17px,transparent 17px 33px)}.rv1{left:27%;transform:rotate(5deg)}.rv2{left:70%;transform:rotate(-5deg)}.city-river{position:absolute;left:47%;top:34%;width:14%;height:66%;background:linear-gradient(90deg,#67c9ef,#8ee0fa,#61c1e9);transform:rotate(8deg);z-index:0;opacity:.8}.city-place{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:4;border:0;background:rgba(255,255,255,.94);border-radius:17px;padding:9px 10px 7px;min-width:92px;box-shadow:0 8px 20px rgba(30,52,74,.17);cursor:pointer;transition:.2s;border:2px solid transparent}.city-place:hover,.city-place.here{transform:translate(-50%,-50%) scale(1.06);border-color:#f15394}.city-place .city-building{display:block;font-size:29px;line-height:1}.city-place strong{display:block;font-size:11px;margin-top:4px;color:#27394d}.city-place i{position:absolute;right:-5px;top:-7px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#3cad7d;color:white;font-size:11px;font-style:normal}.city-sarah{position:absolute;left:var(--x);top:var(--y);z-index:8;transform:translate(-50%,-78%);transition:left 1s cubic-bezier(.3,.8,.3,1),top 1s cubic-bezier(.3,.8,.3,1);pointer-events:none;filter:drop-shadow(0 5px 4px rgba(23,39,59,.18))}.city-sarah.moving .city-avatar-svg{animation:cityWalk .28s infinite alternate}.city-avatar-svg{display:block}.city-pet{position:absolute;right:-24px;bottom:5px;font-size:25px;animation:petBounce .7s infinite alternate ease-in-out}.city-car,.city-bike{position:absolute;z-index:3;font-size:22px;animation:cityDrive 10s linear infinite}.city-car.car1{top:48%;left:-8%}.city-car.car2{top:79%;left:98%;animation-direction:reverse;animation-duration:13s}.city-bike{left:70%;top:34%;animation:bikeMove 9s linear infinite}.city-side{display:flex;flex-direction:column;gap:12px}.city-current{display:grid;grid-template-columns:55px 1fr;gap:10px;align-items:center}.city-current .btn{grid-column:1/-1}.city-place-icon{font-size:38px;width:54px;height:54px;border-radius:16px;background:#f1f6fb;display:grid;place-items:center}.city-current h3{margin:2px 0}.city-current p{font-size:13px;margin:4px 0;color:#68778b}.city-mission-list{display:flex;flex-direction:column;gap:7px;margin:12px 0}.city-mission{display:grid;grid-template-columns:25px 30px 1fr;align-items:center;background:#f5f8fb;border-radius:12px;padding:8px}.city-mission b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#dce7ef;font-size:11px}.city-mission.done{background:#eaf8f0}.city-mission.done b{background:#43b681;color:white}.city-event-mini{display:flex;gap:12px;align-items:center}.city-event-mini>span{font-size:33px}.city-event-mini small{display:block;color:#718094;margin-top:3px}.event-space-week{background:linear-gradient(#18203a 0 34%,#6b70a5 34% 100%)}.event-space-week .city-sun{background:#e8f1ff;box-shadow:0 0 30px white}.event-space-week .cloud{opacity:.2}.event-holiday:before{content:"✦  ·  ✧   ·   ✦  ·   ✧";position:absolute;left:5%;right:5%;top:6%;z-index:1;color:#fff2a6;letter-spacing:16px;font-size:18px}.event-birthday:before{content:"🎈        🎉        🎈";position:absolute;top:3%;left:8%;right:8%;z-index:2;font-size:20px;display:flex;justify-content:space-between}
.city-customize{align-items:stretch}.avatar-studio{text-align:center;background:linear-gradient(160deg,#edf9ff,#fff1f8)}.avatar-platform{min-height:275px;border-radius:24px;background:radial-gradient(circle at 50% 77%,#fff 0 19%,transparent 20%),linear-gradient(#d9effc 0 65%,#e8d6bd 65%);display:flex;justify-content:center;align-items:flex-end;position:relative;overflow:hidden;padding-bottom:20px}.avatar-platform:after{content:"";position:absolute;width:170px;height:28px;background:rgba(255,255,255,.7);border-radius:50%;bottom:13px}.avatar-platform>*{z-index:2}.unlock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.unlock-card{border:1px solid #dce6ef;background:#fff;border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.unlock-card.selected{border-color:#ee4e90;box-shadow:0 0 0 2px rgba(238,78,144,.12)}.unlock-card.locked{opacity:.48;filter:grayscale(.4)}.unlock-card strong{font-size:12px}.unlock-card small{font-size:10px;color:#748397}.outfit-swatch{width:39px;height:50px;background:linear-gradient(var(--top) 0 58%,var(--bottom) 58%);clip-path:polygon(23% 0,77% 0,100% 52%,75% 58%,75% 100%,25% 100%,25% 58%,0 52%);border-radius:7px}.hair-swatch{width:42px;height:42px;border-radius:48% 48% 45% 45%;box-shadow:inset 0 -9px 0 rgba(255,255,255,.15)}
.pet-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.pet-choice{border:2px solid transparent;text-align:center;padding:22px 14px;cursor:pointer}.pet-choice>span{font-size:55px;display:block;transition:.2s}.pet-choice:hover>span{transform:translateY(-5px) rotate(-4deg)}.pet-choice.selected{border-color:#f25b9c;background:#fff4f8}.pet-choice.locked{opacity:.45;filter:grayscale(.5)}.friend-scene{height:360px;position:relative;overflow:hidden;background:linear-gradient(#bfe8ff 0 55%,#8dd59b 55%);padding:0}.friend-park-bg{position:absolute;inset:0}.friend-park-bg span{position:absolute;font-size:66px}.friend-park-bg span:nth-child(1){left:5%;bottom:45px}.friend-park-bg span:nth-child(2){right:8%;bottom:30px}.friend-park-bg span:nth-child(3){left:45%;bottom:20px}.friend-person{position:absolute;left:var(--left);bottom:26px;border:0;background:transparent;width:90px;cursor:pointer}.friend-person span{display:block;width:78px;height:112px;filter:drop-shadow(0 5px 3px rgba(0,0,0,.15));transition:.2s}.friend-person:hover span{transform:translateY(-8px)}.friend-person strong{background:white;padding:4px 8px;border-radius:10px;box-shadow:0 3px 9px rgba(0,0,0,.12)}.friend-person i{position:absolute;top:0;right:0;background:#43b681;color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-style:normal}.friend-dialog{margin-top:12px;min-height:100px}.friend-dialog-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px}.friend-dialog-row svg{width:70px;height:100px}
.academy-layout{display:grid;grid-template-columns:320px 1fr;gap:14px}.academy-intro{background:linear-gradient(150deg,#eef8ff,#f9f3ff)}.academy-icon{font-size:65px}.academy-stats{display:flex;gap:8px}.academy-stats span{background:#fff;padding:8px 10px;border-radius:11px}.academy-quiz{min-height:340px;display:grid;align-items:center}.academy-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.academy-answer{border:1px solid #dbe5ee;background:#f8fbfd;border-radius:15px;padding:18px;font-size:18px;font-weight:800;cursor:pointer}.academy-answer:hover{border-color:#6a8ff0}.academy-answer.correct{background:#e6f7ed;border-color:#48b67f}.academy-answer.wrong{background:#fff0f1;border-color:#e87078}.academy-score{margin-top:15px;color:#748397}.academy-finish{text-align:center}.academy-finish>span{font-size:70px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.event-card{padding:20px;border:2px solid transparent;text-align:left;display:grid;grid-template-columns:65px 1fr;gap:12px;cursor:pointer}.event-card>span{font-size:47px}.event-card h3{margin:3px 0}.event-card p{margin:5px 0;color:#68778b}.event-card.selected{border-color:#f15a9a;background:#fff5f9}.event-note{margin-top:12px}
@keyframes cityWalk{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-4px) rotate(1deg)}}@keyframes petBounce{to{transform:translateY(-5px) rotate(4deg)}}@keyframes cityDrive{from{left:-8%}to{left:108%}}@keyframes bikeMove{from{top:34%}to{top:96%}}
@media(max-width:980px){.home-choices-v11{grid-template-columns:repeat(2,1fr)}.city-grid-layout{grid-template-columns:1fr}.city-side{display:grid;grid-template-columns:repeat(3,1fr)}.city-tabs{overflow-x:auto;grid-template-columns:repeat(6,minmax(95px,1fr))}.academy-layout{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr}.city-home-banner{grid-template-columns:1fr}.city-home-art{height:150px}}
@media(max-width:700px){.city-hero{align-items:flex-start;flex-direction:column}.city-hero-stats{justify-content:flex-start}.city-tab{flex-direction:column;gap:2px}.city-tabs{top:62px}.city-map-card{min-height:480px;height:66vh}.city-place{min-width:73px;padding:6px}.city-place strong{font-size:9px}.city-place .city-building{font-size:25px}.city-side{grid-template-columns:1fr}.city-customize{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr}.academy-options{grid-template-columns:1fr}.friend-scene{height:330px}.friend-person{width:72px}.friend-person span{width:65px}.city-home-banner{padding:15px}}