:root{--sky: #7ec8e3;--ink: #2c3340;--panel: #fff7e6;--accent: #ffd34e;--door-red: #d6453d;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:"Baloo 2",Comic Sans MS,Trebuchet MS,system-ui,sans-serif;background:#20242e;color:var(--ink);overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.app-surround{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--sky)}.app-frame{position:relative;height:100dvh;aspect-ratio:390 / 844;max-width:100vw;overflow:hidden;background:transparent}.scene-svg{display:block;width:100%;height:100%;touch-action:manipulation}.hitbox{cursor:pointer;fill:transparent;outline:none}.hitbox:focus-visible{fill:#ffffff2e}.anim-wiggle{animation:kk-wiggle .42s ease}.anim-bounce{animation:kk-bounce .52s cubic-bezier(.34,1.56,.64,1)}.anim-squash{animation:kk-squash .32s ease}.anim-glow_pulse{animation:kk-glow .7s ease}.anim-slide_open{animation:kk-slide .6s ease}.anim-peek{animation:kk-peek .8s ease}.anim-particle_pop{animation:kk-pop .5s ease}.idle-hint{animation:kk-wiggle .9s ease-in-out 2}@keyframes kk-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes kk-bounce{0%{transform:translateY(0)}40%{transform:translateY(-18px)}70%{transform:translateY(0)}85%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes kk-squash{0%,to{transform:scale(1)}50%{transform:scale(1.12,.88)}}@keyframes kk-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}@keyframes kk-slide{0%{transform:translate(0)}60%{transform:translate(7px)}to{transform:translate(0)}}@keyframes kk-peek{0%{transform:translateY(6px);opacity:.6}50%{transform:translateY(-3px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes kk-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.particle{animation:kk-float 1.1s ease-out forwards}@keyframes kk-float{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(var(--dx, 0),var(--dy, -120px)) scale(1);opacity:0}}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ui-layer>*{pointer-events:auto}.icon-btn{border:none;background:#ffffffd9;border-radius:999px;width:56px;height:56px;font-size:26px;line-height:1;display:grid;place-items:center;box-shadow:0 3px #00000026;cursor:pointer}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #00000026}.topbar{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;gap:10px}.meter{position:absolute;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:8px}.meter-pip{width:30px;height:30px;font-size:26px;line-height:1;display:grid;place-items:center;filter:grayscale(1) opacity(.4);transition:filter .25s ease,transform .25s ease}.meter-pip.filled{filter:none;transform:scale(1.15)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--sky);z-index:10}.overlay-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.overlay-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff9}.overlay-head h1{font-size:20px;margin:0}.collection-section{display:flex;align-items:center;gap:8px;font-size:19px;margin:18px 2px 8px;color:var(--ink)}.collection-count{margin-left:auto;font-size:14px;font-weight:700;color:#fff;background:#00000038;border-radius:999px;padding:2px 10px}.map-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.place-card{display:flex;align-items:center;gap:14px;width:100%;border:none;text-align:left;padding:14px 16px;border-radius:18px;background:#fff7e6;box-shadow:0 3px #0000001f;cursor:pointer;font:inherit;color:var(--ink)}.place-card:active{transform:translateY(2px);box-shadow:0 1px #0000001f}.place-card.locked{background:#ffffff73;color:#8a8f98;cursor:default;box-shadow:none}.place-card.current{outline:3px solid var(--door-red)}.place-icon{font-size:40px;line-height:1}.place-text{display:flex;flex-direction:column}.place-name{font-size:20px;font-weight:700}.place-status{font-size:14px;opacity:.72}.place-here{margin-left:auto;background:var(--door-red);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.map-hint{text-align:center;color:#555;margin-top:18px;font-size:15px}.splash{align-items:center;justify-content:center;gap:22px;text-align:center;background:linear-gradient(160deg,#7ec8e3,#aee3f0)}.splash h1{font-size:clamp(28px,8vw,44px);margin:0 24px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.15)}.splash-sub{color:#fff;margin:0 24px;font-size:18px}.splash-house{font-size:clamp(56px,18vw,96px);line-height:1;animation:kk-bob 2.2s ease-in-out infinite;filter:drop-shadow(0 6px 0 rgba(0,0,0,.12))}@keyframes kk-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.splash-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.splash-sparkle{position:absolute;font-size:clamp(20px,6vw,30px);animation:kk-twinkle 2.6s ease-in-out infinite}@keyframes kk-twinkle{0%,to{transform:translateY(0) scale(.9);opacity:.5}50%{transform:translateY(-8px) scale(1.1);opacity:1}}.celebrate{background:linear-gradient(160deg,#ffd86b,#ffb347 65%,#ff9e5e)}.celebrate>:not(.confetti-rain){position:relative;z-index:1}.celebrate-stars{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:92%;font-size:clamp(22px,6vw,40px);line-height:1}.celebrate-star{animation:kk-star-pop .6s cubic-bezier(.2,1.5,.4,1) both;filter:drop-shadow(0 4px 0 rgba(0,0,0,.12))}@keyframes kk-star-pop{0%{transform:scale(0) rotate(-35deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.confetti-rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.confetti-bit{position:absolute;top:-8%;width:10px;height:14px;border-radius:2px;opacity:.92;animation-name:kk-confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes kk-confetti-fall{0%{transform:translateY(-15vh) rotate(0)}to{transform:translateY(115vh) rotate(var(--rot, 360deg))}}.play-btn{border:none;background:var(--door-red);color:#fff;font-size:26px;font-weight:700;padding:18px 40px;border-radius:999px;box-shadow:0 6px #a8332c;cursor:pointer;animation:kk-bounce 1.4s ease-in-out infinite}.play-btn:active{transform:translateY(4px);box-shadow:0 2px #a8332c}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.card{background:var(--panel);border-radius:16px;padding:12px;text-align:center;box-shadow:0 3px #0000001f}.card.locked{filter:grayscale(1) brightness(.92);opacity:.7}.card.isnew{animation:kk-glow .9s ease 3}.card h3{margin:8px 0 4px;font-size:15px}.card p{margin:2px 0;font-size:12px;color:#555}.card-art{width:92px;height:92px;margin:0 auto}.insight{background:var(--panel);border-radius:16px;padding:14px 16px;margin-bottom:12px;box-shadow:0 3px #0000001a}.insight h3{margin:0 0 6px;font-size:16px}.insight .kid{font-size:15px;white-space:pre-line}.insight .parent{font-size:12px;color:#6a5a3a;margin-top:8px;font-style:italic}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{border:none;background:var(--accent);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.chip.selected{outline:3px solid var(--door-red)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid rgba(0,0,0,.08);font-size:16px}.atticus-slot{background:#fff;border:3px dashed var(--accent);border-radius:16px;padding:16px;text-align:center;margin-top:8px}.atticus-slot img{max-width:100%;max-height:240px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}