:root{--green: #3fae49;--green-dark: #2b8a34;--orange: #ff8a1f;--orange-dark: #d96a00;--pink: #ff6fa8;--pink-dark: #d94c86;--blue: #3fa6e0;--blue-dark: #2a7fb8;--ink: #4a2f12;--card: #fffaf0}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;color:var(--ink);background:linear-gradient(#6cc9ff,#a6e2ff 45%,#dff6ff 70%,#eafbe0);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}button{font-family:inherit}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:70px 14px 14px;z-index:10;overflow-y:auto}.screen.top{align-items:flex-start;padding-top:60px}.screen.dim{background:#285a4659;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--card);border-radius:28px;padding:20px 24px 22px;width:min(540px,100%);text-align:center;box-shadow:0 8px #e6cf9e,0 18px 40px #0003;border:4px solid #fff;animation:pop .35s cubic-bezier(.2,1.6,.5,1);max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);overflow-y:auto;margin:auto 0}.small-card{width:min(340px,100%)}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.logo{font-size:3rem;font-weight:800;color:var(--green);line-height:1;text-shadow:0 3px 0 #fff,0 6px 0 rgba(0,0,0,.08);margin-top:4px}.logo span{color:var(--orange)}.tagline{font-size:1.2rem;font-weight:700;margin:6px 0 8px}.verse{background:#eaf8dc;border-radius:16px;padding:6px 12px;margin:0 0 14px;line-height:1.25}.verse b{display:block;font-size:1.05rem;color:#2b6a2f}.verse small{opacity:.7}.title-card{width:min(460px,100%);background:#fffaf0f2;margin:0}.ribbon{display:inline-block;background:var(--green);color:#fff;font-weight:800;padding:2px 16px;border-radius:999px;margin:2px 0 6px;font-size:1rem;box-shadow:0 3px 0 var(--green-dark)}blockquote{margin:4px 0 0;font-size:1.12rem;font-weight:700;line-height:1.3;color:#5a3a10}blockquote:before{content:"“"}blockquote:after{content:"”"}.source{font-size:.85rem;opacity:.7}h1,h2,h3{margin:4px 0}h1{font-size:2.3rem;color:var(--green);line-height:1.1}h2{font-size:1.6rem;line-height:1.15}h3{margin-top:14px}.sub{margin:0 0 10px;opacity:.85}.sub.small{font-size:.85rem}.goal{font-size:1.15rem;margin:2px 0 8px}.row{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}.btn{font-weight:800;font-size:1.15rem;cursor:pointer;border:none;border-radius:18px;padding:10px 20px;color:#fff;background:var(--green);box-shadow:0 5px 0 var(--green-dark);transition:transform .08s,box-shadow .08s}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--green-dark)}.btn.big{font-size:1.55rem;padding:10px 40px}.btn.alt{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.btn.alt:active{box-shadow:0 1px 0 var(--blue-dark)}.btn.soft{background:#fff;color:var(--ink);box-shadow:0 5px #e6cf9e;border:3px solid #f0dca8}.link-btn{background:none;border:none;color:var(--blue-dark);font-weight:800;font-size:1rem;cursor:pointer;padding:6px 10px}.icon-btn{font-size:1.4rem;width:50px;height:50px;border-radius:50%;border:3px solid #fff;background:#ffffffe6;cursor:pointer;box-shadow:0 3px #0000001f;display:grid;place-items:center;padding:0}.icon-btn.off{opacity:.6}#topbar{position:fixed;top:10px;right:10px;display:flex;gap:8px;z-index:30}.map-card{width:min(600px,100%)}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-tile{position:relative;background:#fff;border:3px solid #f0dca8;border-radius:20px;padding:6px 4px;box-shadow:0 5px #f0dca8;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;align-items:center;transition:transform .08s}.map-tile:hover:not(:disabled){border-color:var(--orange)}.map-tile:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #f0dca8}.map-tile img{width:100%;max-width:88px;aspect-ratio:1;object-fit:contain}.map-tile .nm{font-weight:800;font-size:1rem;line-height:1.05}.map-tile .sp{font-size:.78rem;opacity:.7;line-height:1}.map-tile .st{font-size:.95rem;letter-spacing:1px;min-height:1.3em}.map-tile .num{position:absolute;top:4px;left:8px;font-weight:800;color:#c7a86a}.map-tile.next{border-color:var(--pink);box-shadow:0 5px 0 var(--pink-dark)}.map-tile.next img{animation:nudge 1.4s infinite}.map-tile:disabled{cursor:default;background:#f3ecdc}.map-tile:disabled img{filter:brightness(0) opacity(.18)}.map-tile .lock{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.intro-card{width:min(560px,100%)}.level-badge{display:inline-block;font-size:1.1rem;font-weight:800;color:#fff;background:var(--pink);border-radius:14px;padding:0 16px;box-shadow:0 4px 0 var(--pink-dark)}.intro-head{display:flex;align-items:center;gap:12px;text-align:left;margin:6px 0}.portrait{width:120px;height:120px;object-fit:contain;flex:none;background:radial-gradient(#fff 55%,#eaf8dc 56%);border-radius:50%}.how{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 10px}.how span{background:#fff3c4;border-radius:999px;padding:2px 12px;font-weight:700;font-size:.95rem}.tip{background:#eaf8dc;border-radius:20px;padding:8px 14px 4px;margin:0 0 14px}.tip .kid{margin:6px 0 0;font-size:1rem;line-height:1.3}#hud{position:fixed;top:10px;left:10px;right:10px;z-index:5;pointer-events:none;display:flex;align-items:flex-start}#hud>*{pointer-events:auto}#hud>.hand-hint{pointer-events:none}.hud-center{position:absolute;left:50%;transform:translate(-50%);background:#ffffffeb;border-radius:22px;padding:2px 16px 6px;border:3px solid #fff;box-shadow:0 4px #0000001a;text-align:center;white-space:nowrap}.hud-name{font-weight:800;font-size:1.05rem;line-height:1.3}.meter{display:flex;gap:3px;justify-content:center;font-size:1.45rem;line-height:1}.meter span{transition:transform .2s;filter:grayscale(1) opacity(.3)}.meter span.on{filter:none;animation:heartPop .45s}@keyframes heartPop{50%{transform:scale(1.6)}}.hand-hint{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);background:#ffffffeb;border-radius:999px;padding:4px 16px;font-weight:800;font-size:1.05rem;box-shadow:0 3px #0000001f;white-space:nowrap;pointer-events:none;animation:hintBob 1.4s infinite}@keyframes hintBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.bubble{position:fixed;z-index:6;transform:translate(-50%,-100%);max-width:min(360px,86vw);background:#fff;border-radius:20px;padding:8px 14px;font-weight:700;font-size:1.1rem;line-height:1.25;box-shadow:0 4px #0000001f;border:3px solid #fff;text-align:center;pointer-events:none;animation:bubbleIn .25s cubic-bezier(.2,1.6,.5,1)}.bubble:after{content:"";position:absolute;left:50%;bottom:-14px;transform:translate(-50%);border:10px solid transparent;border-top:12px solid #fff}.bubble.good{background:#e6ffd9;border-color:#9fe07e}.bubble.good:after{border-top-color:#9fe07e}.bubble.junk{background:#fff0f3;border-color:#ffb3c2}.bubble.junk:after{border-top-color:#ffb3c2}.bubble.ask{background:#fff7d1;border-color:#ffd23f}.bubble.ask:after{border-top-color:#ffd23f}@keyframes bubbleIn{0%{transform:translate(-50%,-100%) scale(.6);opacity:0}}#tags{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.tag{position:absolute;transform:translate(-50%);background:#ffffffeb;border-radius:999px;padding:0 10px;font-weight:800;font-size:.9rem;white-space:nowrap;box-shadow:0 2px #0000001f}#popups{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:hidden}.popup{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:2.6rem;color:#fff;-webkit-text-stroke:2px var(--green-dark);paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.2);animation:bigPop 1.6s ease-out forwards;white-space:nowrap}@keyframes bigPop{0%{transform:translate(-50%,-50%) scale(.3)}20%{transform:translate(-50%,-50%) scale(1.15)}80%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.stars{font-size:2.8rem;letter-spacing:6px;margin:0;line-height:1.1}.stars span{display:inline-block;animation:spinIn .6s backwards}.stars span.off{filter:grayscale(1) opacity(.3)}@keyframes spinIn{0%{transform:rotate(-360deg) scale(0)}to{transform:rotate(0) scale(1)}}.earn{background:#fff3c4;border-radius:16px;padding:8px 12px;margin:8px 0 14px;font-size:1.05rem;font-weight:700;line-height:1.45}.earn .foods{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:2px}.earn .foods img{width:44px;height:44px}.new-sticker{margin:4px 0}.new-label{font-weight:800;color:var(--pink-dark);font-size:1.2rem}.sticker{background:#fff;border-radius:22px;border:4px solid #fff;box-shadow:0 4px 10px #00000026;display:inline-flex;flex-direction:column;align-items:center;padding:4px;position:relative}.big-sticker{width:140px;height:140px;animation:stickerIn .9s cubic-bezier(.2,1.6,.5,1);background:radial-gradient(#fff 50%,#ffeaf2 51%)}.big-sticker img{width:100%;height:100%;object-fit:contain}@keyframes stickerIn{0%{transform:rotate(-30deg) scale(0)}to{transform:rotate(-4deg) scale(1)}}.book-card{width:min(640px,100%);background:#fff8e6 repeating-linear-gradient(0deg,transparent 0 30px,rgba(63,166,224,.08) 30px 32px)}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 12px}.book-grid .sticker{width:100%}.book-grid .sticker:nth-child(odd){transform:rotate(-2.5deg)}.book-grid .sticker:nth-child(2n){transform:rotate(2deg)}.book-grid img{width:100%;max-width:92px;aspect-ratio:1;object-fit:contain}.book-grid .nm{font-weight:800;line-height:1.1}.book-grid .fav{font-size:.78rem;opacity:.75;line-height:1.1}.book-grid .st{font-size:.9rem}.book-grid .sticker.locked{background:#efe6d2;box-shadow:none;border:3px dashed #d8c7a2}.book-grid .sticker.locked img{filter:brightness(0) opacity(.15)}.book-grid .sticker.locked .q{position:absolute;top:30%;font-size:2rem;font-weight:800;color:#b9a57a}.grown-card{text-align:left;width:min(620px,100%)}.grown-card h2,.grown-card h3{text-align:center}.sources{padding-left:18px;margin:6px 0;font-size:.92rem;line-height:1.35}.sources li{margin-bottom:6px}.sources small{opacity:.7}@media(min-width:900px)and (min-aspect-ratio:5/4){#screen-title{justify-content:flex-start;padding-left:5vw;align-items:center}}#introBack{display:block;margin:6px auto 0}@media(max-width:520px){.logo{font-size:2.5rem}.card{padding:14px 14px 18px}.btn.big{font-size:1.35rem;padding:10px 28px}.portrait{width:96px;height:96px}h2{font-size:1.35rem}blockquote{font-size:1rem}.how span{font-size:.85rem}.map-grid,.book-grid{gap:8px}.hud-center{padding:1px 10px 4px;position:static;transform:none;margin-left:8px}.meter{font-size:1.2rem}.bubble{font-size:1rem}.tag{font-size:.78rem;padding:0 7px}}@media(max-height:560px){.screen{padding-top:64px}.logo{font-size:2.2rem}}