:root{--sky-1: #12305c;--sky-2: #2a5d9e;--sun: #ffd86b;--card: rgba(255, 255, 255, .14);--card-solid: #fdfbf5;--ink: #10233f;--pad: clamp(8px, 1.6vw, 20px);--tap-min: 84px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--sky-1);color:#fff;font-family:Trebuchet MS,Segoe UI,Verdana,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{position:fixed;inset:0;display:block}.stage{position:absolute;inset:0;padding:calc(var(--pad) + env(safe-area-inset-top)) calc(var(--pad) + env(safe-area-inset-right)) calc(var(--pad) + env(safe-area-inset-bottom)) calc(var(--pad) + env(safe-area-inset-left));background:radial-gradient(circle at 50% 12%,var(--sky-2),var(--sky-1) 70%)}.screen{height:100%;display:flex;flex-direction:column;gap:var(--pad);opacity:0;transition:opacity .28s ease}.screen-in{opacity:1}.tap{border:0;margin:0;padding:0;background:none;color:inherit;font:inherit;min-width:var(--tap-min);min-height:var(--tap-min);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.tap:active{transform:var(--base-transform, translate(0)) scale(.94)}.chrome{position:absolute;top:calc(var(--pad) + env(safe-area-inset-top));right:calc(var(--pad) + env(safe-area-inset-right));display:flex;gap:10px;z-index:40}.chrome-btn{width:var(--tap-min);height:var(--tap-min);min-width:var(--tap-min);min-height:var(--tap-min);border-radius:26px;background:#ffffffe6;color:var(--ink);box-shadow:0 6px #00000040}.chrome-glyph{display:block;width:46px;height:46px}.chrome-glyph svg{width:100%;height:100%;display:block}.mute-btn.is-muted{background:#ffb3a7}.refresh-btn{background:#fff6cf;animation:sparkle-kf 1.6s ease-in-out infinite}@keyframes sparkle-kf{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.09) rotate(9deg)}}.pic{display:block;width:100%;height:100%;position:relative}.pic img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.pic-fallback{display:flex;align-items:center;justify-content:center;border-radius:24px;background:var(--fallback, #ffd86b);color:#1d2b45;font-size:clamp(38px,7vw,84px)}.pic-fallback img{display:none}.home-head{display:flex;align-items:center;justify-content:space-between;gap:var(--pad);height:clamp(70px,13vh,120px);flex:0 0 auto}.home-title{height:100%;flex:0 1 320px}.flags{display:flex;gap:12px;margin-right:calc(var(--tap-min) * 2 + 20px)}.flag{width:108px;height:84px;border-radius:18px;overflow:hidden;background:#ffffff40;padding:6px;opacity:.55;border:4px solid transparent}.flag-on{opacity:1;border-color:var(--sun);background:#ffffff80}.flag-art,.flag-art svg{width:100%;height:100%;display:block;border-radius:8px}.home-grid{flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:clamp(10px,1.8vw,22px);min-height:0}.tile{flex:0 0 calc(33.333% - clamp(10px,1.8vw,22px));height:calc(50% - clamp(10px,1.8vw,22px));flex-direction:column;gap:4px;padding:10px;border-radius:30px;background:var(--card);border:4px solid rgba(255,255,255,.35);box-shadow:0 8px #00000047;min-height:0}.tile .pic{flex:1 1 auto;min-height:0}.tile-label{flex:0 0 auto;font-size:clamp(14px,1.6vw,22px);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.book-head{flex:0 0 auto;display:flex;align-items:center;gap:16px;height:clamp(60px,10vh,92px)}.book-count{font-size:clamp(24px,3.4vw,44px);font-weight:800;background:#fff3;border-radius:20px;padding:6px 22px}.sticker-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;overflow-y:auto;align-content:start;padding-right:6px;-webkit-overflow-scrolling:touch}.sticker{aspect-ratio:1;min-width:var(--tap-min);min-height:var(--tap-min);border-radius:22px;padding:6px;background:#ffffff29;border:3px solid rgba(255,255,255,.3)}.sticker-on{background:#ffffffeb;border-color:var(--sun)}.sticker-off .pic img{filter:grayscale(1) brightness(.35) contrast(.5);opacity:.5}@keyframes wobble-kf{0%,to{transform:var(--base-transform, translate(0)) rotate(0)}20%{transform:var(--base-transform, translate(0)) rotate(-7deg) scale(1.02)}40%{transform:var(--base-transform, translate(0)) rotate(6deg) scale(1.02)}60%{transform:var(--base-transform, translate(0)) rotate(-5deg)}80%{transform:var(--base-transform, translate(0)) rotate(4deg)}}.wobble{animation:wobble-kf .55s ease}@keyframes pop-kf{0%{transform:var(--base-transform, translate(0)) scale(1)}45%{transform:var(--base-transform, translate(0)) scale(1.18)}to{transform:var(--base-transform, translate(0)) scale(1)}}.pop{animation:pop-kf .5s ease}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}.confetti-layer i{position:absolute;top:-8%;width:16px;height:22px;border-radius:4px;animation-name:fall-kf;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes fall-kf{to{transform:translateY(115vh) rotate(720deg);opacity:.15}}.splash{position:fixed;inset:0;z-index:95;background:var(--sky-1);display:flex;align-items:center;justify-content:center}.splash-video{width:100%;height:100%;object-fit:contain}@media(prefers-reduced-motion:reduce){.screen,.wobble,.pop,.confetti-layer i,.idle-layer i,.hotspot.hinting,.balloon-art,.balloon.popped,.refresh-btn,.driveout-van,.reward-card{transition:none;animation:none}.screen{opacity:1;transform:none}}.game{position:relative;height:100%;display:flex;flex-direction:column;gap:var(--pad);min-height:0}.game-bg{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#64b6f7,#bfe6ff 60%,#9adf9a)}.game-bg img{width:100%;height:100%;object-fit:cover;pointer-events:none}.progress-dots{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;gap:10px;z-index:20;pointer-events:none}.progress-dots i{width:20px;height:20px;border-radius:50%;background:#ffffff59;border:3px solid rgba(0,0,0,.2)}.progress-dots i.on{background:var(--sun)}.prompt-badge{align-self:center;z-index:25;display:flex;align-items:center;gap:14px;padding:8px 26px;border-radius:30px;background:#fffffff0;color:var(--ink);font-size:clamp(26px,4vw,54px);font-weight:800;box-shadow:0 6px #00000040;min-height:var(--tap-min)}.prompt-badge .glyph{font-size:clamp(34px,5.5vw,72px)}.prompt-replay{gap:12px;padding:8px 30px}.badge-word{font-size:clamp(20px,2.6vw,34px);opacity:.55}.mode-btn{position:absolute;left:8px;bottom:8px;width:var(--tap-min);height:var(--tap-min);border-radius:26px;background:#ffffffe6;box-shadow:0 6px #00000040;z-index:30}.mode-glyph{font-size:40px;line-height:1}.safari-scene{position:relative;flex:1 1 auto;min-height:0}.idle-layer{position:absolute;inset:0;overflow:hidden;border-radius:28px;pointer-events:none;z-index:5}.idle-layer i{position:absolute;display:block}.idle-cloud{width:150px;height:54px;border-radius:40px;background:#ffffffb8;box-shadow:42px -20px 0 -8px #ffffffb8,-40px -12px 0 -14px #ffffffb8;animation:drift-kf linear infinite}.idle-cloud-1{top:7%;animation-duration:64s}.idle-cloud-2{top:15%;transform:scale(.7);animation-duration:88s;animation-delay:-30s}.idle-cloud-3{top:3%;transform:scale(.5);animation-duration:110s;animation-delay:-70s}@keyframes drift-kf{0%{left:-200px}to{left:105%}}.idle-bird{top:12%;width:26px;height:26px;border-top:5px solid rgba(30,30,45,.75);border-right:5px solid rgba(30,30,45,.75);border-radius:0 60% 0 0;animation:fly-kf 26s linear infinite,flap-kf .9s ease-in-out infinite alternate}@keyframes fly-kf{0%{left:-40px}to{left:105%}}@keyframes flap-kf{0%{transform:rotate(-38deg) scaleY(1)}to{transform:rotate(-38deg) scaleY(.45)}}.idle-car{bottom:16%;width:76px;height:30px;border-radius:14px 20px 8px 8px;background:#e01b1b;border:4px solid #12121a;box-shadow:14px 22px 0 -8px #12121a,-14px 22px 0 -8px #12121a;opacity:.9;animation:drive-kf 21s linear infinite;animation-delay:-6s}@keyframes drive-kf{0%{left:-110px}to{left:106%}}.hotspot{position:absolute;width:13%;min-width:var(--tap-min);min-height:var(--tap-min);aspect-ratio:1;border-radius:50%;padding:4px;background:radial-gradient(circle at 50% 78%,#ffffff8c,#fff0 62%);border:0;--base-transform: translate(-50%, -50%);transform:translate(-50%,-50%);filter:drop-shadow(0 6px 6px rgba(0,0,0,.3));z-index:10}.hotspot.tapped{filter:drop-shadow(0 0 10px var(--sun)) drop-shadow(0 6px 6px rgba(0,0,0,.3))}.hotspot.found{filter:drop-shadow(0 6px 6px rgba(0,0,0,.3));opacity:.55;pointer-events:none}.hotspot.found:after{content:"";position:absolute;right:2%;bottom:2%;width:34%;height:34%;border-radius:50%;background:#22a94a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat;border:3px solid #12121a}.hotspot.hinting{animation:hint-kf 1.1s ease-in-out infinite;z-index:12}@keyframes hint-kf{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(-8deg) scale(1.12)}75%{transform:translate(-50%,-50%) rotate(8deg) scale(1.12)}}.mission-card{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;z-index:15}.mission-card .pic{max-width:min(46vw,520px);margin:0 auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}.choice-row{flex:0 0 auto;display:flex;justify-content:center;gap:clamp(10px,2vw,26px);z-index:15;height:clamp(120px,26vh,220px)}.choice{aspect-ratio:1;height:100%;min-width:var(--tap-min);min-height:var(--tap-min);border-radius:28px;padding:8px;background:#ffffffeb;border:5px solid rgba(255,255,255,.6);box-shadow:0 7px #00000040}.choice.correct{border-color:#6ee07a}.rescue-anim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:30;pointer-events:none}.rescue-anim .pic{width:40%;height:40%;animation:zoom-in-kf .9s ease}@keyframes zoom-in-kf{0%{transform:scale(.2) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.driveout{position:absolute;inset:0;z-index:35;overflow:hidden;border-radius:28px;pointer-events:none;background:#09162d59}.driveout-road{position:absolute;left:0;right:0;bottom:6%;height:62%}.driveout-road .pic img{object-fit:cover}.driveout-van{position:absolute;bottom:12%;left:0;width:clamp(200px,30vw,380px);height:42%;animation:driveby-kf 1.7s cubic-bezier(.3,0,.5,1) forwards}@keyframes driveby-kf{0%{transform:translate(-120%)}to{transform:translate(calc(100vw + 20%))}}.bubble-field{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;z-index:10}.bubble{position:absolute;width:clamp(96px,13vw,160px);height:clamp(96px,13vw,160px);min-width:var(--tap-min);min-height:var(--tap-min);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#bfe0ff 55%,#6fb6f0);border:5px solid rgba(255,255,255,.85);color:var(--ink);font-size:clamp(38px,6vw,76px);font-weight:900;box-shadow:0 6px #0003;will-change:transform}.bubble.zipped{animation:zip-kf .5s ease forwards}@keyframes zip-kf{0%{transform:var(--base-transform, translate(0)) scale(1);opacity:1}to{transform:var(--base-transform, translate(0)) scale(.1) translateY(30vh);opacity:0}}.web-line{position:absolute;height:6px;background:repeating-linear-gradient(90deg,#fff 0 12px,#fff3 12px 20px);transform-origin:0 50%;z-index:12;pointer-events:none;animation:web-fade-kf .5s ease forwards}@keyframes web-fade-kf{0%{opacity:1}to{opacity:0}}.trace-wrap{position:relative;flex:1 1 auto;min-height:0;z-index:10}.trace-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.villain{position:absolute;left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%);z-index:11;pointer-events:none}.villain.trapped{animation:trapped-kf 1s ease}@keyframes trapped-kf{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(.75) rotate(12deg)}to{transform:translate(-50%,-50%) scale(.85) rotate(-6deg)}}.balloon-field{position:relative;flex:1 1 auto;min-height:0;z-index:10}.balloon{position:absolute;bottom:6%;width:clamp(110px,15vw,176px);aspect-ratio:110 / 165;min-width:var(--tap-min);min-height:var(--tap-min);padding:0;--base-transform: translateX(-50%);transform:translate(-50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.32))}.balloon-art{animation-name:bob-kf;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes bob-kf{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-26px) rotate(3deg)}}.balloon-art,.balloon-art svg{width:100%;height:100%;display:block}.balloon.popped{animation:pop-away-kf .45s ease forwards;pointer-events:none}@keyframes pop-away-kf{0%{transform:translate(-50%) scale(1);opacity:1}40%{transform:translate(-50%) translateY(-10px) scale(1.25);opacity:1}to{transform:translate(-50%) translateY(-40px) scale(.1);opacity:0}}.reward{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#09162dd1;animation:fade-in-kf .3s ease}@keyframes fade-in-kf{0%{opacity:0}to{opacity:1}}.reward-card{width:min(42vh,340px);height:min(42vh,340px);border-radius:40px;background:var(--card-solid);padding:16px;box-shadow:0 12px #00000059;animation:reward-in-kf .6s cubic-bezier(.2,1.4,.4,1)}@keyframes reward-in-kf{0%{transform:scale(.2) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.reward-tap{min-width:200px;height:var(--tap-min);border-radius:30px;background:var(--sun);color:var(--ink);font-size:32px;font-weight:800;padding:0 30px}