@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&display=swap";:root{--ink: #392f57;--muted: #7d7496;--line: #e9e3f5;--bg: #f8f5ff;--card: #ffffff;--purple: #8b6ce8;--purple-dark: #6f50d6;--green: #3cb878;--gold: #f5b82e;--region: #8b6ce8;--region-soft: #efe9ff;--radius: 24px;--tap: 64px;--shadow: 0 8px 24px rgba(61, 44, 104, .08);font-family:Nunito,Trebuchet MS,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100dvh;background:radial-gradient(ellipse at 85% -10%,#efe7ff 0,transparent 45%),radial-gradient(ellipse at 0% 110%,#e4f7ee 0,transparent 40%),var(--bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,select,textarea{-webkit-user-select:text;user-select:text}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:4px solid #b9a5ff;outline-offset:3px}svg{flex-shrink:0}.app{max-width:1366px;margin:0 auto}.screen{min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.center-screen{display:grid;place-items:center;align-content:center;gap:18px;text-align:center}.big-text{font-size:1.4rem;font-weight:800}.muted{color:var(--muted)}.btn{min-height:52px;border:0;border-radius:18px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:1.05rem;transition:transform .12s ease,box-shadow .12s ease}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#9a7df0,var(--purple-dark));color:#fff;box-shadow:0 8px 18px #6f50d64d}.play-screen .btn-primary,.region-screen .btn-primary{background:var(--region);box-shadow:0 8px 18px color-mix(in srgb,var(--region) 35%,transparent)}.btn-soft{background:#fff;border:2px solid var(--line);color:var(--ink)}.btn-big{min-height:var(--tap);font-size:1.15rem;padding:14px 24px;border-radius:22px}.btn-hero{min-height:72px;font-size:1.2rem;border-radius:24px;padding:16px 26px}.btn-round{width:58px;height:58px;min-height:58px;padding:0;border-radius:50%;background:#fff;border:2px solid var(--line);color:var(--ink)}.btn-help{background:#fff6d6;border-color:#f6e2a0;color:#b47f05}.btn-back{background:#fff;border:2px solid var(--line);color:var(--ink);min-height:56px}.btn-back span{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{background:var(--gold);color:#fff;border-radius:99px;padding:2px 10px;font-size:.9rem}.btn-hold{position:relative;overflow:hidden;background:#fff;border:2px solid var(--line);min-height:72px;padding:16px 28px;font-size:1.15rem}.btn-hold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--hold, 0%);background:#e8deff;z-index:0}.btn-hold>*{position:relative;z-index:1}.top-bar{display:flex;align-items:center;gap:14px;margin-bottom:14px;min-height:64px}.top-bar-title{flex:1;min-width:0}.top-bar-title h1{margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;letter-spacing:-.5px;line-height:1.1}.top-bar-title p{margin:2px 0 0;color:var(--muted);font-size:1rem}.top-bar-right{display:flex;gap:10px;align-items:center}.star-pill{display:inline-flex;align-items:center;gap:6px;background:#fff4d2;color:#b47f05;border:2px solid #f5e2a4;border-radius:99px;padding:8px 16px;font-weight:900;font-size:1.15rem}.star-pill svg{width:22px}.home{display:flex;flex-direction:column;gap:16px}.cover{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 18px 44px #4d387b29;background:#d8f3f7}.cover>img{display:block;width:100%;height:auto;aspect-ratio:1672 / 941}.cover-hs{position:absolute;border:0;background:transparent;border-radius:22px;transition:background .15s,transform .15s}.cover-hs:active{background:#ffffff38;transform:scale(.97)}.cover-hs:focus-visible{outline:4px solid #fff;outline-offset:-6px}.hs-writing,.hs-math,.hs-reading,.hs-logic,.hs-creative,.hs-adventure{top:53.5%;height:31%;width:15.6%}.hs-writing{left:2.9%}.hs-math{left:19.9%}.hs-reading{left:35.6%}.hs-logic{left:51.2%}.hs-creative{left:66.6%}.hs-adventure{left:82%}.hs-maite{left:27%;top:4%;width:24%;height:48%;border-radius:50%}.hs-stickers{left:3%;top:85%;width:23%;height:11%}.cover-journey{position:absolute;left:70.4%;top:2.6%;width:22.4%;height:8.4%;display:flex;align-items:center;gap:4%;padding:0 3%;border-radius:99px;background:#fff;font-size:clamp(.6rem,1.15vw,1rem);pointer-events:none;box-shadow:0 0 0 4px #fff}.cover-journey>span{font-size:1.6em}.cover-journey div{flex:1;display:grid;gap:4px;min-width:0}.cover-journey strong{color:#3c315f;white-space:nowrap}.journey-bar{height:.6em;background:#eee8ff;border-radius:99px;overflow:hidden}.journey-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffbf42,#ff8b6d);border-radius:inherit}.cover-journey b{color:#3c315f;font-weight:900;white-space:nowrap}.cover-gear,.cover-sound{position:absolute;top:2.6%;width:5.4%;aspect-ratio:1;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#8660e9}.cover-gear{right:1.6%}.cover-sound{left:1.5%}.cover-gear svg,.cover-sound svg{width:52%;height:52%}.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.home-foot{text-align:center;color:var(--muted);margin:4px 0 0;font-size:.95rem}.map{position:relative;display:grid;gap:18px;padding:22px;border-radius:32px;grid-template-columns:repeat(4,1fr);grid-template-areas:"p0 p1 p2 p3" "p7 p6 p5 p4";background:linear-gradient(180deg,#d5f0ff,#e8fbe9 45%,#c9eec1);box-shadow:inset 0 0 0 4px #fff9}.map-trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.map-trail path{fill:none;stroke:#fff;stroke-width:1.4;stroke-dasharray:2 2.2;stroke-linecap:round;opacity:.9;vector-effect:non-scaling-stroke;stroke-width:7}.place-0{grid-area:p0}.place-1{grid-area:p1}.place-2{grid-area:p2}.place-3{grid-area:p3}.place-4{grid-area:p4}.place-5{grid-area:p5}.place-6{grid-area:p6}.place-7{grid-area:p7}.map-place{position:relative;z-index:1;border:3px solid #fff;border-radius:28px;padding:18px 14px 16px;background:linear-gradient(170deg,#fff 30%,var(--region-soft));box-shadow:0 10px 22px #323c5a1f;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-height:210px}.map-place:active{transform:scale(.97)}.place-emoji{font-size:3.6rem;line-height:1;filter:drop-shadow(0 6px 4px rgba(0,0,0,.12))}.map-place strong{font-size:1.15rem;font-weight:900;color:var(--region);line-height:1.15}.map-place small{color:var(--muted);font-size:.9rem;line-height:1.25}.place-progress{width:80%;height:10px;background:#fff;border-radius:99px;overflow:hidden;margin-top:auto;border:1px solid var(--line)}.place-progress i{display:block;height:100%;background:var(--region);border-radius:inherit}.place-count{font-size:.85rem;font-weight:800;color:var(--muted)}.phase-path{list-style:none;margin:0;padding:10px 0 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.phase-node button{width:100%;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px}.phase-bubble{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font-size:2.6rem;font-weight:900;color:#fff;background:var(--region);border:6px solid #fff;box-shadow:0 10px 20px color-mix(in srgb,var(--region) 35%,transparent)}.phase-node.is-complete .phase-bubble{background:var(--region-soft);color:var(--ink);font-size:3rem}.phase-node.is-locked .phase-bubble{background:#e6e1ef;color:#a49cb6;box-shadow:none}.phase-node.is-locked .phase-bubble svg{width:36px;height:36px}.phase-node:nth-child(odd) button{transform:translateY(14px)}.phase-title{font-weight:800;font-size:1.05rem;text-align:center;line-height:1.2}.phase-dots{display:flex;gap:6px}.phase-dots i{width:12px;height:12px;border-radius:50%;background:#ddd5ec}.phase-dots i.on{background:var(--gold)}.play-screen{display:flex;flex-direction:column;height:100dvh;min-height:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.tutor-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tutor-bubble{flex:1;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 18px;border-radius:22px;background:#fff;border:2px solid var(--line);box-shadow:var(--shadow);transition:background .2s,border-color .2s}.tutor-bubble.is-hint{background:#fff8de;border-color:#f4dc8c}.tutor-bubble p{margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.tutor-mascot{font-size:2rem}.tutor-actions{display:flex;gap:10px}.activity-stage{flex:1;min-height:0;display:flex;flex-direction:column}.activity-prompt{margin:0 0 12px;text-align:center;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;letter-spacing:-.3px}.trace-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(200px,26%) 1fr;gap:16px}.trace-info{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);background:linear-gradient(165deg,var(--region-soft),#fff 70%);border:2px solid var(--line)}.trace-big{font-size:clamp(5rem,11vw,9rem);font-weight:900;line-height:1;color:var(--region);text-shadow:4px 5px 0 rgba(0,0,0,.06)}.trace-big-word{font-size:clamp(1.8rem,3.6vw,2.6rem);text-align:center;line-height:1.15}.word-chip{display:flex;align-items:center;gap:10px;border:2px solid var(--line);background:#fff;border-radius:18px;padding:10px 14px;min-height:60px;font-size:1.1rem}.word-chip span{font-size:2.2rem}.word-chip svg{color:var(--region)}.trace-buttons{margin-top:auto;display:grid;gap:10px;width:100%}.trace-board{position:relative;min-height:300px;border-radius:var(--radius);background:#fff;border:3px dashed #ddd2f3;overflow:hidden;touch-action:none}.trace-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.trace-ink{touch-action:none;cursor:crosshair}.demo-star{position:absolute;font-size:2.2rem;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.choose{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.choose-subject{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-width:180px;min-height:120px;padding:14px 34px;border-radius:28px;background:var(--region-soft);border:3px solid #fff;box-shadow:var(--shadow)}.subject-big{font-size:clamp(3.2rem,8vw,5.5rem);font-weight:900;color:var(--region);line-height:1;letter-spacing:2px}.subject-emoji{font-size:clamp(3.6rem,8vw,5.5rem);line-height:1}.subject-speaker{position:absolute;right:10px;bottom:10px;width:22px;color:var(--region)}.choose-options{display:grid;grid-template-columns:repeat(3,minmax(120px,210px));gap:16px;justify-content:center;width:100%}.choose-options.count-2{grid-template-columns:repeat(2,minmax(140px,230px))}.choose-options.count-4{grid-template-columns:repeat(4,minmax(110px,190px))}.choose-options.count-5{grid-template-columns:repeat(5,minmax(100px,170px))}.choose-options.count-8{grid-template-columns:repeat(4,minmax(100px,170px))}.option{position:relative;min-height:170px;border-radius:26px;border:3px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;box-shadow:0 6px #ece6f7;transition:transform .12s,box-shadow .12s,opacity .2s}.option:active{transform:translateY(4px);box-shadow:0 2px #ece6f7}.option.is-picked{border-color:var(--green);background:#eafaf1;box-shadow:0 6px #c9eed9}.option.is-tried{opacity:.72}.option.is-demo{border-color:var(--gold)}.option-check{position:absolute;top:8px;right:10px;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}.option-color{width:90px;height:90px;border-radius:50%;border:5px solid #fff;box-shadow:0 0 0 2px var(--line)}.option-emoji{line-height:1;font-size:4.4rem}.option-text{font-size:2.1rem;font-weight:900;letter-spacing:2px;color:var(--ink);text-align:center;line-height:1.15;overflow-wrap:anywhere}.option-text-emoji{font-size:1.6rem;letter-spacing:0}.count{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.count-field{width:100%;flex:1;min-height:180px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:14px;padding:16px;border-radius:var(--radius);background:#fffaf3;border:3px dashed #f3dcc6}.count-item{position:relative;width:clamp(84px,11vw,120px);height:clamp(84px,11vw,120px);border-radius:26px;border:3px solid transparent;background:#fff;font-size:clamp(3rem,6.5vw,4.4rem);display:grid;place-items:center;box-shadow:var(--shadow)}.count-item.is-counted{border-color:#f3b58e;background:#fff0e5}.count-item.is-demo{border-color:var(--gold)}.count-badge{position:absolute;top:-10px;right:-10px;width:40px;height:40px;border-radius:50%;background:var(--region);color:#fff;font-size:1.3rem;font-weight:900;display:grid;place-items:center;border:3px solid #fff}.count-status{margin:0;color:var(--muted);font-weight:800;font-size:1.1rem}.number-answers{display:flex;gap:16px;justify-content:center}.number-answer{width:104px;height:104px;border-radius:28px;border:3px solid var(--line);background:#fff;font-size:3rem;font-weight:900;color:var(--region);box-shadow:0 6px #ece6f7}.number-answer:active{transform:translateY(4px);box-shadow:0 2px #ece6f7}.pattern{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.pattern-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px;border-radius:var(--radius);background:#f2faff;border:3px solid #fff;box-shadow:var(--shadow)}.pattern-cell{width:clamp(72px,9.5vw,104px);height:clamp(72px,9.5vw,104px);border-radius:22px;background:#fff;border:2px solid #e1eef7;display:grid;place-items:center;transition:background .2s}.pattern-cell.group-alt{background:#fff8e3}.pattern-cell.is-missing{border:3px dashed var(--region);background:#fbfdff}.pattern-cell.is-demo{outline:4px solid var(--gold)}.pattern-q{font-size:2.6rem;font-weight:900;color:var(--region)}.pattern-options{display:flex;gap:18px}.pattern-option{width:130px;min-height:130px}.token-emoji{line-height:1;display:inline-block}.token-color{display:inline-block;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px #e3dcef}.puzzle{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:0}.puzzle-main{display:flex;align-items:flex-start;gap:16px}.puzzle-board{position:relative;display:grid;background:#f1edf9;border-radius:16px;box-shadow:inset 0 0 0 3px #e3dbf3;overflow:hidden}.scene.puzzle-ghost{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;pointer-events:none}.puzzle-slot{position:relative;border:2px dashed #cfc3ea;background:transparent;padding:0;overflow:hidden}.puzzle-slot.is-filled{border:0}.puzzle-piece-in,.puzzle-piece-inner{position:absolute;left:0;top:0;overflow:hidden;pointer-events:none;transform-origin:top left}.scene.puzzle-scene{position:absolute}.puzzle-reference{display:grid;justify-items:center;gap:6px;padding:10px;background:#fff;border-radius:18px;box-shadow:var(--shadow);font-weight:800;color:var(--muted)}.puzzle-thumb{border-radius:10px}.puzzle-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:14px;min-height:120px;width:100%;border-radius:var(--radius);background:#fff;border:2px solid var(--line)}.puzzle-piece{position:relative;padding:0;border:3px solid #fff;border-radius:12px;overflow:hidden;background:#eee;box-shadow:0 6px 14px #281e462e;touch-action:none}.puzzle-piece.is-selected{outline:5px solid var(--gold)}.puzzle-piece.is-dragging{box-shadow:0 18px 30px #281e4659;cursor:grabbing}.scene{position:relative;overflow:hidden;container-type:inline-size}.scene-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene-ground{position:absolute;left:-5%;right:-5%;bottom:0;height:30%;border-radius:50% 50% 0 0/30% 30% 0 0}.scene-item{position:absolute;transform:translate(-50%,-50%);line-height:1;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(0,0,0,.12))}.scene-label{position:absolute;left:50%;top:100%;transform:translate(-50%);font-size:12px;font-weight:900;color:#fff;background:#0000004d;padding:1px 8px;border-radius:99px}.draw{flex:1;min-height:0;display:grid;grid-template-columns:250px 1fr;gap:16px}.draw-tools{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--radius);background:linear-gradient(170deg,#fff7da,#fff 70%);border:2px solid var(--line);overflow-y:auto}.tool-label{display:block;font-size:.8rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.swatch{aspect-ratio:1;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--line);min-width:36px}.swatch.is-active{box-shadow:0 0 0 4px var(--ink)}.sizes,.stamps,.tool-row{display:flex;gap:8px;flex-wrap:wrap}.size-btn,.stamp-btn{width:56px;height:56px;border-radius:16px;border:2px solid var(--line);background:#fff;display:grid;place-items:center;font-size:1.6rem}.size-btn span{border-radius:50%;display:block}.size-btn.is-active,.stamp-btn.is-active,.btn-tool.is-active{border-color:var(--ink);background:#f3eeff}.btn-tool{width:56px;height:56px;min-height:56px;padding:0;border-radius:16px;background:#fff;border:2px solid var(--line)}.draw-board{position:relative;border-radius:var(--radius);background:#fff;border:3px dashed #ddd2f3;overflow:hidden;min-height:300px}.draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.draw-outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.draw-outline path{fill:none;stroke:#3a3150;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.draw-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#c4bad9;font-size:1.6rem;font-weight:800;text-align:center;padding:20px;pointer-events:none}.story{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.story-book{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:3px solid #fff}.story-scene{flex:1;min-height:220px}.story-text{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fffdf6}.story-text p{margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:700;line-height:1.4}.story-prompt{color:var(--region)}.story-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-pages{display:flex;gap:8px}.story-pages i{width:14px;height:14px;border-radius:50%;background:#ddd5ec}.story-pages i.is-read{background:var(--region-soft);box-shadow:inset 0 0 0 2px var(--region)}.story-pages i.is-current{background:var(--region)}.btn.is-waiting{opacity:.55}.story-spot{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;width:18cqw;height:18cqw;min-width:80px;min-height:80px;display:grid;place-items:center}.spot-cover{font-size:14cqw;line-height:1;filter:drop-shadow(0 6px 4px rgba(0,0,0,.25))}.story-spot.is-open .spot-cover{opacity:.35}.spot-found{position:absolute;font-size:8cqw;line-height:1}.story-dot{width:13cqw;height:13cqw;min-width:72px;min-height:72px;border-radius:50%;background:#ffffff24;font-size:7cqw}.story-dot.is-lit{background:#ffec8c59;box-shadow:0 0 30px 10px #ffe67873}.dot-number{position:absolute;bottom:-6px;right:-6px;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--ink);font-weight:900;display:grid;place-items:center;font-size:1rem}.story-choice{position:absolute;left:50%;bottom:6%;transform:translate(-50%);display:flex;gap:14px}.story-choice .option{min-height:110px;width:clamp(100px,16cqw,150px)}.glow{animation:glow 1.1s ease-in-out infinite;border-color:var(--gold)!important}@keyframes glow{0%,to{box-shadow:0 0 0 4px #f5b82e73,0 0 18px 6px #f5b82e59}50%{box-shadow:0 0 0 9px #f5b82e33,0 0 30px 12px #f5b82e80}}.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}.wiggle{animation:wiggle .5s ease-in-out}@keyframes wiggle{20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}.pointer-hand{position:absolute;z-index:60;font-size:3.2rem;pointer-events:none;transform:translate(-30%,-10%);filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.pointer-hand.static{left:55%;top:55%}.pointer-hand.demo-move{transition:left 1.6s ease-in-out,top 1.6s ease-in-out}.pointer-hand.is-tapping{animation:tap 1s ease-in-out infinite}@keyframes tap{50%{transform:translate(-30%,-10%) scale(.85)}}.pop-in{animation:popin .45s cubic-bezier(.2,1.4,.4,1)}@keyframes popin{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#30244973}.celebration-card{position:relative;z-index:2;width:min(100%,460px);text-align:center;background:#fff;border-radius:34px;padding:26px 24px 22px;box-shadow:0 24px 60px #21153a4d}.celebration-stars{font-size:5rem;line-height:1}.sticker-reveal{font-size:6rem;line-height:1;filter:drop-shadow(0 8px 6px rgba(0,0,0,.15))}.celebration-card h2{margin:6px 0 0;font-size:1.6rem}.celebration-text{font-size:1.4rem;font-weight:800;margin:10px 0 18px}.celebration-actions{display:grid;gap:10px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:-10%;font-size:2rem;animation:fall 2.4s ease-in forwards}@keyframes fall{to{transform:translateY(120vh) rotate(540deg)}}.sticker-section{margin-bottom:18px}.sticker-section h2{font-size:1.25rem;margin:6px 0 10px;color:var(--region)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.sticker{border:3px dashed #d9d1e8;background:#faf8fd;border-radius:24px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px}.sticker span{font-size:3rem;color:#cfc6e0;font-weight:900}.sticker small{font-weight:800;color:var(--muted);text-align:center}.sticker.is-earned{border:3px solid #fff;background:var(--region-soft);box-shadow:var(--shadow)}.empty-state{display:grid;justify-items:center;gap:12px;padding:40px 10px;text-align:center;font-size:1.2rem}.empty-state span{font-size:4rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.gallery-item{border:3px solid #fff;border-radius:22px;background:#fff;padding:8px;box-shadow:var(--shadow);display:grid;gap:6px}.gallery-item img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px;background:#fff}.gallery-item small{font-weight:800;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#30244980;display:grid;place-items:center;padding:18px}.modal{position:relative;background:#fff;border-radius:28px;padding:20px;width:min(100%,760px);display:grid;gap:12px;justify-items:center}.art-modal img{width:100%;max-height:62dvh;object-fit:contain;border-radius:16px;border:2px solid var(--line)}.modal-x{position:absolute;right:12px;top:12px}.confirm-row{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:800}.gate{max-width:460px;margin:40px auto;display:grid;justify-items:center;gap:16px;text-align:center;font-size:1.2rem}.gate-icon{width:64px;height:64px;color:var(--purple)}.gate input{width:180px;font-size:2rem;text-align:center;padding:12px;border-radius:16px;border:2px solid var(--line)}.gate-note{color:#b05a3c;font-size:1rem}.adults-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;padding-bottom:30px}.card{background:#fff;border-radius:var(--radius);border:2px solid var(--line);padding:18px;display:grid;gap:12px;align-content:start;-webkit-user-select:text;user-select:text}.card h2{margin:0;font-size:1.25rem}.card p{margin:0}.setting{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;font-weight:700}.setting input[type=checkbox]{width:30px;height:30px;accent-color:var(--purple)}.setting input[type=range]{width:50%;accent-color:var(--purple)}.setting select{max-width:60%;padding:10px;border-radius:12px;border:2px solid var(--line);background:#fff}.region-progress{list-style:none;margin:0;padding:0;display:grid;gap:10px}.region-progress li{display:grid;grid-template-columns:1fr 90px auto;align-items:center;gap:10px;font-weight:700}.region-progress .bar{height:10px;border-radius:99px;background:#eee8f7;overflow:hidden}.region-progress .bar i{display:block;height:100%}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media(orientation:portrait),(max-width:900px){.trace-layout,.draw{grid-template-columns:1fr;grid-template-rows:auto 1fr}.trace-info{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:12px}.trace-big{font-size:clamp(4rem,12vw,6rem)}.trace-buttons{margin-top:0;grid-auto-flow:column;width:auto}.draw-tools{flex-direction:row;flex-wrap:wrap;align-items:flex-start;overflow:visible}.draw-tools .btn-primary{flex:1 1 100%}.palette{grid-template-columns:repeat(10,1fr)}.map{grid-template-columns:repeat(2,1fr);grid-template-areas:"p0 p1" "p3 p2" "p4 p5" "p7 p6"}.map-trail{display:none}.puzzle-main{flex-direction:column;align-items:center}.choose-options.count-5{grid-template-columns:repeat(3,minmax(100px,170px))}}@media(max-width:700px){.screen{padding:max(10px,env(safe-area-inset-top)) 12px 12px}.btn-back span{display:none}.tutor-bubble p{font-size:1rem}.choose-options,.choose-options.count-4,.choose-options.count-8{grid-template-columns:repeat(2,minmax(110px,1fr))}.choose-options.count-5{grid-template-columns:repeat(2,minmax(100px,1fr))}.option{min-height:120px}.number-answer{width:84px;height:84px;font-size:2.4rem}.pattern-option{width:100px;min-height:100px}.map-place{min-height:180px}.place-emoji{font-size:2.8rem}.cover{border-radius:16px}}@media(max-height:720px)and (orientation:landscape){.tutor-bubble{min-height:54px;padding:6px 14px}.option{min-height:116px}.count-item{width:84px;height:84px;font-size:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reduce-motion .glow{box-shadow:0 0 0 6px #f5b82e8c!important}.maite-face{display:inline-block;border-radius:50%;background:url(/maite-cartoon.png) 72% 29% / 238% auto no-repeat;border:.06em solid #fff;box-shadow:0 .04em .12em #00000040;vertical-align:middle}.home-places{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.home-place{border:3px solid #fff;border-radius:22px;background:linear-gradient(170deg,#fff 35%,var(--region-soft));box-shadow:var(--shadow);padding:10px 6px;display:grid;justify-items:center;gap:4px;min-height:96px}.home-place span{font-size:2.4rem;line-height:1}.home-place small{font-weight:800;color:var(--region);font-size:.78rem;line-height:1.15;text-align:center}@media(orientation:portrait),(max-width:900px){.home-places{grid-template-columns:repeat(4,1fr)}.home-place{min-height:120px}.home-place span{font-size:3rem}.home-place small{font-size:.9rem}.home-actions{grid-template-columns:1fr 1fr}}.map-screen{display:flex;flex-direction:column}.map{flex:1;grid-auto-rows:1fr}.region-screen{background:linear-gradient(180deg,var(--region-soft),transparent 60%)}.voice-list{display:grid;gap:8px}.voice-row{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 10px;border:2px solid var(--line);border-radius:14px;background:#fff}.voice-row.is-on{border-color:var(--purple);background:#f6f2ff}.voice-row input{width:22px;height:22px;accent-color:var(--purple)}.voice-name{flex:1;font-weight:700}.voice-name small{color:var(--muted);font-weight:600}.voice-tag{font-size:.8rem;font-weight:800;padding:3px 10px;border-radius:99px;background:#eee8f7;color:var(--muted)}.voice-tag.q1{background:#e3f6e9;color:#2b8a52}.voice-tag.q2{background:#fff1cc;color:#a8750a}.voice-test{min-height:44px;padding:8px 14px}.has-bottom-nav .screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;z-index:80;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-radius:26px;background:#ffffffdb;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 12px 32px #3d2c682e,inset 0 0 0 1px #ffffffb3}.bottom-tab{border:0;background:transparent;border-radius:18px;min-height:58px;display:grid;justify-items:center;align-content:center;gap:2px;font-size:.78rem;font-weight:800;color:var(--muted);transition:background .2s,color .2s}.bottom-tab-icon{position:relative;display:grid;place-items:center}.bottom-tab-icon svg{width:24px;height:24px}.bottom-tab-icon i{position:absolute;top:-6px;right:-12px;min-width:18px;height:18px;border-radius:99px;background:var(--gold);color:#fff;font-style:normal;font-size:.7rem;display:grid;place-items:center;padding:0 4px}.bottom-tab.is-on{background:linear-gradient(135deg,#f1ebff,#fde9f4);color:var(--purple-dark)}.bottom-tab:active{transform:scale(.94)}.ph-in{animation:ph-up .55s cubic-bezier(.2,.9,.3,1.1) both;animation-delay:var(--d, 0ms)}@keyframes ph-up{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.phone-home{display:flex;flex-direction:column;gap:14px;padding-top:max(12px,env(safe-area-inset-top))}.ph-header{display:flex;align-items:center;gap:10px}.ph-avatar{width:52px;height:52px;padding:3px;border:0;border-radius:50%;background:conic-gradient(from 200deg,#ffb35c,#f27bb5,#9b6be8,#4a8fe7,#45b46b,#ffb35c);flex-shrink:0;font-size:46px;display:grid;place-items:center}.ph-avatar .maite-face{border-width:2px}.ph-hello{flex:1;min-width:0;display:grid;line-height:1.15}.ph-hello strong{font-size:1.2rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-hello span{font-size:.9rem;color:var(--muted);font-weight:700}.ph-stars{padding:6px 12px;font-size:1rem}.ph-stars svg{width:18px}.ph-icon{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink);flex-shrink:0}.ph-icon svg{width:20px}.ph-hero{position:relative;overflow:hidden;border-radius:32px;padding:22px 18px 18px;min-height:300px;display:grid;grid-template-columns:1fr 44%;grid-template-rows:1fr auto;gap:12px;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.55) 0 12%,transparent 13%),radial-gradient(ellipse at 20% 110%,#c9f0d6 0 35%,transparent 36%),linear-gradient(160deg,#a98bf5,#f093c4 55%,#ffc48a);box-shadow:0 18px 40px #9b6be859;color:#fff}.ph-hero-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ph-eyebrow{font-size:.9rem;font-weight:800;opacity:.95;letter-spacing:.3px}.ph-hero h1{margin:-2px 0 10px;font-size:3rem;line-height:1;font-weight:900;letter-spacing:-1px;text-shadow:0 4px 0 rgba(120,60,160,.25)}.ph-bubble{border:0;border-radius:18px 18px 18px 4px;padding:10px 12px;background:#fff;color:var(--ink);font-weight:800;font-size:.88rem;box-shadow:0 6px 14px #50287833;text-align:left}.ph-maite{position:relative;z-index:2;align-self:end;justify-self:center;width:100%;max-width:170px;aspect-ratio:620 / 735;padding:0;border:4px solid #fff;border-radius:48% 48% 26px 26px;overflow:hidden;background:#fff;box-shadow:0 14px 26px #5028784d;animation:ph-float 4s ease-in-out infinite,ph-hi .6s ease-out}.ph-maite img{width:100%;height:100%;object-fit:cover;object-position:60% 20%;display:block}@keyframes ph-float{50%{transform:translateY(-6px) rotate(-1deg)}}@keyframes ph-hi{0%{transform:scale(1)}40%{transform:scale(1.06) rotate(2deg)}to{transform:scale(1)}}.ph-cta{grid-column:1 / -1;position:relative;z-index:2;justify-content:flex-start;gap:14px;min-height:68px;border-radius:22px;background:#fff;color:var(--purple-dark);box-shadow:0 10px 22px #50287840;padding:10px 18px}.ph-cta svg{width:38px;height:38px;padding:9px;border-radius:50%;background:linear-gradient(135deg,#9a7df0,var(--purple-dark));color:#fff}.ph-cta span{display:grid;text-align:left;font-size:1.15rem;line-height:1.15}.ph-cta small{font-size:.78rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.6px}.ph-sparkle,.ph-bird{position:absolute;z-index:1;pointer-events:none;animation:ph-twinkle 3s ease-in-out infinite}.ph-sparkle.s1{top:14px;right:46%;font-size:1.3rem}.ph-sparkle.s2{top:52%;left:46%;font-size:1rem;animation-delay:.8s}.ph-sparkle.s3{top:20px;left:52%;font-size:.9rem;animation-delay:1.6s}.ph-bird{top:10px;right:10px;font-size:1.8rem;animation:ph-bird 5s ease-in-out infinite}@keyframes ph-twinkle{50%{transform:scale(1.35) rotate(15deg);opacity:.6}}@keyframes ph-bird{0%,to{transform:translate(0) scaleX(-1)}50%{transform:translate(-14px,8px) scaleX(-1)}}.ph-journey{background:#fff;border-radius:24px;padding:14px 16px;box-shadow:var(--shadow);display:grid;gap:10px}.ph-journey-top{display:flex;justify-content:space-between;align-items:baseline}.ph-journey-top strong{font-size:1.05rem}.ph-journey-top span{color:var(--muted);font-weight:800;font-size:.9rem}.ph-bar{height:12px}.ph-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ph-stats button{border:0;border-radius:16px;background:#f7f3ff;padding:10px 6px;display:grid;gap:2px;min-height:60px}.ph-stats b{font-size:1rem}.ph-stats small{color:var(--muted);font-weight:700;font-size:.78rem}.ph-section-title{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.ph-section-title h2{margin:0;font-size:1.25rem;font-weight:900}.ph-section-title button{border:0;background:transparent;color:var(--purple-dark);font-weight:800;display:inline-flex;align-items:center;gap:6px;min-height:44px}.ph-section-title svg{width:18px}.ph-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -12px;padding:4px 12px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ph-carousel::-webkit-scrollbar{display:none}.ph-place{scroll-snap-align:start;position:relative;overflow:hidden;border:0;border-radius:28px;padding:18px 14px 14px;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;color:var(--ink);background:linear-gradient(165deg,#fff 0%,var(--region-soft) 70%);box-shadow:0 10px 22px #323c5a1f,inset 0 0 0 3px #fff}.ph-place:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--region);opacity:.12}.ph-place-emoji{font-size:3.4rem;line-height:1;margin-bottom:6px;filter:drop-shadow(0 6px 4px rgba(0,0,0,.12));animation:ph-float 3.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.45s)}.ph-place strong{font-size:1.08rem;font-weight:900;color:var(--region);line-height:1.15}.ph-place small{color:var(--muted);font-size:.82rem;line-height:1.25;font-weight:600}.ph-place .place-progress{width:100%;margin-top:auto}.ph-place:active{transform:scale(.97)}.ph-adults{align-self:center;border:0;background:transparent;color:#a49cb6;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:6px;min-height:44px}.ph-adults svg{width:16px}@media(max-width:699px),(max-height:500px)and (max-width:950px){.screen{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.map{grid-template-columns:1fr;grid-template-areas:none;grid-auto-rows:auto;padding:12px;gap:12px}.map .map-place{grid-area:auto!important;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"e t c" "e d c" "e p p";column-gap:12px;row-gap:2px;align-items:center;text-align:left;min-height:0;padding:14px}.map-place .place-emoji{grid-area:e;font-size:2.8rem}.map-place strong{grid-area:t}.map-place small{grid-area:d}.map-place .place-count{grid-area:c;align-self:start}.map-place .place-progress{grid-area:p;width:100%;margin-top:6px}.phase-path{grid-template-columns:1fr;gap:6px;padding-bottom:20px}.phase-node button{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;justify-content:start;align-items:center;text-align:left;width:auto;transform:none!important}.phase-node:nth-child(4n+2) button{margin-left:18%}.phase-node:nth-child(4n+3) button{margin-left:34%}.phase-node:nth-child(4n) button{margin-left:18%}.phase-bubble{grid-row:span 2;width:80px;height:80px;font-size:2rem;border-width:5px}.phase-node.is-complete .phase-bubble{font-size:2.3rem}.phase-title{text-align:left;align-self:end}.phase-dots{align-self:start}.top-bar{gap:10px;margin-bottom:8px;min-height:52px}.btn-back{width:48px;min-height:48px;padding:0;border-radius:16px}.btn-back span{display:none}.top-bar-title h1{font-size:1.2rem}.top-bar-title p{font-size:.82rem}.tutor-row{gap:8px;margin-bottom:8px;align-items:stretch}.tutor-bubble{min-height:0;padding:8px 12px;border-radius:18px;gap:8px}.tutor-bubble p{font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tutor-mascot{font-size:1.5rem}.tutor-actions{flex-direction:column;gap:6px}.tutor-actions .btn-round{width:46px;height:46px;min-height:46px}.tutor-actions svg{width:20px}.activity-prompt{font-size:1.15rem;margin-bottom:8px}.activity-stage{overflow-y:auto;overflow-x:hidden}.trace-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px}.trace-info{flex-direction:row;flex-wrap:wrap;align-items:center;padding:8px 10px;gap:8px;border-radius:20px;min-width:0}.trace-big{font-size:3.2rem}.trace-big-word{font-size:1.2rem}.word-chip{min-height:48px;padding:6px 10px;font-size:.9rem;gap:6px;flex:1;min-width:0}.word-chip span{font-size:1.6rem}.word-chip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-chip svg{display:none}.trace-buttons{margin:0;display:grid;grid-template-columns:1fr 1.4fr;gap:6px;width:100%}.trace-buttons .btn{min-height:50px;padding:8px 10px;font-size:.95rem;border-radius:16px}.trace-board{min-height:0}.choose{justify-content:flex-start;gap:10px}.choose-subject{min-height:84px;min-width:120px;padding:8px 26px;border-radius:22px}.subject-big{font-size:3rem}.subject-emoji{font-size:3.2rem}.choose-options,.choose-options.count-2,.choose-options.count-4,.choose-options.count-5,.choose-options.count-8{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choose-options.count-3>:last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 5px)}.choose-options.count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.choose-options.count-5 .option{min-height:92px}.choose-options.count-8{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.choose-options.count-8 .option{min-height:66px}.choose-options.count-5 .option-emoji{font-size:2.6rem!important}.option{min-height:108px;border-radius:22px;padding:8px}.option-emoji{font-size:3.2rem!important}.option-color{width:70px;height:70px}.option-text{font-size:1.6rem}.option-text-emoji{font-size:1.3rem}.count-field{gap:8px;padding:10px;min-height:0}.count-item{width:64px;height:64px;font-size:2.4rem;border-radius:18px}.count-badge{width:30px;height:30px;font-size:1rem;top:-8px;right:-8px}.number-answers{gap:10px}.number-answer{width:78px;height:78px;font-size:2.2rem;border-radius:22px}.pattern{gap:16px;justify-content:flex-start;padding-top:10px}.pattern-row{gap:6px;padding:10px}.pattern-cell{width:46px;height:46px;border-radius:14px}.pattern-cell .token-emoji{font-size:32px!important}.pattern-cell svg{width:38px;height:38px}.pattern-cell .token-color{width:34px!important;height:34px!important}.pattern-q{font-size:1.6rem}.pattern-options{gap:10px}.pattern-option{width:96px;min-height:96px}.puzzle-main{flex-direction:column;align-items:center;gap:8px}.puzzle-reference{display:flex;align-items:center;gap:8px;padding:6px 10px}.puzzle-tray{gap:8px;padding:8px;min-height:0;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.puzzle-tray .puzzle-piece{flex-shrink:0}.puzzle-reference span{font-size:.85rem}.draw{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:8px}.draw-tools{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding:10px;border-radius:20px;align-items:center;scrollbar-width:none}.draw-tools::-webkit-scrollbar{display:none}.draw-tools .tool-group,.draw-tools .tool-row{flex-shrink:0}.draw-tools .tool-label{display:none}.draw-tools .palette,.draw-tools .sizes,.draw-tools .stamps,.draw-tools .tool-row{display:flex;flex-wrap:nowrap;gap:6px}.draw-tools .swatch{width:40px;min-width:40px;height:40px}.draw-tools .size-btn,.draw-tools .stamp-btn,.draw-tools .btn-tool{width:46px;height:46px;min-height:46px;flex-shrink:0}.draw-tools .btn-primary{flex:0 0 auto;min-height:52px;font-size:.95rem;padding:8px 14px;white-space:nowrap}.story-text{padding:10px 12px;gap:10px}.story-text p{font-size:1rem}.story-text .btn-round{width:44px;height:44px;min-height:44px}.story-nav .btn-big{min-height:56px;font-size:1rem}.story-choice{gap:8px;bottom:4%}.story-choice .option{min-height:84px;width:26cqw}.celebration-card{border-radius:28px;padding:22px 18px 18px}.celebration-stars{font-size:4rem}.celebration-text{font-size:1.2rem}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sticker{min-height:104px;border-radius:20px}.sticker span{font-size:2.4rem}.sticker small{font-size:.75rem}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adults-panel{grid-template-columns:1fr}.setting{flex-wrap:wrap}}.reduce-motion .ph-maite,.reduce-motion .ph-place-emoji,.reduce-motion .ph-sparkle,.reduce-motion .ph-bird,.reduce-motion .ph-in{animation:none!important}@media(max-height:500px)and (orientation:landscape){.play-screen{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:10px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.play-screen>.top-bar{grid-column:1;margin:0 0 8px;min-height:0}.play-screen>.tutor-row{grid-column:2;margin:0 0 8px}.play-screen>.activity-stage{grid-column:1 / -1}.play-screen .top-bar-title p{display:none}.play-screen .top-bar-title h1{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutor-bubble p{-webkit-line-clamp:2;font-size:.85rem}.tutor-actions{flex-direction:row}.tutor-actions .btn-round{width:42px;height:42px;min-height:42px}.activity-prompt{font-size:1rem;margin-bottom:4px}.trace-layout{grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.trace-info{flex-direction:column;flex-wrap:nowrap;justify-content:center}.trace-big{font-size:2.6rem}.trace-buttons{grid-template-columns:1fr}.draw{grid-template-columns:170px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.draw-tools{flex-direction:column;flex-wrap:nowrap;overflow-x:hidden;overflow-y:auto;align-items:stretch}.draw-tools .palette,.draw-tools .sizes,.draw-tools .stamps,.draw-tools .tool-row{flex-wrap:wrap}.draw-tools .swatch{width:30px;min-width:30px;height:30px}.draw-tools .size-btn,.draw-tools .stamp-btn,.draw-tools .btn-tool{width:40px;height:40px;min-height:40px}.choose{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center}.choose .activity-prompt{width:100%}.choose-subject{min-height:0;padding:6px 18px}.subject-big,.subject-emoji{font-size:2.4rem}.choose-options,.choose-options.count-2,.choose-options.count-4,.choose-options.count-5{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));flex:1;min-width:260px}.choose-options.count-3>:last-child{grid-column:auto;width:auto}.option{min-height:84px!important}.option-emoji{font-size:2.4rem!important}.count{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;column-gap:12px}.count .activity-prompt{grid-column:1 / -1}.count-field{grid-row:2 / 4}.count-item{width:52px;height:52px;font-size:2rem}.count-status{display:none}.number-answers{grid-row:2 / 4;flex-direction:column;justify-content:center}.number-answer{width:66px;height:66px;font-size:1.9rem}.pattern{flex-direction:row;flex-wrap:wrap;align-content:center;gap:10px;padding-top:0}.pattern .activity-prompt{width:100%}.pattern-option{width:76px;min-height:76px}.puzzle{flex-direction:row;align-items:center}.puzzle-tray{flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;width:auto;max-height:100%}.puzzle-reference{display:none}.story-book{flex-direction:row}.story-scene{min-height:0;flex:1.4}.story-text{flex:1;flex-direction:column;align-items:flex-start;overflow-y:auto}.story-nav .btn-big{min-height:46px}.phone-home .ph-hero{min-height:0;grid-template-columns:1fr 30%}.phone-home .ph-maite{max-width:120px}.ph-carousel{grid-auto-columns:34%}}