:root{--green: #3fae49;--green-dark: #2b8a34;--blue: #3fa6e0;--blue-dark: #2a7fb8;--gold: #ffd24a;--gold-dark: #e0a800;--pink: #ff6fa8;--pink-dark: #c8467c;--ink: #4a2f12;--card: #fffaf0}*{box-sizing:border-box}html{font-size:clamp(14px,calc(.5vw + .5vh + 6px),21px)}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;touch-action:none;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;color:var(--ink);background:linear-gradient(#7ec8ff,#ffe3b0 46%,#fff6e4);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:flex-start;justify-content:center;padding:calc(4.2rem + env(safe-area-inset-top)) max(.9rem,env(safe-area-inset-right)) calc(.9rem + env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left));z-index:10;overflow-y:auto}.screen>.card{margin:auto}.screen.dim{background:#46321459;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--card);border-radius:1.75rem;padding:1.25rem 1.4rem 1.4rem;width:min(30rem,100%);text-align:center;box-shadow:0 .5rem #e0c99a,0 1.1rem 2.5rem #0003;border:4px solid #fff;animation:pop .35s cubic-bezier(.2,1.6,.5,1)}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.logo{font-size:2.5rem;font-weight:800;color:var(--gold-dark);line-height:1;text-shadow:0 3px 0 #fff,0 .3rem 0 rgba(0,0,0,.08);margin:.15rem 0}.logo span{color:var(--green)}.tag{margin:.35rem 0 .8rem;font-weight:700;font-size:1.08rem}.ribbon{display:inline-block;background:var(--green);color:#fff;font-weight:800;padding:.2rem 1.1rem;border-radius:999px;margin:.2rem 0 .7rem;box-shadow:0 3px 0 var(--green-dark)}.steps{text-align:left;margin:0 auto .9rem;max-width:22rem;font-weight:700;line-height:1.35}.steps li{margin:.2rem 0}.quote{font-size:1.05rem;font-weight:700;margin:.7rem 0 .15rem;line-height:1.3}.source{font-size:.82rem;opacity:.7;margin:0 0 .4rem}.explain{background:#fff3c4;border-radius:1rem;padding:.55rem .8rem;margin:.4rem 0 .8rem;text-align:left}.explain p{margin:.15rem 0 0}.hint{font-size:.82rem;opacity:.7;margin:.7rem 0 0}.keys{font-size:.85rem;opacity:.75;margin:.45rem 0 0}.row{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap;margin-top:.7rem}.btn{font-weight:800;font-size:1.15rem;cursor:pointer;border:none;border-radius:1.1rem;padding:.55rem 1.3rem;color:#fff;background:var(--green);box-shadow:0 5px 0 var(--green-dark)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--green-dark)}.btn.big{font-size:1.45rem;padding:.7rem 2.2rem}.btn.alt{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.btn.alt:active{box-shadow:0 1px 0 var(--blue-dark)}.link-btn{background:none;border:none;font-weight:700;opacity:.65;cursor:pointer;text-decoration:underline;margin-top:.55rem;font-size:.95rem}.choice{font-weight:800;font-size:1.1rem;cursor:pointer;border:4px solid #fff;border-radius:1.1rem;padding:.5rem .9rem;background:#fff;box-shadow:0 .3rem #e0c99a;color:var(--ink)}.choice.on{border-color:var(--green);background:#e8f8e6}.icon-btn{width:2.8rem;height:2.8rem;border-radius:50%;border:3px solid #fff;background:#ffffffe6;cursor:pointer;box-shadow:0 3px #0000001f;font-size:1.2rem;padding:0}#topbar{position:fixed;top:calc(.6rem + env(safe-area-inset-top));left:max(.6rem,env(safe-area-inset-left));right:max(.6rem,env(safe-area-inset-right));display:flex;gap:.45rem;z-index:30;align-items:center;pointer-events:none}#topbar>*{pointer-events:auto}.spacer{flex:1}.pill{display:flex;align-items:center;gap:.35rem;background:#fff;border-radius:999px;padding:.2rem .85rem .2rem .55rem;font-size:1.15rem;box-shadow:0 3px #0000001f;font-weight:800}.pill.bump{animation:bump .4s}@keyframes bump{50%{transform:scale(1.18)}}.coin{width:1.15rem;height:1.15rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff1a8,#ffd24a 42%,#e0a800);box-shadow:inset 0 0 0 2px #e0a800}#objective{position:fixed;top:calc(4.15rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:6;pointer-events:none;background:#fff;border:3px solid var(--pink);border-radius:999px;padding:.3rem 1rem;font-weight:800;max-width:92vw;text-align:center;box-shadow:0 4px #00000014}#popups{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25}.floater{position:fixed;transform:translate(-50%,-50%);font-weight:800;font-size:1.35rem;color:#fff;-webkit-text-stroke:4px #4a2f12;paint-order:stroke fill;animation:floatUp .9s ease-out forwards;pointer-events:none}@keyframes floatUp{to{transform:translate(-50%,-170%);opacity:0}}#joy{position:fixed;left:max(1rem,env(safe-area-inset-left));bottom:calc(1rem + env(safe-area-inset-bottom));width:7rem;height:7rem;border-radius:50%;z-index:20;touch-action:none;background:#ffffff59;border:3px solid rgba(255,255,255,.85)}#knob{position:absolute;width:2.8rem;height:2.8rem;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 3px #0000001f}@media(pointer:fine){#joy{display:none}}@media(pointer:coarse){.keys{display:none}}blockquote{margin:.4rem 0 .2rem;font-size:1.25rem;font-weight:800;line-height:1.3}h1{margin:.2rem 0;color:var(--green);font-size:2rem}.sub{margin:.2rem 0 .6rem;font-weight:700}