:root{--mint:#f1f8f3;--ink:#243b53;--ink-soft:#4f6479;--line:#d7e8dc;--surface:#fff;--sun:#ffc933;--sun-edge:#d9a514;--sun-soft:#fff3c4;--leaf:#2eb872;--leaf-deep:#177a45;--leaf-soft:#dcf5e6;--sky:#2d9cdb;--sky-deep:#1c6ea4;--sky-soft:#d6ecfb;--coral:#ff6f61;--coral-deep:#c9483b;--coral-soft:#ffe3df;--honey:#e6a456;--amber-soft:#ffe9b3;--sky-top:#bde5fa;--sky-bottom:#fff5d6;--hill-far:#a9ddb0;--hill-near:#6cc486;--canopy:#2f9a5b;--trunk:#8a5a33;--river:#58b7e8;--font-display:ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lift:0 1px 0 #243b530d, 0 14px 32px -14px #243b534d;--hud-h:76px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--mint);color:var(--ink);font:400 16px/1.5 var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit;touch-action:manipulation}h1,h2,h3,p{margin:0}[hidden]{display:none!important}:focus-visible{outline:4px solid var(--sky);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-rows:var(--hud-h) 1fr;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 72%);min-height:100dvh;display:grid}.hud{z-index:8;align-items:center;gap:10px;padding-inline:16px;display:flex;position:relative}.hud-right{gap:8px;margin-left:auto;display:flex}.hud-pill{background:var(--surface);min-height:50px;box-shadow:var(--lift);font:800 18px/1 var(--font-display);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.hud-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hud-icon{cursor:pointer;justify-content:center;width:50px;padding:0;font-size:22px}.hud-coins b{font-variant-numeric:tabular-nums;min-width:2ch}.hud-coins.bump{animation:bump .32s var(--ease-spring)}.btn{background:var(--sun);min-height:62px;box-shadow:0 6px 0 var(--sun-edge);font:800 20px/1 var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:0 26px;transition:transform .1s,box-shadow .1s,opacity .2s;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--sun-edge);transform:translateY(4px)}.btn.secondary{background:var(--surface);box-shadow:0 6px 0 var(--line)}.btn.secondary:active:not(:disabled){box-shadow:0 2px 0 var(--line)}.btn.sky{background:var(--sky-soft);box-shadow:0 6px #8cc3e8}.btn.sky:active:not(:disabled){box-shadow:0 2px #8cc3e8}.btn:disabled{opacity:.4;cursor:default}.btn.pulse{animation:.9s ease-in-out infinite pulse}.map-screen{align-content:start;gap:16px;width:100%;max-width:1100px;margin-inline:auto;padding:4px 16px 28px;display:grid}.map-intro h1{font:800 clamp(30px, 5vw, 46px)/1.05 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.map-intro p{max-width:58ch;color:var(--ink-soft);margin-top:6px;font-size:17px}.map-board{aspect-ratio:16/8.2;background:radial-gradient(130% 70% at 15% 108%, var(--hill-near) 0 52%, transparent 53%), radial-gradient(120% 64% at 90% 110%, var(--hill-far) 0 58%, transparent 59%), linear-gradient(180deg, #d6efff 0%, #eef8e4 58%);width:100%;box-shadow:var(--lift);border-radius:32px;position:relative;overflow:hidden}.map-path{width:100%;height:100%;position:absolute;inset:0}.map-path .trail{fill:none;stroke:#f7e6b8;stroke-width:30px;stroke-linecap:round;stroke-linejoin:round}.map-path .trail-dots{fill:none;stroke:#dcb86d;stroke-width:5px;stroke-dasharray:1 20;stroke-linecap:round}.map-deco{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.node{cursor:pointer;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.node-disc{border:5px solid var(--leaf);background:var(--surface);width:88px;height:88px;box-shadow:0 7px 0 var(--leaf-deep), var(--lift);transition:transform .2s var(--ease-spring);border-radius:50%;place-items:center;font-size:42px;display:grid}.node:hover .node-disc,.node:focus-visible .node-disc{transform:translateY(-4px)scale(1.05)}.node:active .node-disc{box-shadow:0 3px 0 var(--leaf-deep), var(--lift);transform:translateY(4px)}.node[data-boss] .node-disc{border-color:var(--sun-edge);box-shadow:0 7px 0 #a87c0c, var(--lift);background:var(--sun-soft)}.node-label{background:var(--surface);box-shadow:var(--lift);font:800 15px/1.1 var(--font-display);white-space:nowrap;border-radius:999px;padding:6px 12px}.node-stars{letter-spacing:1px;min-height:22px;font-size:17px}.node-stars .dim{opacity:.25;filter:grayscale()}.node[data-locked]{cursor:default}.node[data-locked] .node-disc{filter:saturate(.2);background:#e9efea;border-color:#c4d4c8;font-size:30px;box-shadow:0 7px #a9bcae}.node[data-locked]:hover .node-disc{transform:none}.node[data-next] .node-disc{animation:1.5s ease-in-out infinite beckon}.hero-token{z-index:2;pointer-events:none;filter:drop-shadow(0 6px 4px #243b5340);transition:left .7s var(--ease-out), top .7s var(--ease-out);font-size:46px;line-height:1;position:absolute;transform:translate(-50%,-215%)}@media (max-width:640px){.map-board{aspect-ratio:3/4.4}.node-disc{border-width:4px;width:70px;height:70px;font-size:32px}.node-label{font-size:13px}.hero-token{font-size:38px}}.level-screen{min-height:0;position:relative}.stage{height:calc(100dvh - var(--hud-h));min-height:520px;position:relative;overflow:hidden}.hoot{z-index:7;justify-items:end;gap:8px;display:grid;position:absolute;top:12px;right:16px}.hoot-btn{background:var(--surface);width:64px;height:64px;box-shadow:0 5px 0 var(--line), var(--lift);cursor:pointer;border:0;border-radius:50%;font-size:36px}.hoot-btn:active{box-shadow:0 2px 0 var(--line), var(--lift);transform:translateY(3px)}.hoot-btn.nudge{animation:.5s ease-in-out 3 wiggle}.hoot-bubble{background:var(--surface);max-width:min(330px,100vw - 32px);box-shadow:var(--lift);font:700 17px/1.35 var(--font-display);animation:pop-in .3s var(--ease-spring);border-radius:20px 6px 20px 20px;padding:12px 16px}.result{z-index:20;background:#243b5373;place-items:center;padding:16px;animation:.25s fade;display:grid;position:fixed;inset:0}.result-card{background:var(--surface);text-align:center;width:min(460px,100%);animation:pop-in .45s var(--ease-spring);border-radius:32px;justify-items:center;gap:12px;padding:28px 24px 24px;display:grid;box-shadow:0 30px 60px -20px #243b538c}.result-emoji{font-size:64px;line-height:1}.result-card h2{font:800 30px/1.1 var(--font-display);text-wrap:balance}.result-stars{gap:8px;font-size:50px;line-height:1;display:flex}.result-stars span{opacity:.25;filter:grayscale();transition:transform .4s var(--ease-spring), opacity .2s, filter .2s;transform:scale(.6)}.result-stars span.on{opacity:1;filter:none;transform:scale(1)}.result-note{max-width:36ch;color:var(--ink-soft);font-size:17px}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.fx{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx>span{will-change:transform, opacity;line-height:1;position:absolute;top:0;left:0}.fx .dot{border-radius:50%;width:11px;height:11px}.fx .float-text{font:800 26px/1 var(--font-display);color:var(--ink);white-space:nowrap;text-shadow:0 2px #fff,0 0 14px #fff}.fx .float-text.warm{color:var(--coral-deep)}.fx .float-text.gold{color:#a87200}@keyframes bump{50%{transform:scale(1.2)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}}@keyframes fade{0%{opacity:0}}@keyframes beckon{50%{transform:translateY(-7px)}}@keyframes wiggle{25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}@keyframes pulse{50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.frog-stage{background:linear-gradient(#cdeefc 0%,#e6f6dd 40%,#d5efc9 100%)}.frog-scene{grid-template-rows:auto 1fr auto;gap:12px;height:100%;padding-block:12px 18px;display:grid;position:relative}.frog-card{background:var(--surface);max-width:min(560px,100% - 112px);box-shadow:var(--lift);border-radius:24px;justify-self:start;gap:6px;margin-left:16px;padding:14px 18px;display:grid}.frog-round{font:800 14px/1 var(--font-display);color:var(--leaf-deep)}.frog-goal{font:700 clamp(18px, 2.4vw, 23px)/1.35 var(--font-display);text-wrap:balance}.frog-goal b{color:var(--sky-deep);font-variant-numeric:tabular-nums;font-size:1.15em}.frog-count{background:var(--leaf-soft);color:var(--leaf-deep);font:800 17px/1.2 var(--font-display);font-variant-numeric:tabular-nums;border-radius:999px;justify-self:start;padding:6px 14px}.frog-count.over{background:var(--coral-soft);color:var(--coral-deep)}.frog-count.guess{background:var(--sun-soft);color:#7a5600}.river{background:linear-gradient(180deg, #86cff2 0%, var(--river) 45%, #3a9dd4 100%);align-self:center;height:clamp(220px,44vh,360px);position:relative;overflow:hidden}.river:before{content:"";background:repeating-linear-gradient(100deg,#0000 0 40px,#ffffff29 40px 44px,#0000 44px 96px);animation:7s linear infinite river-drift;position:absolute;inset:0}.river:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 16px #93d69c,inset 0 -16px #93d69c}@keyframes river-drift{to{background-position:192px 0}}.track{z-index:1;transition:transform .5s var(--ease-out);position:absolute;top:0;bottom:0;left:0}.pad{width:calc(var(--pad) * .86);aspect-ratio:1;cursor:default;background:radial-gradient(circle at 35% 30%,#93e2a9,#3fb76a 60%,#2b9455);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:56%;transform:translate(-50%,-50%);box-shadow:0 5px #145a3c59}.pad:before{content:"";border:2px solid #ffffff40;border-radius:50%;position:absolute;inset:16%}.pad:disabled{color:inherit;opacity:1}.pad-num{font:800 calc(var(--pad) * .3)/1 var(--font-display);color:#fff;text-shadow:0 2px #145a3c8c;font-variant-numeric:tabular-nums;position:relative}.pad.ten{width:calc(var(--pad) * .96);background:radial-gradient(circle at 35% 30%, #fff1b0, var(--sun) 55%, var(--sun-edge));box-shadow:0 5px #a87c0c}.pad.ten .pad-num{color:var(--ink);text-shadow:0 1px #fff9;font-size:calc(var(--pad) * .34)}.track.predicting .pad{cursor:pointer;animation:1.8s ease-in-out infinite pad-bob}.track.predicting .pad:nth-child(odd){animation-delay:-.9s}.track.predicting .pad:hover{filter:brightness(1.12)}.pad.guess{box-shadow:0 0 0 5px var(--coral), 0 5px 0 #145a3c59}.flag{font-size:calc(var(--pad) * .42);line-height:1;position:absolute;bottom:72%;left:48%}.ripple{pointer-events:none;border:3px solid #ffffffe6;border-radius:50%;animation:.65s ease-out forwards ripple;position:absolute;inset:-6px}@keyframes pad-bob{50%{margin-top:-5px}}@keyframes ripple{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.55)}}.frog{z-index:3;pointer-events:none;transition:left .3s ease-in-out;position:absolute;top:56%;transform:translate(-50%,-84%)}.frog-body{font-size:calc(var(--pad) * .8);transform-origin:50% 90%;filter:drop-shadow(0 7px 3px #143c5a4d);line-height:1;display:inline-block}.firefly{z-index:4;pointer-events:none;background:radial-gradient(circle,#fffbe0 0 30%,#ffd84d 46%,#ffc93300 72%);border-radius:50%;width:28px;height:28px;position:absolute;top:56%;box-shadow:0 0 24px 12px #ffd64d8c}.frog-controls{grid-template-columns:1fr 1.1fr 1.35fr;gap:12px;width:100%;max-width:780px;margin-inline:auto;padding-inline:16px;display:grid}.hop-btn{min-height:74px;padding-inline:12px;font-size:20px}.hop-btn.big{font-size:22px}.frog-sum{z-index:6;background:var(--surface);text-align:center;width:min(440px,100% - 32px);animation:sum-in .45s var(--ease-spring);border-radius:28px;justify-items:center;gap:12px;padding:22px 22px 20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 60px -24px #243b538c}.sum-eq{font:800 clamp(34px, 6vw, 50px)/1.1 var(--font-display);font-variant-numeric:tabular-nums}.sum-ans{background:var(--leaf-soft);color:var(--leaf-deep);border-radius:14px;padding:0 12px;display:inline-block}.sum-note{max-width:34ch;color:var(--ink-soft);font-size:17px}@keyframes sum-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.85)}}@media (max-width:600px){.frog-card{max-width:calc(100% - 112px);padding:12px 14px}.frog-goal{font-size:17px}.frog-controls{grid-template-columns:1fr 1fr}.hop-btn{min-height:64px;font-size:18px}.hop-btn.big{order:-1;grid-column:1/-1}}
.firefly-stage{background:linear-gradient(#2c3f7a 0%,#4661aa 52%,#7e98d6 100%)}.glade{height:100%;position:relative;overflow:hidden}.glade:before{content:"";pointer-events:none;opacity:.7;background:radial-gradient(2px 2px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 34% 9%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 58% 22%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 76% 12%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 90% 30%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 46% 36%,#fff 50%,#0000 51%);position:absolute;inset:0}.glade:after{content:"";pointer-events:none;background:radial-gradient(70% 120px at 20% 100%,#1f5a45 0 98%,#0000 100%),radial-gradient(60% 110px at 85% 100%,#266b50 0 98%,#0000 100%);height:180px;position:absolute;inset:auto 0 0}.glade-card{z-index:3;background:var(--surface);max-width:min(460px,100% - 112px);box-shadow:var(--lift);border-radius:24px;gap:4px;padding:14px 18px;display:grid;position:absolute;top:12px;left:16px}.glade-goal{font:800 clamp(19px, 2.4vw, 24px)/1.25 var(--font-display);text-wrap:balance}.glade-goal b{color:#a87200;font-size:1.2em}.glade-sub{color:var(--ink-soft);font:700 16px/1.3 var(--font-display)}.swarm{z-index:2;position:absolute;inset:96px 0 150px}.fly{cursor:pointer;background:0 0;border:0;border-radius:50%;width:76px;height:76px;margin:-38px 0 0 -38px;padding:0;position:absolute;top:0;left:0}.fly-inner{width:100%;height:100%;transition:transform .2s var(--ease-spring);background:radial-gradient(circle at 50% 45%,#fffbe0 0 30%,#ffe066 46%,#ffd64d59 62%,#ffd64d00 72%);border-radius:50%;place-items:center;animation:2.2s ease-in-out infinite flicker;display:grid}.fly:nth-child(2n) .fly-inner{animation-delay:-1.1s}.fly-num{font:800 29px/1 var(--font-display);color:var(--ink);text-shadow:0 1px #ffffffb3}.fly.picked .fly-inner{background:radial-gradient(circle at 50% 45%,#fff 0 32%,#ffd23f 52%,#ffc93380 64%,#ffc93300 74%);animation:none;transform:scale(1.2);box-shadow:0 0 0 4px #fff,0 0 32px 12px #ffdc5acc}.fly.nope .fly-inner{animation:.42s nope}.fly.hinted .fly-inner{animation:.6s ease-in-out 4 hinted}.beam{transform-origin:0;background:linear-gradient(90deg,#fff6c9,#ffd23f,#fff6c9);border-radius:3px;height:6px;margin-top:-3px;position:absolute;top:0;left:0;box-shadow:0 0 16px 4px #ffdc5ad9}.orb{width:64px;height:64px;font:800 26px/1 var(--font-display);color:var(--ink);pointer-events:none;background:radial-gradient(circle at 40% 35%,#fff,#ffd23f 55%,#e6a100);border-radius:50%;place-items:center;margin:-32px 0 0 -32px;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 30px 12px #ffd64db3}.lantern{z-index:2;justify-items:center;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.lantern-cap{background:var(--trunk);border-radius:12px 12px 4px 4px;width:130px;height:22px;box-shadow:inset 0 -4px #0003}.lantern-glass{border:4px solid var(--trunk);background:#ffffff29;border-radius:22px;gap:10px;padding:14px 18px;transition:box-shadow .4s;display:flex}.slot{background:#ffffff2e;border-radius:50%;width:42px;height:42px;transition:background .3s,box-shadow .3s;box-shadow:inset 0 0 0 3px #ffffff59}.slot.lit{background:radial-gradient(circle at 40% 35%,#fff,#ffd23f 55%,#e6a100);box-shadow:0 0 22px 6px #ffd64dbf}.lantern.glow .lantern-glass{animation:.5s lantern-glow}.lantern.full .lantern-glass{box-shadow:0 0 70px 24px #ffd64d99}@keyframes flicker{50%{opacity:.82;transform:scale(.95)}}@keyframes nope{20%{transform:translate(-9px)rotate(-8deg)}40%{transform:translate(9px)rotate(8deg)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes hinted{50%{transform:scale(1.28);box-shadow:0 0 0 5px #fff}}@keyframes lantern-glow{50%{transform:scale(1.08)}}@media (max-width:600px){.glade-card{max-width:calc(100% - 112px);padding:12px 14px}.swarm{inset:110px 0 130px}.fly{width:66px;height:66px;margin:-33px 0 0 -33px}.fly-num{font-size:26px}.lantern-glass{gap:8px;padding:12px 14px}.slot{width:32px;height:32px}}
.duel-stage{background:linear-gradient(#ffe6bf 0%,#ffe9c9 34%,#d6efc4 74%,#bfe5ae 100%)}.duel{grid-template-rows:minmax(0,1fr) auto auto;gap:10px;height:100%;padding-block:12px 18px;display:grid;position:relative}.duel-speech{z-index:4;background:var(--surface);max-width:min(380px,100% - 112px);box-shadow:var(--lift);font:700 clamp(16px, 2.2vw, 19px)/1.35 var(--font-display);border-radius:6px 22px 22px;padding:12px 16px;position:absolute;top:12px;left:16px}.duel-speech.pop{animation:pop-in .3s var(--ease-spring)}.duel-top{place-items:end center;min-height:0;padding-top:70px;display:grid}.guardian{justify-items:center;width:min(330px,72vw);display:grid;position:relative}.guardian.bow .tree{transform-origin:50% 100%;animation:1.2s ease-in-out 2 bow}.tree{width:100%;height:auto;max-height:34vh}.tree .trunk{fill:var(--trunk)}.tree .canopy{fill:var(--canopy)}.tree .canopy-light{fill:#46b470}.tree .eye{fill:#fff}.tree .pupil{fill:var(--ink)}.tree .mouth{fill:none;stroke:var(--ink);stroke-width:6px;stroke-linecap:round}.shields{z-index:2;justify-content:center;gap:14px;margin-bottom:-18px;display:flex;position:relative}.shield{background:linear-gradient(135deg, #5fd08f, var(--leaf) 55%, var(--leaf-deep));width:80px;height:80px;transition:transform .3s var(--ease-spring);border-radius:0 60%;place-items:center;display:grid;transform:rotate(-45deg);box-shadow:0 6px #0f5a33}.shield span{font:800 26px/1 var(--font-display);color:#fff;text-shadow:0 2px #0f5a33b3;font-variant-numeric:tabular-nums;transform:rotate(45deg)}.shield.current{box-shadow:0 6px 0 #0f5a33, 0 0 0 5px var(--sun), 0 0 26px 8px #ffc93399;animation:1.4s ease-in-out infinite shield-bob}.shield.broken{animation:.9s ease-in forwards shield-fall}@keyframes shield-bob{50%{transform:rotate(-45deg)translate(-4px,-4px)}}@keyframes shield-fall{to{opacity:0;transform:rotate(40deg)translate(60px,180px)scale(.6)}}@keyframes bow{50%{transform:rotate(-4deg)scaleY(.94)}}.spell{box-shadow:var(--lift);background:#fffc;border-radius:26px;justify-content:center;justify-self:center;align-items:center;gap:10px;padding:10px 16px;display:flex}.spell-slot,.spell-total{width:76px;height:90px;font:800 34px/1 var(--font-display);font-variant-numeric:tabular-nums;border-radius:16px;place-items:center;display:grid}.spell-slot{color:#8cc3e8;background:var(--sky-soft);border:3px dashed #8cc3e8}.spell-slot.filled{border-style:solid;border-color:var(--sky-deep);color:var(--ink);background:#fff}.spell-total{background:var(--sun-soft);color:#8a6200;width:auto;min-width:92px;padding-inline:12px}.spell-total.show{animation:pop-in .35s var(--ease-spring);color:var(--ink)}.spell-op{font:800 30px/1 var(--font-display);color:var(--ink-soft)}.spell.charging .spell-slot.filled{box-shadow:0 0 0 4px var(--sky), 0 0 26px 6px #2d9cdb8c}.spell.fizzle{animation:.45s nope}.hand{justify-content:center;gap:10px;min-height:124px;padding-inline:16px;display:flex}.card{background:linear-gradient(160deg, #2f8fd0, var(--sky-deep));color:#fff;width:88px;height:118px;box-shadow:0 6px 0 #144e76, var(--lift);transform:rotate(var(--tilt));transition:transform .22s var(--ease-spring), opacity .2s;cursor:pointer;border:0;border-radius:18px;place-items:center;padding:0;display:grid;position:relative}.card:hover{transform:rotate(var(--tilt)) translateY(-10px)}.card:active{transform:rotate(var(--tilt)) translateY(2px)}.card-num{font:800 36px/1 var(--font-display);font-variant-numeric:tabular-nums;text-shadow:0 2px #0003}.card-rune{opacity:.75;font-size:14px;position:absolute;top:8px;left:10px}.card.used{opacity:.35;transform:rotate(var(--tilt)) translateY(16px) scale(.92)}.card-ghost{transform-origin:0 0;background:linear-gradient(160deg, #2f8fd0, var(--sky-deep));color:#fff;font:800 32px/1 var(--font-display);border-radius:16px;place-items:center;display:grid;position:absolute;top:0;left:0}.bolt{background:radial-gradient(circle,#fff 0 25%,#9fd8ff 45%,#2d9cdb00 72%);border-radius:50%;width:36px;height:36px;position:absolute;top:-18px;left:-18px;box-shadow:0 0 30px 14px #78c8ffcc}.acorn{z-index:5;cursor:pointer;background:0 0;border:0;width:64px;height:64px;padding:0;font-size:42px;line-height:1;position:absolute;top:0}.pip-event{z-index:9;background:#243b5366;place-items:center;padding:16px;animation:.25s fade;display:grid;position:absolute;inset:0}.pip-card{background:var(--surface);text-align:center;width:min(500px,100%);animation:pop-in .4s var(--ease-spring);border-radius:28px;justify-items:center;gap:14px;padding:22px;display:grid;box-shadow:0 30px 60px -20px #243b538c}.pip-line{font:700 19px/1.4 var(--font-display);text-wrap:balance}.pip-face{vertical-align:middle;font-size:34px}.pip-work{background:var(--sky-soft);font:800 34px/1.25 var(--font-display);font-variant-numeric:tabular-nums;border-radius:16px;justify-items:end;padding:8px 20px;display:grid}.pip-work span:nth-child(2){border-bottom:4px solid var(--ink);padding-bottom:4px}.pip-bad{color:var(--coral-deep);letter-spacing:.08em}.pip-ask{max-width:38ch;font:700 17px/1.4 var(--font-display);color:var(--ink-soft)}.pip-choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes nope{20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.shields{gap:36px}@media (max-width:600px){.duel-speech{max-width:calc(100% - 112px);font-size:15px}.shields{gap:28px}.duel-top{padding-top:96px}.shield{width:60px;height:60px}.shield span{font-size:20px}.spell{gap:6px;padding:8px 10px}.spell-slot,.spell-total{width:58px;height:70px;font-size:27px}.spell-total{min-width:70px}.spell-op{font-size:22px}.hand{gap:6px;min-height:100px}.card{border-radius:14px;width:64px;height:90px}.card-num{font-size:26px}}
#app[data-palette=volcano]{--sky-top:#ffd6b0;--sky-bottom:#fff0d9;--hill-near:#c9805a;--hill-far:#e8ae88}#app[data-palette=space]{--sky-top:#c9c6ff;--sky-bottom:#eef0ff;--hill-near:#8f8fd6;--hill-far:#b8b6ee}#app[data-palette=ocean]{--sky-top:#b4ecf2;--sky-bottom:#e8fbf6;--hill-near:#47b8a6;--hill-far:#8fd9cb}#app[data-palette=candy]{--sky-top:#ffd3ec;--sky-bottom:#fff3e0;--hill-near:#f59ac6;--hill-far:#fbc4dd}#app[data-palette=volcano] .frog-stage,#app[data-palette=volcano] .duel-stage{background:linear-gradient(#ffe0c2,#ffd9b3 45%,#f3b48a)}#app[data-palette=space] .frog-stage,#app[data-palette=space] .duel-stage{background:linear-gradient(#d9d6ff,#eceaff 45%,#cfd0f5)}#app[data-palette=ocean] .frog-stage,#app[data-palette=ocean] .duel-stage{background:linear-gradient(#c8f3f7,#e6fbf7 45%,#bfeee2)}#app[data-palette=candy] .frog-stage,#app[data-palette=candy] .duel-stage{background:linear-gradient(#ffe0f1,#fff1e6 45%,#ffd8ea)}#app[data-palette=volcano] .river{background:linear-gradient(#ffb36b,#ff7a3d 50%,#e0552b)}#app[data-palette=volcano] .pad:not(.ten){background:radial-gradient(circle at 35% 30%,#b9a79a,#7d6a5d 60%,#5b4a3f);box-shadow:0 5px #3c281e73}#app[data-palette=space] .river{background:linear-gradient(#5b55b8,#3b3690 50%,#2a2670)}#app[data-palette=space] .pad:not(.ten){background:radial-gradient(circle at 35% 30%,#c9c6e6,#908cb8 60%,#6c6896)}#app[data-palette=ocean] .river{background:linear-gradient(#5fd0e6,#2aa7c9 50%,#1b7fa6)}#app[data-palette=ocean] .pad:not(.ten){background:radial-gradient(circle at 35% 30%,#ffb9a3,#f07b62 60%,#cf5a43)}#app[data-palette=candy] .river{background:linear-gradient(#ffc1e0,#ff9fcf 50%,#f07fb6)}#app[data-palette=candy] .pad:not(.ten){background:radial-gradient(circle at 35% 30%,#a6e6fb,#5fbde0 60%,#3a98c0)}#app[data-palette=volcano] .firefly-stage{background:linear-gradient(#3b1f2b,#6b2f35 55%,#a84a3c)}#app[data-palette=space] .firefly-stage{background:linear-gradient(#120f3a,#2b2575 55%,#5a4fb0)}#app[data-palette=ocean] .firefly-stage{background:linear-gradient(#06334f,#0d5d80 55%,#1f8fb0)}#app[data-palette=candy] .firefly-stage{background:linear-gradient(#5a2a6e,#8f3f8f 55%,#cf6fae)}.quest{background:var(--surface);box-shadow:var(--lift);border-radius:28px;gap:12px;padding:16px 18px;display:grid}.quest-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.quest-owl{font-size:40px;line-height:1}.quest-owl.thinking,.hoot-btn.thinking{animation:.9s ease-in-out infinite think}.quest-copy{flex:240px;min-width:0}.quest-copy h2{font:800 22px/1.15 var(--font-display)}.quest-copy p{color:var(--ink-soft);font-size:16px}.ai-badge{background:var(--line);color:var(--ink-soft);font:800 14px/1.2 var(--font-display);white-space:nowrap;border-radius:999px;padding:6px 12px}.ai-badge[data-state=on]{background:var(--sun-soft);color:#7a5600}.quest-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--mint);min-height:48px;box-shadow:inset 0 0 0 2px var(--line);font:800 16px/1 var(--font-display);cursor:pointer;transition:transform .15s var(--ease-spring);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.chip:hover{transform:translateY(-2px)}.chip[aria-pressed=true]{background:var(--leaf-soft);box-shadow:inset 0 0 0 3px var(--leaf)}.quest-own,.teach-own{flex-wrap:wrap;gap:10px;display:flex}.quest-own input,.teach-own input{background:var(--mint);min-width:0;min-height:56px;box-shadow:inset 0 0 0 2px var(--line);color:var(--ink);font:700 17px/1 var(--font-display);border:0;border-radius:18px;flex:220px;padding:0 16px}.quest-own input:disabled,.teach-own input:disabled{opacity:.6}.quest-own .btn,.teach-own .btn{min-height:56px;padding-inline:20px;font-size:18px}.hoot-bubble.ai:before{content:"✨ Hoot noticed";color:#a87200;font:800 12px/1 var(--font-display);margin-bottom:4px;display:block}@keyframes think{50%{transform:translateY(-4px)rotate(-8deg)}}.frog{pointer-events:auto;cursor:grab;touch-action:none}.frog.dragging{cursor:grabbing}.frog.dragging .frog-body{transform:scale(1.15,.82)}.aim-label{z-index:5;background:var(--surface);box-shadow:var(--lift);font:800 20px/1.2 var(--font-display);white-space:nowrap;pointer-events:none;border-radius:999px;padding:4px 12px;position:absolute;top:56%;transform:translate(-50%,-290%)}.aim-label.big{background:var(--sun)}.aim-dots{z-index:2;pointer-events:none;height:0;transform:translateY(calc(var(--pad) * -.75));border-top:5px dotted #fffffff2;position:absolute;top:56%}.pad.aim{box-shadow:0 0 0 5px #fff,0 0 22px 8px #fffc}.gem{font-size:calc(var(--pad) * .42);pointer-events:none;line-height:1;animation:1.4s ease-in-out infinite gem-bob;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.water-ripple{z-index:1;pointer-events:none;border:3px solid #ffffffd9;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;animation:.7s ease-out forwards ripple;position:absolute}.drag-tip{color:var(--ink-soft);font:700 15px/1.3 var(--font-display);justify-self:center}@keyframes gem-bob{50%{transform:translate(-50%,-7px)}}.swarm{touch-action:none}.thread-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.thread-layer polyline{fill:none;stroke:#fff6c9;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ffdc5ae6)}.fly.chained .fly-inner{animation:none;transform:scale(1.18);box-shadow:0 0 0 4px #fff,0 0 30px 10px #ffdc5acc}.chain-sum{z-index:4;background:var(--surface);font:800 20px/1.2 var(--font-display);white-space:nowrap;pointer-events:none;border-radius:999px;padding:4px 12px;position:absolute;top:0;left:0}.chain-sum.over{background:var(--coral-soft);color:var(--coral-deep)}.chain-sum.ten{background:var(--sun)}.glade-light{pointer-events:none;opacity:var(--light,0);background:radial-gradient(120% 90% at 50% 100%,#ffe28c99,#0000 70%);transition:opacity .8s;position:absolute;inset:0}.bloom{z-index:1;pointer-events:none;animation:bloom .6s var(--ease-spring) both;font-size:34px;line-height:1;position:absolute;bottom:10px}@keyframes bloom{0%{transform:translateY(24px)scale(0)}}.card{touch-action:none}.card.lifted{opacity:.2}.drag-card{background:linear-gradient(160deg, #2f8fd0, var(--sky-deep));color:#fff;width:88px;height:118px;font:800 36px/1 var(--font-display);pointer-events:none;border-radius:18px;place-items:center;display:grid;position:absolute;top:0;left:0;box-shadow:0 22px 30px -10px #00000073}.spell-slot.hover{box-shadow:0 0 0 5px var(--sun), 0 0 20px 6px #ffc93399}.riddle{z-index:8;background:#243b5394;grid-template-rows:auto 1fr;gap:8px;padding:12px 16px 16px;animation:.25s fade;display:grid;position:absolute;inset:0}:is(.duel:has(.riddle) .duel-speech,.duel:has(.pip-event:not([hidden])) .duel-speech){visibility:hidden}.pip-event,.riddle,.result{grid-template-columns:minmax(0,1fr)}.pip-event{place-items:start center;overflow-y:auto}.pip-card{margin-block:auto}.riddle-card{background:var(--surface);width:min(580px,100% - 88px);box-shadow:var(--lift);text-align:center;border-radius:26px;justify-self:center;gap:6px;padding:14px 20px;display:grid}.riddle-tag{color:var(--coral-deep);font:800 14px/1.2 var(--font-display)}.riddle-tag .by-ai{color:#a87200}.riddle-text{font:700 clamp(18px, 2.4vw, 22px)/1.4 var(--font-display);text-wrap:balance}.riddle-text.loading{color:var(--ink-soft)}.riddle-field{min-height:0;position:relative;overflow:hidden}.riddle-bubble{cursor:pointer;background:0 0;border:0;border-radius:50%;width:100px;height:100px;margin:-50px 0 0 -50px;padding:0;position:absolute;top:0;left:0}.rb-num{width:100%;height:100%;color:var(--ink);font:800 32px/1 var(--font-display);font-variant-numeric:tabular-nums;background:radial-gradient(circle at 35% 30%,#fff,#d6ecfb 55%,#8cc3e8);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -6px #1c6ea440,0 10px 20px -8px #243b5380}.riddle-bubble.nope .rb-num{animation:.42s nope}.teach{gap:10px;width:100%;display:grid}.teach-chips{gap:8px;display:grid}.teach-chips .chip{text-align:left;border-radius:18px;justify-content:flex-start;min-height:52px;padding:8px 16px;font-size:16px;line-height:1.3}.pip-reply{background:var(--coral-soft);font:700 17px/1.4 var(--font-display);text-align:left;border-radius:20px 20px 20px 6px;padding:12px 16px}.pip-reply.thinking{color:var(--ink-soft)}.pip-reply .by-ai{color:#a87200;font:800 12px/1 var(--font-display);margin-bottom:4px;display:block}@media (max-width:600px){.quest{padding:14px}.quest-copy h2{font-size:20px}.quest-own .btn{flex:auto}.riddle-card{justify-self:start;width:calc(100% - 88px)}.riddle-bubble{width:84px;height:84px;margin:-42px 0 0 -42px}.rb-num{font-size:27px}.drag-card{width:64px;height:90px;font-size:26px}}
.badge-pill{cursor:pointer;gap:6px}.badge-pill b{font-variant-numeric:tabular-nums}@media (max-width:600px){.hud{gap:6px;padding-inline:10px}.hud-right{gap:6px}.hud-mute{display:none}.hud-pill{min-height:44px;padding:0 12px;font-size:15px}.hud-icon{width:44px;padding:0}}.hoot-btn{place-items:center;width:78px;height:78px;padding:6px;display:grid}.owl{width:100%;height:100%;overflow:visible}.owl-body{fill:#9a6b43}.owl-ear,.owl-wing{fill:#7d5434}.owl-wing{transform-box:fill-box}.owl-wing-l{transform-origin:100% 0}.owl-wing-r{transform-origin:0 0}.owl-belly{fill:#f3dcb8}.owl-eye-ring{fill:#fff;stroke:var(--sun);stroke-width:3px}.owl-pupil{fill:var(--ink)}.owl-beak{fill:#ff9f1c}.owl-eyes{transform-box:fill-box;transform-origin:50%;animation:4.5s infinite owl-blink}.hoot-btn.cheer .owl{animation:owl-hop .6s var(--ease-spring)}.hoot-btn.cheer .owl-wing-l{animation:.3s ease-in-out 2 wing-l}.hoot-btn.cheer .owl-wing-r{animation:.3s ease-in-out 2 wing-r}.hoot-btn.think .owl{animation:1s ease-in-out owl-tilt}.hoot-btn.wow .owl{animation:owl-spin .8s var(--ease-out)}.hoot-btn.thinking .owl-pupil{animation:.9s ease-in-out infinite owl-look}.hoot-bubble.small{padding:8px 12px;font-size:15px}@keyframes owl-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes owl-hop{40%{transform:translateY(-14px)}}@keyframes wing-l{50%{transform:rotate(-35deg)}}@keyframes wing-r{50%{transform:rotate(35deg)}}@keyframes owl-tilt{30%{transform:rotate(-14deg)}70%{transform:rotate(10deg)}}@keyframes owl-spin{to{transform:rotate(360deg)}}@keyframes owl-look{50%{transform:translate(3px)}}.story{z-index:35;background:#141e32b8;grid-template-columns:minmax(0,1fr);place-items:start center;padding:16px;animation:.35s fade;display:grid;position:fixed;inset:0;overflow-y:auto}.story.leaving{animation:.3s reverse forwards fade}.story-card{background:var(--surface);width:min(780px,100%);animation:book-in .55s var(--ease-spring);border-radius:32px;margin-block:auto;overflow:hidden;box-shadow:0 40px 80px -30px #0009}.story-title{z-index:2;width:fit-content;box-shadow:var(--lift);font:800 15px/1.2 var(--font-display);color:var(--leaf-deep);background:#ffffffeb;border-radius:999px;margin:14px auto -48px;padding:7px 16px;position:relative}.story-stage{height:clamp(230px,42vh,390px);position:relative;overflow:hidden}.story-body{gap:10px;padding:18px 26px 6px;display:grid}.story-byai{color:#a87200;font:800 13px/1 var(--font-display)}.story-text{min-height:3.6em;font:700 clamp(19px, 2.4vw, 24px)/1.45 var(--font-display);text-wrap:pretty}.story-text.waiting{color:var(--ink-soft);animation:1s ease-in-out infinite pulse}.story-choices{gap:10px;display:grid}.story-choice{text-align:left;justify-content:flex-start;min-height:60px;font-size:18px}.story-foot{align-items:center;gap:12px;padding:10px 22px 20px;display:flex}.story-dots{gap:6px;margin-right:auto;display:flex}.story-dots i{background:var(--line);border-radius:50%;width:10px;height:10px;transition:background .3s}.story-dots i.on{background:var(--leaf)}.story-skip{min-height:44px;color:var(--ink-soft);font:700 15px/1 var(--font-display);cursor:pointer;background:0 0;border:0;padding:0 12px;text-decoration:underline}@keyframes book-in{0%{opacity:0;transform:translateY(30px)scale(.94)}}@keyframes scene-in{0%{opacity:0;transform:scale(1.08)}}.sc{--hill:#8fd39a;background:linear-gradient(#bde5fa,#fff5d6 75%);position:absolute;inset:0;overflow:hidden}.sc[data-palette=volcano]{--hill:#d9936a;background:linear-gradient(#ffd0a8,#fff0d9 75%)}.sc[data-palette=space]{--hill:#9d9ae0;background:linear-gradient(#c9c6ff,#eef0ff 75%)}.sc[data-palette=ocean]{--hill:#5cc3b1;background:linear-gradient(#b4ecf2,#e8fbf6 75%)}.sc[data-palette=candy]{--hill:#f7a8cf;background:linear-gradient(#ffd3ec,#fff3e0 75%)}.sc.sc-mist,.sc.sc-muddled{--hill:#a9b3ad;background:linear-gradient(#c3c8d0,#e6e8ec)}.sc.sc-gladeDark,.sc.sc-gladeLit{--hill:#1f5a45;background:linear-gradient(#243668,#5f7cc4)}.sc.sc-gladeLit{background:radial-gradient(circle,#ffe9a8 0 18%,#5f7cc4 55%,#243668)}.sc.sc-wakes,.sc.sc-finale{background:radial-gradient(circle at 50% 40%,#fff6c9,#ffd9a8 55%,#ffc6dc)}.sc.sc-note{background:linear-gradient(#fff3c4,#ffe9b3)}.sc:after{content:"";background:var(--hill);border-radius:50%;height:56%;position:absolute;bottom:-32%;left:-10%;right:-10%}.sc.enter{animation:scene-in .7s var(--ease-out)}.sc-item{z-index:1;line-height:1;position:absolute;transform:translate(-50%,-50%)}.sc-float{animation:3s ease-in-out infinite sc-float}.sc-bounce{animation:1.2s ease-in-out infinite sc-bounce}.sc-sway{transform-origin:50% 100%;animation:4s ease-in-out infinite sc-sway}.sc-glow{filter:drop-shadow(0 0 24px #ffd64df2);animation:2s ease-in-out infinite sc-glow}.sc-dim{filter:grayscale()brightness(.8);opacity:.7}.sc-gray{filter:grayscale();opacity:.75}.sc-drift{animation:9s ease-in-out infinite alternate sc-drift}.sc-flap{animation:.8s ease-in-out infinite sc-flap}.sc-twinkle{animation:1.6s ease-in-out infinite sc-twinkle}.sc-hopline{animation:3.4s ease-in-out infinite alternate sc-hopline}.sc-pad{animation:2.4s ease-in-out infinite sc-float}.sc-rise{animation:sc-rise .9s var(--ease-spring) both}.sc-wobble{animation:1.8s ease-in-out infinite sc-wobble}.sc-drip{animation:1.4s ease-in infinite sc-drip}.sc-orbit{animation:4s linear infinite sc-orbit}.sc-spin{animation:9s linear infinite sc-spin}.sc-leave{animation:2.4s ease-in forwards sc-leave}.sc-water{z-index:0;filter:grayscale(.7);background:linear-gradient(#7ccaf0,#3a9dd4);height:22%;position:absolute;top:56%;left:0;right:0}.sc-water.bright{filter:none}.sc-rays{z-index:0;background:repeating-conic-gradient(#fff9 0 10deg, transparent 10deg 20deg);border-radius:50%;width:900px;height:900px;margin:-450px 0 0 -450px;animation:24s linear infinite sc-rays;position:absolute;top:40%;left:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 60%);mask:radial-gradient(circle,#000 18%,#0000 60%)}.sc-hero{display:inline-block;position:relative}.sc-hat{font-size:.55em;position:absolute;top:-34%;left:50%;transform:translate(-50%)rotate(-8deg)}.sc-hat[data-slot=face]{font-size:.45em;top:38%;transform:translate(-50%,-50%)}.sc-pet{font-size:.45em;position:absolute;bottom:0;right:-55%}@keyframes sc-float{50%{transform:translate(-50%,calc(-50% - 14px))}}@keyframes sc-bounce{50%{transform:translate(-50%,calc(-50% - 18px))scale(1.04,.96)}}@keyframes sc-sway{50%{transform:translate(-50%,-50%)rotate(4deg)}}@keyframes sc-glow{50%{filter:drop-shadow(0 0 44px #ffd64d);transform:translate(-50%,-50%)scale(1.06)}}@keyframes sc-drift{to{transform:translate(calc(60px - 50%),-50%)}}@keyframes sc-flap{50%{transform:translate(-50%,calc(-50% - 10px))rotate(-6deg)}}@keyframes sc-twinkle{50%{opacity:.3;transform:translate(-50%,-50%)scale(.7)}}@keyframes sc-hopline{0%{top:50%;left:14%}25%{top:36%;left:32%}50%{top:50%;left:50%}75%{top:36%;left:68%}to{top:50%;left:86%}}@keyframes sc-rise{0%{opacity:0;transform:translate(-50%,30px)scale(0)}}@keyframes sc-wobble{25%{transform:translate(-50%,-50%)rotate(-6deg)}75%{transform:translate(-50%,-50%)rotate(6deg)}}@keyframes sc-drip{to{opacity:0;transform:translate(-50%,40px)}}@keyframes sc-orbit{0%{transform:translate(-50%,-50%)rotate(0)translate(80px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(80px)rotate(-360deg)}}@keyframes sc-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes sc-leave{to{opacity:0;transform:translate(-50%,-50%)translate(-160px)scale(.6)}}@keyframes sc-rays{to{transform:rotate(360deg)}}@keyframes bounce-plain{50%{transform:translateY(-12px)}}.result-chapter{color:var(--leaf-deep);font:800 14px/1.2 var(--font-display)}.result-hero{justify-content:center;align-items:flex-end;gap:10px;height:100px;display:flex}.rh-main{font-size:72px;line-height:1;animation:1s ease-in-out infinite bounce-plain}.rh-me{font-size:56px;line-height:1;animation:1s ease-in-out .2s infinite bounce-plain;position:relative}.rh-hat{font-size:30px;font-style:normal;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.rh-hat[data-slot=face]{font-size:25px;top:38%;transform:translate(-50%,-50%)}.rh-pet{font-size:36px;line-height:1;animation:1s ease-in-out .4s infinite bounce-plain}.map-board{--fade:0}.map-board[data-restored="0"]{--fade:.42}.map-board[data-restored="1"]{--fade:.28}.map-board[data-restored="2"]{--fade:.14}.map-board:before{content:"";z-index:0;background:rgba(150, 160, 172, var(--fade));pointer-events:none;transition:background 1.2s;position:absolute;inset:0}.map-world{z-index:1;transition:filter 1.2s;position:absolute;inset:0}.map-board[data-restored="0"] .map-world{filter:saturate(.3)}.map-board[data-restored="1"] .map-world{filter:saturate(.6)}.map-board[data-restored="2"] .map-world{filter:saturate(.85)}.map-path .trail-done{fill:none;stroke:#ffd36b;stroke-width:30px;stroke-linecap:round;stroke-linejoin:round}.map-mist{z-index:2;pointer-events:none;position:absolute;inset:0}.map-mist span{opacity:.85;filter:grayscale()brightness(1.1);font-size:clamp(70px,10vw,140px);line-height:1;animation:12s ease-in-out infinite alternate mist-drift;position:absolute;transform:translate(-50%,-50%)}.landmark{z-index:2;filter:grayscale()opacity(.55);pointer-events:none;font-size:clamp(38px,5vw,64px);line-height:1;transition:filter .8s;position:absolute;transform:translate(-50%,-50%)}.landmark.fixed{filter:drop-shadow(0 6px 10px #ffc933b3)}.landmark.restoring{animation:restore 1.2s var(--ease-spring)}.node{z-index:3}.hero-token{z-index:4}.node-label small{color:var(--leaf-deep);margin-bottom:2px;font-size:11px;display:block}.hero-token .ht-hat{font-size:26px;position:absolute;top:-24px;left:50%;transform:translate(-50%)rotate(-8deg)}.hero-token .ht-hat[data-slot=face]{font-size:21px;top:38%;transform:translate(-50%,-50%)}.hero-token .ht-pet{font-size:26px;animation:.9s ease-in-out infinite bounce-plain;position:absolute;bottom:-4px;right:-32px}.map-secret{z-index:3;cursor:pointer;background:0 0;border:0;width:64px;height:64px;padding:0;font-size:42px;line-height:1;animation:5s ease-in-out infinite secret-wiggle;position:absolute;transform:translate(-50%,-50%)}.map-secret.found{animation:none}.map-foot{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}@keyframes mist-drift{to{transform:translate(calc(50px - 50%),-50%)}}@keyframes restore{0%{transform:translate(-50%,-50%)scale(.4)}60%{transform:translate(-50%,-50%)scale(1.5)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes secret-wiggle{0%,88%,to{transform:translate(-50%,-50%)rotate(0)}91%{transform:translate(-50%,-50%)rotate(-14deg)}94%{transform:translate(-50%,-50%)rotate(14deg)}97%{transform:translate(-50%,-50%)rotate(-8deg)}}.tp-work{justify-items:center;gap:8px;display:grid}.tp-pads{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tp-pad{justify-items:center;gap:2px;display:grid}.tp-pad b{color:#fff;width:50px;height:50px;font:800 18px/1 var(--font-display);background:radial-gradient(circle at 35% 30%,#93e2a9,#3fb76a 60%,#2b9455);border-radius:50%;place-items:center;display:grid}.tp-pad i{color:#7a5600;min-height:16px;font:800 15px/1 var(--font-display);font-style:normal}.tp-pad.bad b{box-shadow:0 0 0 4px var(--coral)}.tp-pad.bad i{color:var(--coral-deep)}.tp-frame{background:var(--sky-soft);border-radius:14px;grid-template-columns:repeat(5,36px);gap:6px;padding:10px;display:grid}.tp-frame span,.tp-extra span{border-radius:50%;width:36px;height:36px;box-shadow:inset 0 0 0 2px #1c6ea440}.tp-frame .a{background:radial-gradient(circle at 40% 35%,#fff,#ffd23f 60%,#e6a100)}.tp-frame .b,.tp-extra .b{background:radial-gradient(circle at 40% 35%, #fff, #7fd0ff 60%, var(--sky))}.tp-extra{align-items:center;gap:8px;display:flex}.tp-extra em{color:var(--coral-deep);font:700 14px/1 var(--font-display);font-style:normal}.tp-fly{animation:1.2s ease-in-out infinite bounce-plain;display:inline-block}.hoot-reply{background:var(--sun-soft)}.st-skip{justify-self:center}.frog-hat{font-size:.5em;position:absolute;top:-34%;left:50%;transform:translate(-50%)rotate(-10deg)}.frog-body{position:relative}.frog-count.choices{background:0 0;flex-wrap:wrap;gap:8px;padding:2px 0 4px;display:flex}.guess-btn{background:var(--sun);min-width:72px;min-height:54px;box-shadow:0 5px 0 var(--sun-edge);color:var(--ink);font:800 24px/1 var(--font-display);font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:16px;padding:0 14px}.guess-btn:active{box-shadow:0 2px 0 var(--sun-edge);transform:translateY(3px)}.stage>.pip-event{z-index:9}@media (max-width:600px){.story-body{padding:14px 16px 4px}.story-foot{padding:8px 14px 16px}.tp-pad b{width:40px;height:40px;font-size:15px}.tp-frame{grid-template-columns:repeat(5,28px)}.tp-frame span,.tp-extra span{width:28px;height:28px}}
.scenery{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage,.river,.glade,.riddle-field,.map-board,.story-stage,.sc{overflow:clip}.stage>.frog-scene,.stage>.glade,.stage>.duel{z-index:1}.sy{opacity:.9;line-height:1;position:absolute}.sy-drift{animation:50s linear infinite sy-drift;left:-15%}.sy-flyby{animation:20s linear infinite sy-flyby;left:-10%}.sy-bob{animation:4s ease-in-out infinite sy-bob}.sy-sun{background:radial-gradient(circle,#fff6c9 0 34%,#ffd84d 55%,#ffd84d00 72%);border-radius:50%;width:120px;height:120px;animation:5s ease-in-out infinite sy-pulse;position:absolute;top:5%;right:16%;box-shadow:0 0 70px 24px #ffd64d4d}.sy-sun.moon{background:radial-gradient(circle at 42% 40%,#fffbe8 0 44%,#e9e3c8 60%,#e9e3c800 72%);box-shadow:0 0 50px 14px #fffadc38}.sy-far{height:30%;position:absolute;bottom:0;left:0;right:0}.sy-far span{opacity:.5;transform-origin:50% 100%;line-height:1;animation:6s ease-in-out infinite sy-sway;position:absolute;bottom:6%}.frog-stage .sy-far{height:20%;top:18%;bottom:auto}.frog-stage .sy-far span{opacity:.4;bottom:0}.scenery.night .sy{opacity:.75}.scenery.night .sy-far span{opacity:.3}.duel-stage .sy-far span{opacity:.35}@keyframes sy-drift{to{transform:translate(130vw)}}@keyframes sy-flyby{0%{transform:translate(0)scaleX(-1)}25%{transform:translate(32vw,-24px)scaleX(-1)}50%{transform:translate(64vw,10px)scaleX(-1)}75%{transform:translate(96vw,-16px)scaleX(-1)}to{transform:translate(125vw)scaleX(-1)}}@keyframes sy-bob{50%{transform:translateY(-14px)rotate(6deg)}}@keyframes sy-pulse{50%{transform:scale(1.07)}}@keyframes sy-sway{50%{transform:rotate(3deg)}}.emoji-guardian{font-size:clamp(150px,26vh,300px)!important}@media (min-width:1300px){.duel{max-width:1400px;margin-inline:auto}.guardian{width:min(560px,36vw)}.tree{max-height:40vh}.shield{width:104px;height:104px}.shield span{font-size:34px}.spell-slot,.spell-total{width:100px;height:120px;font-size:46px}.spell-total{min-width:120px}.spell-op{font-size:40px}.card{border-radius:22px;width:116px;height:154px}.card-num{font-size:48px}.hand{gap:16px;min-height:164px}.duel-speech,.frog-card,.glade-card{max-width:520px;font-size:20px}.frog-goal,.glade-goal{font-size:26px}.river{height:clamp(260px,46vh,460px)}.fly{width:92px;height:92px;margin:-46px 0 0 -46px}.fly-num{font-size:36px}}
.badge-toast{z-index:50;background:linear-gradient(135deg, #fff, var(--sun-soft));min-width:min(360px,100vw - 32px);max-width:calc(100vw - 32px);box-shadow:0 0 0 3px var(--sun), 0 20px 40px -12px #243b5380;transition:transform .45s var(--ease-spring);border-radius:24px;align-items:center;gap:14px;padding:12px 20px 12px 14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%,-150%)}.badge-toast.show{transform:translate(-50%)}.badge-toast.small{background:var(--surface);min-width:0;box-shadow:0 0 0 2px var(--line), var(--lift);padding:8px 16px 8px 10px}.bt-emoji{background:radial-gradient(circle, #fff 0 40%, #ffe066 70%, var(--sun));width:64px;height:64px;animation:badge-spin .9s var(--ease-spring);border-radius:50%;flex:none;place-items:center;font-size:36px;line-height:1;display:grid}.badge-toast.small .bt-emoji{width:40px;height:40px;font-size:22px;animation:none}.bt-copy{gap:3px;display:grid}.bt-kicker{color:#a87200;font:800 12px/1 var(--font-display)}.bt-name{font:800 20px/1.15 var(--font-display)}.badge-toast.small .bt-name{font-size:15px}.bt-desc{color:var(--ink-soft);font-size:14px}.bt-progress{background:var(--line);border-radius:999px;width:140px;height:8px;display:block;overflow:hidden}.bt-progress span{border-radius:inherit;background:var(--leaf);height:100%;display:block}@keyframes badge-spin{0%{transform:rotate(-200deg)scale(0)}}.book,.shop{z-index:40;background:#141e3299;grid-template-columns:minmax(0,1fr);place-items:start center;padding:16px;animation:.25s fade;display:grid;position:fixed;inset:0;overflow-y:auto}.book-card,.shop-card{background:var(--surface);width:min(900px,100%);animation:pop-in .4s var(--ease-spring);border-radius:30px;margin-block:auto;padding:20px;box-shadow:0 40px 80px -30px #0009}.book-head,.shop-head{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.book-head h2,.shop-head h2{font:800 26px/1.1 var(--font-display)}.book-count,.shop-coins{background:var(--sun-soft);color:#7a5600;font:800 15px/1 var(--font-display);border-radius:999px;padding:6px 12px}.book-close,.shop-close{margin-left:auto}.book-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.book-badge{background:var(--mint);text-align:center;border-radius:20px;align-content:start;justify-items:center;gap:4px;padding:14px 10px;display:grid}.book-badge.got{background:linear-gradient(160deg, #fff8dc, var(--amber-soft));box-shadow:inset 0 0 0 2px var(--sun)}.bb-emoji{font-size:44px;line-height:1.1}.book-badge.locked .bb-emoji{filter:grayscale();opacity:.45}.bb-name{font:800 16px/1.2 var(--font-display)}.bb-desc{color:var(--ink-soft);font-size:14px;line-height:1.3}.bb-state{color:var(--leaf-deep);font:800 13px/1 var(--font-display)}.book-badge .bt-progress{width:80%;margin-top:4px}.book-reset{min-height:44px;color:var(--ink-soft);font:700 14px/1 var(--font-display);cursor:pointer;background:0 0;border:0;margin-top:16px;text-decoration:underline}.shop-card{width:min(820px,100%)}.shop-preview{background:var(--sky-soft);border-radius:20px;align-items:center;gap:24px;margin-bottom:14px;padding:14px 18px;display:flex}.shop-preview p{color:var(--ink-soft);font:700 16px/1.3 var(--font-display)}.shop-hero{font-size:64px;line-height:1;position:relative}.sh-hat{font-size:36px;position:absolute;top:-26px;left:50%;transform:translate(-50%)rotate(-8deg)}.sh-hat[data-slot=face]{font-size:29px;top:38%;transform:translate(-50%,-50%)}.sh-pet{font-size:34px;position:absolute;bottom:0;right:-40px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.shop-item{background:var(--mint);text-align:center;border-radius:20px;justify-items:center;gap:6px;padding:14px 10px;display:grid}.shop-item.owned{box-shadow:inset 0 0 0 2px var(--leaf)}.si-emoji{font-size:48px;line-height:1.1}.si-name{font:800 15px/1.2 var(--font-display)}.si-price{color:#7a5600;font:800 14px/1 var(--font-display)}.shop-item .btn{width:100%;min-height:48px;padding:0 12px;font-size:16px}.pay-goal{font:700 20px/1.35 var(--font-display);text-align:center;text-wrap:balance}.pay-tray{background:var(--sun-soft);border-radius:22px;justify-items:center;gap:8px;margin:14px 0;padding:16px;display:grid}.pay-pile{flex-wrap:wrap;justify-content:center;gap:6px;min-height:56px;display:flex}.pay-bag{animation:pop-in .3s var(--ease-spring);font-size:44px;line-height:1;position:relative}.pay-bag i{color:#fff;font:800 13px/1 var(--font-display);text-shadow:0 1px 2px #00000080;font-style:normal;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pay-coin{animation:pop-in .3s var(--ease-spring);font-size:30px;line-height:1}.pay-total{font:800 26px/1.1 var(--font-display);font-variant-numeric:tabular-nums}.pay-total.exact{color:var(--leaf-deep)}.pay-total.over{color:var(--coral-deep)}.pay-note{color:var(--ink-soft);font:700 16px/1.3 var(--font-display);text-align:center}.pay-buttons,.pay-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pay-actions{justify-content:space-between;align-items:center;margin-top:12px}.secret-box .shop-card{text-align:center;width:min(520px,100%)}.secret-chest{font-size:90px;line-height:1.1;animation:1.2s ease-in-out infinite chest-shake}.secret-chest.open{animation:pop-in .5s var(--ease-spring)}.secret-stones{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0;display:flex}.secret-stone{width:72px;height:72px;color:var(--ink);font:800 28px/1 var(--font-display);cursor:pointer;transition:transform .15s var(--ease-spring);background:radial-gradient(circle at 35% 30%,#d9dde2,#9aa3ad 70%);border:0;border-radius:22px 26px 20px 28px;box-shadow:0 5px #6f7882}.secret-stone[aria-pressed=true]{background:radial-gradient(circle at 35% 30%, #fff3c4, var(--sun) 70%);box-shadow:0 5px 0 var(--sun-edge), 0 0 0 4px #fff;transform:translateY(-4px)}@keyframes chest-shake{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}@media (max-width:600px){.book-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-head h2,.shop-head h2{font-size:22px}}
:root{--dur-instant:80ms;--dur-fast:.15s;--dur-normal:.24s;--dur-moderate:.36s;--dur-deliberate:.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, .3);--safe-x:clamp(12px, 3vw, 40px);--parchment:#fff8e7;--parchment-deep:#f4e4bd;--wood:#9a6a3e;--wood-deep:#6e4526;--ribbon:#e8574a;--ribbon-deep:#b73b30}.shield.current,.landmark.fixed,.hero-token .ht-pet,.tp-fly{animation:none}.rh-main,.rh-me,.rh-pet{animation-iteration-count:2}.btn.pulse{animation-iteration-count:3}html[data-calm] .sy,html[data-calm] .sy-far span,html[data-calm] .sc-item,html[data-calm] .fly-inner,html[data-calm] .node[data-next] .node-disc,html[data-calm] .map-secret,html[data-calm] .map-mist span,html[data-calm] .river:before,html[data-calm] .owl-eyes,html[data-calm] .track.predicting .pad,html[data-calm] .ts-lantern,html[data-calm] .ts-hills path,html[data-calm] .gem{animation:none!important}html[data-calm] .sy-drift,html[data-calm] .sy-flyby{display:none}.node-label small,.bt-kicker,.story-byai,.pip-reply .by-ai,.bb-state,.riddle-tag .by-ai,.hoot-bubble.ai:before{font-size:14px}@media (max-width:640px){.node-label{font-size:14px}}.hud,.map-screen{padding-inline:var(--safe-x)}.hoot{right:var(--safe-x)}.frog-card,.glade-card,.duel-speech{left:var(--safe-x);margin-left:0}.frog-card{margin-left:var(--safe-x)}.badge-toast{top:calc(var(--hud-h) + 4px);pointer-events:none}.hud-calm[aria-pressed=true]{background:var(--leaf-soft);box-shadow:inset 0 0 0 3px var(--leaf), var(--lift)}.frog-card,.glade-card,.duel-speech{border:3px solid var(--wood);background:linear-gradient(180deg, var(--parchment), var(--parchment-deep));box-shadow:0 5px 0 var(--wood-deep), var(--lift);border-radius:18px 22px 20px 16px}.node-label{box-shadow:0 3px 0 var(--wood-deep), var(--lift);color:var(--parchment);text-shadow:0 1px #00000059;background:linear-gradient(#9a6a3e,#7a4f2c);border-radius:10px}.node-label small{color:#ffe3a3}.node[data-locked] .node-label{background:linear-gradient(#8d8577,#6f685c)}.result-card,.story-body,.story-foot{background:linear-gradient(180deg, var(--surface), var(--parchment))}.result-card{border:3px solid var(--parchment-deep)}.result-chapter{background:linear-gradient(180deg, var(--ribbon), var(--ribbon-deep));color:#fff;border-radius:8px;margin-top:-40px;padding:8px 22px;font-size:16px;position:relative;box-shadow:0 4px #8f2c24}.result-card{padding-top:40px;overflow:visible}.map-board{background:linear-gradient(#cfeeff 0%,#eef9e6 62%,#e3f4d6 100%)}.map-layers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-layers .ml-far{fill:var(--hill-far)}.map-layers .ml-mid{fill:color-mix(in srgb, var(--hill-far) 45%, var(--hill-near))}.map-layers .ml-near{fill:var(--hill-near)}.map-layers .ml-river{fill:none;stroke:#8fd3f5;stroke-width:22px;stroke-linecap:round;opacity:.85}.map-layers .ml-sun{fill:#ffe27a;opacity:.9}.map-layers path{filter:drop-shadow(0 -3px #28462814)}.map-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.map-cta .btn{min-height:76px;box-shadow:0 7px 0 var(--sun-edge);padding-inline:32px;font-size:24px}.map-cta .btn:active{box-shadow:0 2px 0 var(--sun-edge)}.map-intro{display:grid}.title-screen{z-index:45;background:radial-gradient(circle at 50% 36%,#fff3c4 0 8%,#bde5fa 42%,#8fcdf0 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.title-screen.leaving{animation:fade var(--dur-moderate) var(--ease-accelerate) reverse forwards}.ts-hills{width:100%;height:48%;position:absolute;bottom:0;left:0;right:0}.ts-hills .h1{fill:#a9ddb0}.ts-hills .h2{fill:#7fcf92}.ts-hills .h3{fill:#4fb574}.ts-hills path{filter:drop-shadow(0 -4px #143c1e1a)}.ts-lantern{filter:drop-shadow(0 0 30px #ffd64de6);animation:ts-ignite 1.6s var(--ease-decelerate) both, sc-glow-plain 3s ease-in-out 1.6s infinite;font-size:clamp(90px,16vh,160px);line-height:1;position:absolute;top:12%;left:50%;transform:translate(-50%)}.ts-content{z-index:2;text-align:center;justify-items:center;gap:14px;margin-top:18vh;padding:16px;display:grid;position:relative}.ts-kicker{color:var(--ink-soft);font:800 18px/1 var(--font-display);animation:rise var(--dur-deliberate) var(--ease-decelerate) .5s both}.ts-title{max-width:14ch;color:var(--ink);font:900 clamp(44px, 8vw, 96px)/.95 var(--font-display);letter-spacing:-.02em;text-wrap:balance;text-shadow:0 4px #fff,0 10px 30px #ffd64d99;animation:rise var(--dur-deliberate) var(--ease-decelerate) .7s both}.ts-sub{color:var(--ink-soft);font:700 20px/1.3 var(--font-display);animation:rise var(--dur-deliberate) var(--ease-decelerate) .9s both}.ts-play{min-height:84px;animation:rise var(--dur-deliberate) var(--ease-decelerate) 1.1s both;padding-inline:44px;font-size:30px}.ts-stats{animation:rise var(--dur-deliberate) var(--ease-decelerate) 1.2s both;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ts-stats span{font:800 16px/1.2 var(--font-display);background:#fffc;border-radius:999px;padding:6px 12px}.ts-owl,.ts-hero{z-index:1;line-height:1;position:absolute;bottom:12%}.ts-owl{animation:rise var(--dur-deliberate) var(--ease-spring) 1.3s both;font-size:clamp(60px,10vw,110px);left:12%}.ts-hero{animation:rise var(--dur-deliberate) var(--ease-spring) 1.45s both;font-size:clamp(64px,11vw,120px);right:12%}.ts-hero i{font-size:.5em;font-style:normal;position:absolute;top:-26%;left:50%;transform:translate(-50%)rotate(-8deg)}@keyframes ts-ignite{0%{opacity:.3;filter:grayscale()drop-shadow(0 0 #ffd64d00);transform:translate(-50%)scale(.8)}}@keyframes sc-glow-plain{50%{filter:drop-shadow(0 0 50px #ffd64d)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@media (max-width:640px){.ts-content{margin-top:12vh}.ts-owl{bottom:6%;left:6%}.ts-hero{bottom:6%;right:6%}}.moment-toast{z-index:44;border:3px solid var(--wood);background:linear-gradient(180deg, var(--parchment), var(--parchment-deep));max-width:calc(100vw - 32px);box-shadow:0 5px 0 var(--wood-deep), var(--lift);font:800 18px/1.3 var(--font-display);pointer-events:none;transition:transform var(--dur-moderate) var(--ease-spring);border-radius:22px;align-items:center;gap:12px;padding:12px 20px 12px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,140%)}.moment-toast.show{transform:translate(-50%)}.moment-toast span{font-size:36px;line-height:1}.certificate{z-index:46;animation:fade var(--dur-moderate) ease;background:radial-gradient(circle at 50% 30%,#ffe9a0f2,#243b53cc);grid-template-columns:minmax(0,1fr);place-items:start center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.cert-card{border:6px double var(--wood);background:linear-gradient(180deg, var(--parchment), var(--parchment-deep));text-align:center;width:min(620px,100%);animation:pop-in var(--dur-deliberate) var(--ease-spring);border-radius:24px;justify-items:center;gap:12px;margin-block:auto;padding:44px 28px 26px;display:grid;position:relative;box-shadow:0 30px 70px -20px #0000008c}.cert-ribbon{background:linear-gradient(180deg, var(--ribbon), var(--ribbon-deep));color:#fff;font:900 22px/1 var(--font-display);border-radius:8px;padding:10px 28px;position:absolute;top:-22px;box-shadow:0 5px #8f2c24}.cert-hero{font-size:96px;line-height:1;position:relative}.cert-hero i{font-size:48px;font-style:normal;position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(-8deg)}.cert-hero b{font-size:46px;position:absolute;bottom:0;right:-54px}.cert-card h2{font:900 clamp(28px, 5vw, 40px)/1.05 var(--font-display);text-wrap:balance}.cert-line{max-width:40ch;color:var(--ink-soft);font:700 18px/1.4 var(--font-display)}.cert-seals{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cert-seal{min-width:110px;font:800 15px/1.2 var(--font-display);background:#ffffffb3;border-radius:18px;justify-items:center;gap:2px;padding:10px 12px;display:grid}.cert-seal span{font-size:34px;line-height:1}.cert-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.cert-note{background:var(--surface);max-width:46ch;color:var(--ink);font:600 16px/1.5 var(--font-body);text-align:left;border-radius:16px;padding:14px 16px}.cert-note .by-ai{color:#a87200;font:800 14px/1 var(--font-display);margin-bottom:4px;display:block}.app{grid-template-columns:minmax(0,1fr)}.hud-right{min-width:0}.app:has(#levelScreen:not([hidden])) #shopBtn{display:none}@media (max-width:480px){.hud-title{display:none}}.moment-toast{opacity:0;visibility:hidden;transition:transform var(--dur-moderate) var(--ease-spring), opacity var(--dur-fast) ease, visibility 0s linear var(--dur-moderate)}.moment-toast.show{opacity:1;visibility:visible;transition-delay:0s}@media (min-width:641px){.map-board{max-height:max(340px,100dvh - 350px)}}@media (max-width:640px){.map-cta{z-index:6;position:sticky;bottom:12px}.map-cta .btn{width:100%;min-height:68px;font-size:20px}}.title-screen.ts-welcome{color:#fff2d5;background:radial-gradient(90% 55% at 50% 4%,#35516d 0%,#35516d00 62%),linear-gradient(#152941 0%,#1d3550 44%,#24405c 100%);align-content:center;place-items:center;gap:26px;padding:24px;display:grid;position:fixed;overflow:hidden}.ts-night{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tsn-star{left:var(--x);top:var(--y);background:#dfeaf5;border-radius:50%;position:absolute}.tsn-star.s1{opacity:.42;width:2px;height:2px}.tsn-star.s2{opacity:.62;width:3px;height:3px}.tsn-twinkle{left:var(--x);top:var(--y);width:3px;height:3px;animation:ts-twinkle 4.6s ease-in-out var(--d) infinite;background:#fff6e0;border-radius:50%;position:absolute;box-shadow:0 0 7px 2px #ffe8b28c}@keyframes ts-twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}.tsn-glow{aspect-ratio:1;background:radial-gradient(closest-side,#ffcd7833,#ffcd7800);border-radius:50%;width:min(760px,120vw);position:absolute;top:-120px;left:50%;translate:-50%}.ts-welcome .mq-brand{position:relative}.ts-welcome .mq-brand:after{content:"";z-index:-1;background:radial-gradient(closest-side,#ffd58261,#ffd58200);border-radius:50%;width:120px;height:84px;animation:5.2s ease-in-out infinite ts-lantern;position:absolute;top:50%;left:6px;translate:-50% -50%}@keyframes ts-lantern{0%,to{opacity:.75}50%{opacity:1}}.tsn-hills{width:100%;height:min(30vh,220px);position:absolute;bottom:0;left:0;right:0}.tsn-hills .h-far{fill:#17303f}.tsn-hills .h-near{fill:#102530}.tsn-water{background:linear-gradient(#173c4a00,#173c4a 70%);height:46px;position:absolute;bottom:0;left:0;right:0}.tsn-fly{left:var(--x);top:var(--y);width:4px;height:4px;animation:ts-drift 13s ease-in-out var(--d) infinite;background:#ffdf9b;border-radius:50%;position:absolute;box-shadow:0 0 9px 3px #ffd68273}@keyframes ts-drift{0%,to{opacity:0;transform:translate(0)}18%{opacity:.9}50%{opacity:.7;transform:translate(26px,-34px)}82%{opacity:.85}99%{opacity:0;transform:translate(-14px,-62px)}}.ts-welcome .ts-nav,.ts-welcome .ts-card{z-index:1;position:relative}.ts-welcome .ts-nav{border:0;justify-content:center;width:auto;padding:0}.ts-welcome .mq-brand{font-size:30px}.ts-card{text-align:left;width:min(420px,100%);animation:rise var(--dur-deliberate) var(--ease-decelerate) .1s both;background:linear-gradient(#20374f,#182c42);border:1px solid #3c5d79;border-radius:26px;justify-items:stretch;gap:14px;padding:30px;display:grid;position:relative;box-shadow:0 18px 44px #06101a73,inset 0 1px #ffe2aa29}.ts-card h2{color:#fff3d6;font:900 clamp(26px, 4vw, 34px)/1.1 var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.ts-card-note{color:#a9c4d4;margin:-4px 0 4px;font-size:15px;line-height:1.5}.ts-field{gap:7px;display:grid}.ts-field>span{color:#cfe2ee;font:800 14px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase}.ts-field input{color:#23405a;width:100%;min-height:56px;font:800 20px/1.2 var(--font-ui);background:#fffdf6;border:1px solid #4d7291;border-radius:15px;padding:12px 15px}.ts-field input::placeholder{color:#8397a6;font-weight:600}.ts-field input:focus-visible,.ts-welcome :is(button):focus-visible{outline-offset:3px;outline:3px solid #ffd472}.ts-welcome .ts-play{min-height:60px;padding-inline:22px;font-size:20px;animation:none}.ts-skip{color:#a9c4d4;min-height:48px;font:800 15px/1 var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:12px}.ts-skip:hover{color:#fff3d6;text-decoration:underline}@media (max-width:520px){.ts-card{border-radius:20px;padding:22px}.ts-welcome .ts-nav{top:20px}}@media (prefers-reduced-motion:reduce){.ts-card,.tsn-twinkle,.tsn-fly,.ts-welcome .mq-brand:after{animation:none}.tsn-fly{opacity:.8}}html[data-calm] :is(.ts-card,.tsn-twinkle,.tsn-fly){animation:none}html[data-calm] .tsn-fly{opacity:.8}
:root{--glass:#ffffff9e;--glass-strong:#ffffffdb;--glass-border:#fffc;--glass-shadow:0 10px 28px -14px #243b5366;--grad-sun:linear-gradient(180deg, #ffdd6e 0%, #ffbe2b 100%);--grad-sky:linear-gradient(160deg, #3b95d8 0%, #1d5f99 100%);--grad-violet:linear-gradient(160deg, #7d5df2 0%, #5536c4 100%);--grad-berry:linear-gradient(160deg, #e5507a 0%, #b52a52 100%);--radius-xl:28px}.app{background:radial-gradient(1100px 620px at 8% -12%,#d6f0ff 0%,#0000 60%),radial-gradient(900px 520px at 100% -4%,#fff0c4 0%,#0000 55%),radial-gradient(800px 600px at 50% 120%,#ddf6e3 0%,#0000 60%),linear-gradient(#eaf7ff 0%,#f6fbef 72%)}.hud-pill{border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5)}.hud-icon{color:var(--ink);transition:transform var(--dur-fast) var(--ease-standard), background var(--dur-fast)}.hud-icon:hover{background:var(--glass-strong);transform:translateY(-1px)}.mq-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.mq-icon.fill{fill:currentColor;stroke:none}.hud-coins .mq-icon{color:#e2a100}.badge-pill .mq-icon{color:#d9822b}.hud-calm[aria-pressed=true]{color:var(--leaf-deep)}.quest,.shop-card,.book-card,.hp-card{border:1px solid var(--glass-border)}.btn{background:var(--grad-sun);transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), opacity var(--dur-normal);border-radius:22px;box-shadow:inset 0 1px #ffffffb3,0 4px #d49a0d,0 14px 26px -12px #d49a0da6}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffffb3,0 1px #d49a0d,0 6px 12px -8px #d49a0d99}.btn.secondary{background:var(--glass-strong);box-shadow:inset 0 0 0 1.5px #243b531a,0 4px #243b531f,0 12px 22px -14px #243b5366}.btn.secondary:active:not(:disabled){box-shadow:inset 0 0 0 1.5px #243b531a,0 1px #243b531f}.btn.sky{background:var(--grad-sky);color:#fff;text-shadow:0 1px #0000002e;box-shadow:inset 0 1px #fff6,0 4px #154a78,0 14px 26px -12px #154a7899}.btn.sky:active:not(:disabled){box-shadow:inset 0 1px #fff6,0 1px #154a78}.chip{transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast)}::view-transition-old(root){animation:vt-out var(--dur-moderate) var(--ease-accelerate) both}::view-transition-new(root){animation:vt-in var(--dur-moderate) var(--ease-decelerate) both}@keyframes vt-out{to{opacity:0;transform:scale(.98)}}@keyframes vt-in{0%{opacity:0;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.playground{gap:12px;margin-top:8px;display:grid}.playground-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.playground-head h2{font:800 26px/1.1 var(--font-display)}.playground-head p{color:var(--ink-soft);font-size:16px}.play-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.play-card{isolation:isolate;border-radius:var(--radius-xl);color:#fff;text-align:left;cursor:pointer;width:100%;min-height:160px;transition:transform var(--dur-normal) var(--ease-spring), box-shadow var(--dur-normal);border:0;align-content:end;gap:4px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 32px -20px #243b53b3}.play-card:hover:not([data-locked]){transform:translateY(-4px)rotate(-.4deg);box-shadow:0 26px 40px -22px #243b53bf}.play-card[data-game=mist]{background:var(--grad-sky)}.play-card[data-game=flight]{background:var(--grad-violet)}.play-card[data-game=dance]{background:var(--grad-berry)}.play-card:before{content:"";z-index:-1;background:radial-gradient(120px 120px at 85% 20%,#ffffff59,#0000 70%);position:absolute;inset:0}.pc-art{z-index:-1;filter:drop-shadow(0 10px 12px #00000040);font-size:84px;line-height:1;position:absolute;top:8px;right:10px;transform:rotate(-8deg)}.pc-name{font:800 22px/1.1 var(--font-display);text-shadow:0 2px #0003}.pc-desc{max-width:24ch;font:600 16px/1.3 var(--font-display)}.pc-chip{font:800 14px/1 var(--font-display);background:#ffffff3d;border-radius:999px;justify-self:start;margin-bottom:6px;padding:5px 10px}.play-card[data-locked]{cursor:default;filter:grayscale(.85)brightness(.95)}.hero-picker{z-index:47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade var(--dur-moderate) ease;background:#141e3280;grid-template-columns:minmax(0,1fr);place-items:start center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.hp-card{width:min(760px,100%);animation:pop-in var(--dur-deliberate) var(--ease-spring);background:#fffffff0;border-radius:32px;gap:16px;margin-block:auto;padding:24px;display:grid;box-shadow:0 40px 80px -30px #00000080}.hp-card h2{font:800 clamp(26px, 4vw, 34px)/1.1 var(--font-display);text-wrap:balance}.hp-card>p{color:var(--ink-soft);font-size:17px}.hp-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hp-option{cursor:pointer;width:100%;font:800 16px/1.2 var(--font-display);color:var(--ink);transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast);background:#f2f6fa;border:0;border-radius:22px;justify-items:center;gap:6px;padding:14px 8px 12px;display:grid}.hp-option span{font-size:58px;line-height:1.05}.hp-option:hover{transform:translateY(-3px)}.hp-option[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--sun-edge), 0 12px 22px -14px #d9a514cc;background:#fff5d1}.hp-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.mini{z-index:42;color:#fff;animation:fade var(--dur-moderate) ease;background:#10203d;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.mini-top{z-index:3;padding:12px var(--safe-x);flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.mini-title{font:800 clamp(18px, 2.6vw, 24px)/1.15 var(--font-display);text-shadow:0 2px #00000040}.mini-meter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:800 16px/1 var(--font-display);background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:8px 14px;display:flex}.mini-bar{background:#ffffff40;border-radius:999px;width:clamp(80px,16vw,180px);height:10px;overflow:hidden}.mini-bar i{border-radius:inherit;width:0;height:100%;transition:width var(--dur-normal) var(--ease-standard);background:linear-gradient(90deg,#ffe27a,#7fe3a8);display:block}.mini-skip{color:#fff;min-height:44px;font:700 15px/1 var(--font-display);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;padding:0 14px}.mini-stage{touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:clip}.mini-hint{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100% - 32px);font:700 18px/1.3 var(--font-display);pointer-events:none;transition:opacity var(--dur-moderate) ease;background:#10203d8c;border:1px solid #fff6;border-radius:22px;align-items:center;gap:12px;padding:12px 18px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.mini-hint span{font-size:34px;line-height:1}.mini-hint.gone{opacity:0}.mini-done{z-index:6;animation:fade var(--dur-moderate) ease;background:radial-gradient(circle at 50% 40%,#ffe9a059,#10203dbf);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.mini-done-card{width:min(480px,100%);color:var(--ink);text-align:center;animation:pop-in var(--dur-deliberate) var(--ease-spring);background:#fffffff2;border-radius:30px;justify-items:center;gap:10px;padding:26px 24px 22px;display:grid;box-shadow:0 30px 60px -20px #0009}.mini-done-card .md-art{font-size:72px;line-height:1}.mini-done-card h2{font:800 28px/1.1 var(--font-display);text-wrap:balance}.mini-done-card p{max-width:34ch;color:var(--ink-soft);font:700 17px/1.4 var(--font-display)}.hero-pill{font-size:26px}.app:has(#levelScreen:not([hidden])) #heroBtn{display:none}#mapScreen:not([hidden]),#levelScreen:not([hidden]) .stage{animation:screen-in var(--dur-moderate) var(--ease-decelerate)}@keyframes screen-in{0%{opacity:0}}.hp-actions{background:linear-gradient(#fff0,#fffffff5 35%);border-radius:0 0 32px 32px;margin:0 -24px -24px;padding:14px 24px 20px;position:sticky;bottom:-24px}@media (max-width:480px){.hp-card{padding:20px 16px}.hp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hp-option{padding:10px 4px;font-size:14px}.hp-option span{font-size:44px}.hp-actions{margin:0 -16px -20px;padding:12px 16px 16px}}
.mini-done-card .md-reward{color:#a87200;font:800 18px/1 var(--font-display)}.mini-mist{background:#7ec8ef}.mm-scene{--far:#9fdcaa;--mid:#6cc486;--near:#3fa865;--water:#58b7e8;background:linear-gradient(#8fd6ff 0%,#c9efff 45%,#fff3d1 72%);position:absolute;inset:0}.mini-mist[data-palette=volcano] .mm-scene{--far:#e8ae88;--mid:#c9805a;--near:#9e5a3a;--water:#ff8a4c;background:linear-gradient(#ffb98a,#ffe3c2 72%)}.mini-mist[data-palette=space] .mm-scene{--far:#b8b6ee;--mid:#8f8fd6;--near:#6a66b8;--water:#9d9ae0;background:linear-gradient(#6b63d9,#cfc9ff 72%)}.mini-mist[data-palette=ocean] .mm-scene{--far:#8fd9cb;--mid:#47b8a6;--near:#2e8f82;--water:#2aa7c9;background:linear-gradient(#4fc3dc,#c9f4f2 72%)}.mini-mist[data-palette=candy] .mm-scene{--far:#fbc4dd;--mid:#f59ac6;--near:#e07aa9;--water:#9fd8f5;background:linear-gradient(#ff9fcf,#ffe6f2 72%)}.mm-sun{background:radial-gradient(circle,#fff7c2 0 35%,#ffd84d 60%,#ffd84d00 72%);border-radius:50%;width:110px;height:110px;position:absolute;top:8%;right:14%}.mm-land{width:100%;height:100%;position:absolute;inset:0}.mm-far{fill:var(--far)}.mm-mid{fill:var(--mid)}.mm-near{fill:var(--near)}.mm-river{fill:none;stroke:var(--water);stroke-width:34px;stroke-linecap:round}.mm-item{filter:drop-shadow(0 8px 8px #0000002e);line-height:1;position:absolute;transform:translate(-50%,-50%)}.mm-wave{animation:1s ease-in-out 3 mm-wave}.mm-hop{animation:.6s ease-in-out 3 mm-hop}.mm-grow{animation:mm-grow .7s var(--ease-spring) both}.mm-jump{animation:.9s ease-in-out 3 mm-jump}.mm-flutter{animation:1.6s ease-in-out infinite mm-flutter}.mm-glow{animation:1.4s ease-in-out infinite mm-glow}.mm-mist{cursor:crosshair;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.mm-mist.melt{opacity:0;pointer-events:none}@keyframes mm-wave{50%{transform:translate(-50%,-50%)rotate(-14deg)}}@keyframes mm-hop{50%{transform:translate(-50%,calc(-50% - 30px))}}@keyframes mm-grow{0%{transform:translate(-50%,-50%)scale(.3)}}@keyframes mm-jump{40%{transform:translate(-50%,calc(-50% - 50px))rotate(-30deg)}}@keyframes mm-flutter{50%{transform:translate(calc(30px - 50%),calc(-50% - 20px))rotate(10deg)}}@keyframes mm-glow{50%{filter:drop-shadow(0 0 30px #ffd64d)}}.mini-flight{background:#0f1b3d}.mini-flight .mini-stage{--hill-far:#2a3d78;--hill-near:#1b2a57}.mini-flight .mini-stage[data-leg=clouds]{--hill-far:#4b5a93;--hill-near:#2d3a6d}.mini-flight .mini-stage[data-leg=canyon]{--hill-far:#7a3f5e;--hill-near:#4b2748}.mini-flight .mini-stage[data-leg=harbor]{--hill-far:#22507a;--hill-near:#143556}.mf-sky{background:radial-gradient(circle at 80% 18%,#3a4f9c 0,#0000 40%),linear-gradient(#0f1b3d 0%,#243b7a 60%,#3d5aa8 100%);transition:background 1s;position:absolute;inset:0}.mini-stage[data-leg=clouds] .mf-sky{background:radial-gradient(circle at 70% 20%,#4a5c9e 0,#0000 42%),linear-gradient(#141f48 0%,#33407e 60%,#6272ad 100%)}.mini-stage[data-leg=canyon] .mf-sky{background:radial-gradient(circle at 75% 22%,#7a4f8f 0,#0000 40%),linear-gradient(#1d1740 0%,#4a2f6b 55%,#a0566a 100%)}.mini-stage[data-leg=harbor] .mf-sky{background:radial-gradient(circle at 78% 20%,#5d7fc4 0,#0000 45%),linear-gradient(#0b1636 0%,#1f3f78 60%,#2f7aa0 100%)}.glow-all .mf-sky{background:radial-gradient(circle at 50% 100%,#ffd6788c,#0000 65%),linear-gradient(#1c2d63,#4c63b6)}.mf-moon{background:radial-gradient(circle at 40% 40%,#fffbe8 0 45%,#e9e3c8 62%,#e9e3c800 72%);border-radius:50%;width:90px;height:90px;transition:width 1.2s,height 1.2s;position:absolute;top:8%;right:10%;box-shadow:0 0 60px 20px #fffadc33}.mini-stage[data-leg=canyon] .mf-moon{width:112px;height:112px}.mini-stage[data-leg=harbor] .mf-moon{width:150px;height:150px;top:5%}.mf-hills{pointer-events:none;background-repeat:repeat-x;position:absolute;left:0;right:0}.mf-hills.far{opacity:.6;background-image:radial-gradient(ellipse 170px 120px at 170px 100%, var(--hill-far) 98%, transparent 100%);background-size:340px 100%;height:34%;bottom:70px}.mf-hills.near{background-image:radial-gradient(ellipse 110px 80px at 110px 100%, var(--hill-near) 98%, transparent 100%);background-size:220px 100%;height:22%;bottom:40px}.mf-gust{z-index:1;pointer-events:none;background:repeating-linear-gradient(170deg,#0000 0 60px,#ffffff14 60px 64px);animation:.8s linear infinite mf-gust;position:absolute;inset:0}.mf-gust[data-lift=down]{background:repeating-linear-gradient(10deg,#0000 0 60px,#ffffff14 60px 64px)}.mf-gust[hidden],.mf-leg[hidden]{display:none}.mf-gust b{top:46%;right:var(--safe-x,16px);color:#bfe6ff;font:800 16px/1.2 var(--font-display);background:#0c1634c7;border-radius:999px;padding:8px 14px;position:absolute}@keyframes mf-gust{to{background-position:-64px 0}}.mf-hud{top:10px;right:var(--safe-x,16px);left:var(--safe-x,16px);z-index:3;pointer-events:none;flex-wrap:wrap;align-items:stretch;gap:8px;display:flex;position:absolute}.mf-hud>*{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0c1634a8;border:1px solid #ffffff38;border-radius:16px;margin:0;padding:8px 12px}.mf-score{grid-template-columns:auto auto;align-items:baseline;column-gap:10px;display:grid}.mf-score span{color:#bcd0ff;font:800 14px/1.1 var(--font-display);letter-spacing:.06em;grid-column:1/-1}.mf-score b{font:850 26px/1.1 var(--font-display);font-variant-numeric:tabular-nums}.mf-mult{color:#ffe27a;font:850 18px/1 var(--font-display);font-style:normal}.mf-mult[data-hot=true]{color:#ffb14a;text-shadow:0 0 10px #ffb14acc}.mf-lantern{align-content:center;gap:5px;display:grid}.mf-frame{grid-template-columns:repeat(5,16px);gap:3px;display:grid}.mf-frame i{background:#ffffff2e;border-radius:4px;height:16px}.mf-frame i.on{background:#ffe27a;box-shadow:0 0 8px #ffe27ae6}.mf-lantern.full .mf-frame i{animation:.7s mf-full}.mf-lantern p{font:800 14px/1.2 var(--font-display);margin:0}.mf-lantern p b{color:#ffe27a;font-variant-numeric:tabular-nums;font-size:18px}.mf-rivals{font:700 14px/1.2 var(--font-display);align-content:center;gap:4px;display:grid}.mf-rivals b{color:#ffe27a;font-variant-numeric:tabular-nums}.mf-ask{color:#fff4c7;font:800 18px/1.3 var(--font-display);flex:260px;align-items:center;display:flex}.mf-ask:not([data-on]){visibility:hidden}.mf-ask[data-on=question]{border-color:#ffe27a}.mf-ask[data-on=right]{color:#c9f7da;border-color:#7fe3a8}.mf-ask[data-on=wrong],.mf-ask[data-on=missed]{color:#ffe2c4;border-color:#f7c89a}@keyframes mf-full{40%{background:#7fe3a8;transform:scale(1.2)}}.mf-leg{z-index:4;color:#fff4c7;font:850 clamp(22px, 4vw, 34px)/1.2 var(--font-display);text-align:center;pointer-events:none;background:#0c1634d6;border:1px solid #ffffff4d;border-radius:22px;margin:0;padding:14px 24px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.mf-intro{z-index:4;color:#fff;pointer-events:none;background:#0c1634db;border:1px solid #ffffff40;border-radius:26px;gap:10px;width:min(540px,100% - 32px);padding:20px 22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.mini-stage.flying .mf-intro{display:none}.mf-intro-kicker{color:#ffe27a;font:800 14px/1 var(--font-display);letter-spacing:.08em}.mf-intro h2{font:850 clamp(22px, 3.4vw, 30px)/1.15 var(--font-display)}.mf-intro ol{counter-reset:mfleg;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mf-intro ol li{font:700 14px/1.2 var(--font-display);counter-increment:mfleg;background:#ffffff1f;border-radius:999px;padding:5px 10px}.mf-intro ol li:before{content:counter(mfleg) ". ";color:#ffe27a}.mf-intro ul{font:600 16px/1.4 var(--font-display);gap:6px;margin:0;padding-left:20px;display:grid}.mf-intro b{color:#ffe27a}.mf-intro-goal{color:#fff4c7;font:800 16px/1.3 var(--font-display)}.mf-stars{opacity:.8;background-image:radial-gradient(2px 2px at 10% 20%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 40% 70%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 70% 40%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 90% 85%,#fff 50%,#0000 51%);background-size:400px 300px;animation:30s linear infinite mf-scroll;position:absolute;inset:0}.mf-stars.far{opacity:.45;background-size:260px 200px;animation-duration:60s}.mf-homes{background:linear-gradient(#0000,#0a142d99);justify-content:space-around;align-items:flex-end;height:110px;padding-bottom:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.mf-homes span{filter:grayscale(.7)brightness(.6);font-size:56px;line-height:1;transition:filter .6s;position:relative}.mf-homes span i{font-size:22px;font-style:normal;animation:2s ease-in-out infinite mf-zzz;position:absolute;top:-18px;right:-10px}.mf-homes span.lit{filter:drop-shadow(0 0 18px #ffd64de6)}.mf-homes span.lit i{display:none}.mf-world{position:absolute;inset:0}.mf-fly,.mf-cloud,.mf-star{line-height:1;position:absolute;top:0;left:0}.mf-fly{filter:drop-shadow(0 0 14px #ffdc5af2);margin:-20px 0 0 -20px;font-size:40px}.mf-fly b{color:#1b2a57;font:850 14px/1 var(--font-display);background:#fff4c7;border-radius:999px;padding:3px 7px;position:absolute;top:-12px;right:-24px}.mf-fly.golden{filter:drop-shadow(0 0 22px #ffc83c);font-size:50px}.mf-fly.golden b{background:#ffd84d}.mf-star{filter:drop-shadow(0 0 16px #ffffffd9);margin:-22px 0 0 -22px;font-size:46px}.mf-cloud{opacity:.92;margin:-42px 0 0 -42px;font-size:84px}.mf-gate{width:0;height:100%;position:absolute;top:0;left:0}.mf-ring{background:#fff4c814;border:6px solid #ffe27a;border-radius:50%;place-items:center;width:96px;height:96px;margin:-48px 0 0 -48px;transition:transform .35s,opacity .35s;display:grid;position:absolute;left:0;box-shadow:0 0 22px 6px #ffe27a80,inset 0 0 16px #ffe27a73}.mf-ring b{color:#fff4c7;font:850 24px/1 var(--font-display);font-variant-numeric:tabular-nums;background:#1b2a57;border-radius:999px;padding:5px 11px}.mf-ring.right{opacity:0;border-color:#7fe3a8;transform:scale(1.35)}.mf-ring.wrong{opacity:.4;border-style:dashed}.mf-hoot{z-index:2;place-items:center;margin:-36px 0 0 -36px;display:grid;position:absolute;top:0;left:0}.mf-owl{font-size:64px;line-height:1;animation:.35s ease-in-out infinite mf-flap}.mf-lamp{filter:drop-shadow(0 0 16px #ffbe50f2);font-size:30px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.mf-hoot.boing .mf-owl{animation:.5s mf-boing}.mf-hoot.power .mf-lamp{filter:drop-shadow(0 0 22px #ffd84d)drop-shadow(0 0 40px #ff9d2e)}.mf-hoot.power:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffd84dd9);border-radius:999px;width:90px;height:10px;position:absolute;top:58%;right:62%}@keyframes mf-scroll{to{background-position:-400px 0}}@keyframes mf-zzz{50%{opacity:.6;transform:translateY(-6px)}}@keyframes mf-flap{50%{transform:scaleY(.9)translateY(3px)}}@keyframes mf-boing{30%{transform:scale(1.3,.7)}60%{transform:scale(.9,1.1)}}html[data-calm] .mf-gust,html[data-calm] .mf-lantern.full .mf-frame i{animation:none}@media (prefers-reduced-motion:reduce){.mf-gust,.mf-lantern.full .mf-frame i{animation:none}.mf-ring{transition:none}}@media (max-width:600px){.mf-hud{gap:6px}.mf-hud>*{padding:6px 9px}.mf-score b{font-size:22px}.mf-ask{flex-basis:100%;font-size:16px}.mf-ring{width:84px;height:84px;margin:-42px 0 0 -42px}.mf-ring b{font-size:20px}.mf-homes span{font-size:42px}.mf-intro{padding:16px}.mf-intro ul{font-size:15px}}.mini-dance{background:#2a1450}.mini-dance .mini-stage{background:radial-gradient(circle at 50% 30%,#7a3fbf 0,#3a1c6e 55%,#1d0f3d 100%);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.md-floor{opacity:.9;background:repeating-conic-gradient(from 45deg, #ffffff17 0 25%, #ffffff05 0 50%) 0 0 / 80px 80px;transform-origin:bottom;height:42%;position:absolute;bottom:0;left:0;right:0;transform:perspective(500px)rotateX(45deg)}.md-lights i{transform-origin:top;background:linear-gradient(#fff3,#0000 70%);width:120px;height:140%;animation:4s ease-in-out infinite md-sweep;position:absolute;top:-20%}.md-lights i:first-child{animation-delay:0s;left:6%}.md-lights i:nth-child(2){background:linear-gradient(#ff96c838,#0000 70%);animation-delay:-.8s;left:26%}.md-lights i:nth-child(3){animation-delay:-1.6s;left:46%}.md-lights i:nth-child(4){background:linear-gradient(#96dcff38,#0000 70%);animation-delay:-2.4s;left:66%}.md-lights i:nth-child(5){animation-delay:-3.2s;left:86%}.party .md-lights i{animation-duration:1.2s}.md-lights{pointer-events:none;position:absolute;inset:0;overflow:hidden}.md-top{z-index:2;align-content:start;justify-items:center;gap:10px;padding:18px 16px 0;display:grid;position:relative}.md-guardian{filter:drop-shadow(0 12px 16px #00000059);font-size:clamp(90px,16vh,150px);line-height:1}.md-guardian.move0{animation:.45s md-hop}.md-guardian.move1{animation:.45s md-lean-l}.md-guardian.move2{animation:.45s md-lean-r}.md-guardian.move3{animation:.5s md-spin}.party .md-guardian{animation:.5s ease-in-out infinite md-bop}.md-say{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:800 clamp(17px, 2.4vw, 22px)/1.25 var(--font-display);text-align:center;background:#ffffff24;border:1px solid #ffffff4d;border-radius:999px;padding:10px 18px}.md-crowd{z-index:2;justify-content:center;align-items:flex-end;gap:18px;min-height:80px;display:flex;position:relative}.md-crowd span{font-size:58px;line-height:1;animation:.6s ease-in-out infinite md-bop}.md-crowd span.spin{animation:.6s md-spin}.md-pads{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(760px,100%);margin:0 auto;padding:12px 16px 28px;display:grid;position:relative}.md-pad{aspect-ratio:1;color:#fff;cursor:pointer;touch-action:manipulation;border:0;place-items:center;gap:4px;min-height:110px;display:grid;position:relative;box-shadow:inset 0 2px #ffffff59,0 8px #00000059}.md-pad.p0{background:linear-gradient(160deg,#4fd18a,#1e8f55);border-radius:50%}.md-pad.p1{background:linear-gradient(160deg,#54b3f5,#1f6fb8);border-radius:22px}.md-pad.p2{background:linear-gradient(160deg,#ffcf4d,#c98a0a);border-radius:40px 40px 14px 14px}.md-pad.p3{background:linear-gradient(160deg,#ff7aa2,#c43a67);border-radius:34px 12px}.md-emoji{font-size:clamp(40px,7vw,60px);line-height:1}.md-shape{font:800 26px/1 var(--font-display);text-shadow:0 2px #0000004d}.md-pad kbd{font:800 14px/1 var(--font-display);opacity:.85;position:absolute;top:10px;right:14px}.md-pad.hit{animation:.35s md-hit}.md-pad:disabled{cursor:default;opacity:.8}@keyframes md-sweep{50%{transform:rotate(18deg)}}@keyframes md-hop{50%{transform:translateY(-28px)scale(1.05)}}@keyframes md-lean-l{50%{transform:rotate(-16deg)}}@keyframes md-lean-r{50%{transform:rotate(16deg)}}@keyframes md-spin{to{transform:rotate(360deg)}}@keyframes md-bop{50%{transform:translateY(-12px)}}@keyframes md-hit{40%{filter:brightness(1.35);transform:scale(1.1);box-shadow:0 0 0 12px #ffffff59,0 8px #00000059}}@media (max-width:600px){.md-pads{grid-template-columns:repeat(2,minmax(0,1fr));max-width:380px}.md-pad{min-height:96px}.md-crowd span{font-size:44px}}html[data-calm] .mf-stars,html[data-calm] .md-lights i,html[data-calm] .md-crowd span,html[data-calm] .mm-flutter,html[data-calm] .mm-glow,html[data-calm] .mf-owl,html[data-calm] .mf-homes span i,html[data-calm] .party .md-guardian{animation:none!important}
body:has(#app){--ink:#293f37;--ink-soft:#647267;--leaf-deep:#32614c;--surface:#fffdf6;--line:#dedfd2;--hud-h:88px;--book-paper:#f8f7ef;--book-green:#32614c;--book-gold:#f0cb78;background:var(--book-paper)}.app{background:var(--book-paper)}.app .hud{border-bottom:1px solid #e5e5d9;gap:24px;width:100%;max-width:1440px;margin:auto;padding-inline:clamp(20px,4vw,64px)}.mq-brand{color:#293f37;font:850 27px/1 var(--font-display);letter-spacing:-1.4px;flex:none;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-mark{color:#f6d486;letter-spacing:0;background:#32614c;border-radius:12px 12px 16px 16px;place-items:center;width:34px;height:39px;font-size:27px;display:grid}.brand-dot{color:#ce9350;margin-left:-9px}.app .hud-title{box-shadow:none;background:0 0;border:none;border-left:1px solid #d6d9ce;border-radius:0;min-height:26px;padding:0 0 0 24px;font-size:14px;font-weight:650}.app .hud-right{align-items:center;gap:8px}.app .hud-pill{-webkit-backdrop-filter:none}.app .hud-icon,.app .badge-pill,.app .hud-coins{height:48px;min-height:48px;box-shadow:none;background:#fffef8;border:1px solid #e1e3d6;font-size:15px}.app .hud-icon{width:48px}.app .hud-coins{background:#f8edcc;border-color:#ebd9a5}.app .hud-coins .mq-icon{color:#a57629}.app .hud-icon:hover{background:#e9efdf}.eyebrow{font:750 14px/1.4 var(--font-display);letter-spacing:1.8px;color:#5f7059}.app .btn,.title-screen .btn,.journal-overlay .btn,.hero-picker .btn,.certificate .btn{color:#fffdf5;background:#32614c;border-radius:16px;min-height:56px;font-size:18px;font-weight:750;box-shadow:0 4px #224734}.app .btn:hover:not(:disabled),.title-screen .btn:hover:not(:disabled){background:#3e7058}.app .btn:active:not(:disabled),.title-screen .btn:active:not(:disabled){box-shadow:0 1px #224734}.app .btn.secondary,.hero-picker .btn.secondary,.certificate .btn.secondary{color:#344f3e;background:#fffdf6;border:1px solid #dbe0d0;box-shadow:0 3px #dbe0d0}.app .btn.sky{color:#255349;background:#c9e4de;box-shadow:0 4px #9abdb3}.map-screen{gap:28px;max-width:1336px;padding:34px clamp(20px,4vw,48px) 24px}.map-intro{gap:6px;position:relative}.map-intro .eyebrow{color:#5f7059;margin:0;font-size:14px}.map-intro h1{letter-spacing:-1.7px;font-size:clamp(32px,3.7vw,46px);font-weight:800}.map-intro #worldIntro{margin:2px 0 0;font-size:16px}.journey-layout{grid-template-columns:minmax(0,1fr) 294px;gap:22px;display:grid}.journey-canvas{background:#e5ede1;border:1px solid #d5dfce;border-radius:26px;min-width:0;display:flex;position:relative;overflow:hidden}.journey-caption{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:25px;left:28px;right:25px}.journey-caption .eyebrow{color:#527361;letter-spacing:1.4px;font-size:14px}.journey-caption h2{font:750 clamp(19px, 2vw, 25px)/1.2 var(--font-display);letter-spacing:-.6px;margin-top:5px}.map-compass{color:#728f7c;font-size:49px;font-weight:400}.map-board{aspect-ratio:auto;height:auto;min-height:484px;box-shadow:none;background:#dfe8da;border-radius:0;flex:1}.map-board[data-restored] .map-world{filter:saturate(.9)}.map-board[data-restored="1"] .map-world{filter:saturate(1.05)}.map-board[data-restored="2"] .map-world{filter:saturate(1.15)}.map-board[data-restored="3"] .map-world{filter:saturate(1.25)}.map-board .map-world{filter:none;opacity:1}.valley-art{width:100%;height:100%;display:block}.map-board .valley-art{position:absolute;inset:0}.map-board .map-layers,.map-board .map-deco,.map-board .landmark{display:none}.map-board .map-path{z-index:1}.map-board .trail{stroke:#fbf1d0;stroke-width:24px;opacity:.75}.map-board .trail-dots{stroke:#aa9870;stroke-width:3px;stroke-dasharray:1 12}.map-board .trail-done{stroke:#74a680;stroke-width:24px}.map-board .map-mist{opacity:.19;z-index:1}.map-board .node{z-index:3;gap:10px}.map-board .node-disc{background:#dcecc7;border:4px solid #fffdf0;width:76px;height:76px;font-size:37px;position:relative;box-shadow:0 5px #69895e,0 8px 20px #35583826}.map-board .node[data-locked] .node-disc{filter:none;background:#d0dbc5;border-color:#e8eedf;font-size:35px;box-shadow:0 5px #7f9774}.map-board .node[data-next] .node-disc{outline-offset:4px;outline:2px solid #32614c;animation:none}.node-state{color:#fffdf0;background:#32614c;border:2px solid #fffdf0;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid;position:absolute;bottom:-5px;right:-9px}.node[data-locked] .node-state{background:#eff1e2;font-size:13px}.map-board .node-label,.map-board .node[data-locked] .node-label{color:#2d493b;max-width:185px;text-shadow:none;white-space:normal;background:#fffdf2ed;border:1px solid #dfe3cd;border-radius:12px;padding:8px 13px;font-size:15px;line-height:1.2;box-shadow:0 3px #6a805526}.map-board .node-label small{color:#66785a;margin-bottom:2px;font-size:14px;font-weight:550}.map-board .node-stars:empty{display:none}.map-board .hero-token{z-index:4;font-size:34px;transform:translate(-145%,-220%)}.map-secret{z-index:3}.map-cta{background:#fffdf6;border:1px solid #e1e1d2;border-radius:24px;flex-direction:column;place-content:start;gap:0;padding:23px;display:flex;position:static}.map-board{max-height:none}body:has(#app) :focus-visible{outline-color:#48755a}.quest-preview{width:100%}.quest-preview>.eyebrow{letter-spacing:1.25px;font-size:14px}.quest-preview-icon{background:#edf1d7;border-radius:22px;place-items:center;width:66px;height:66px;margin:20px 0 17px;font-size:37px;display:grid;transform:rotate(-5deg)}.chapter-tag{color:#796440;letter-spacing:1.8px;font-size:14px;font-weight:750}.quest-preview h2{font:800 28px/1.15 var(--font-display);letter-spacing:-.8px;margin:6px 0 8px}.quest-preview-copy{color:var(--ink-soft);max-width:24ch;font-size:16px;line-height:1.5}.map-cta .btn{justify-content:space-between;width:100%;min-height:54px;margin-top:20px;padding:0 18px;font-size:18px;box-shadow:0 4px #224734}.quest-reassurance{color:#5f7059;margin-top:13px;font-size:14px;line-height:1.5}.lantern-progress{border-top:1px dashed #d8dcc9;width:100%;margin-top:23px;padding-top:19px}.lantern-progress>div:first-child{align-items:center;gap:8px;font-size:14px;display:flex}.lantern-progress>div:first-child>span:first-child{color:#b38843;font-size:22px}.lantern-progress>div:first-child>span:last-child{color:#65755e;margin-left:auto}.lantern-progress-track{gap:5px;margin:12px 0 9px;display:flex}.lantern-progress-track i{background:#eaece0;border-radius:5px;flex:1;height:8px}.lantern-progress-track i.lit{background:#dfb966}.lantern-progress p{color:#5f7059;font-size:14px;line-height:1.5}.journal-link{color:#42604a;width:100%;min-height:48px;font:650 14px/1.3 var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin-top:10px;padding:8px 0 0;display:flex}.journal-link span:last-child{margin-left:auto}.playground{gap:16px;margin:0}.playground-head{justify-content:space-between;align-items:end}.playground-head h2{letter-spacing:-.65px;margin-top:3px;font-size:26px}.playground-head>p{font-size:14px}.playground-head .eyebrow{letter-spacing:1.4px;font-size:14px}.play-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.play-card,.play-card[data-locked]{filter:none;min-height:155px;box-shadow:none;color:#354f48;border:1px solid #dce4dc;border-radius:20px;padding:21px 86px 21px 21px}.play-card[data-game=mist]{background:#e8efeb}.play-card[data-game=flight]{color:#555069;background:#eeebf2;border-color:#e0dce8}.play-card[data-game=dance]{color:#725739;background:#f5ecdf;border-color:#e9dfcd}.pc-art{opacity:.9;filter:none;font-size:68px;top:36px;right:10px}.pc-chip{color:inherit;background:#ffffff91;border:1px solid #ffffffa6;margin-bottom:8px;padding:5px 8px;font-size:14px}.pc-name{text-shadow:none;letter-spacing:-.4px;font-size:20px}.pc-desc{margin-top:3px;font-size:14px;font-weight:500;line-height:1.4}.pc-skills{color:#6b7a6d;font:750 12px/1.45 var(--font-display);letter-spacing:.02em;margin-top:auto;padding-top:10px}.map-foot{color:#5f7059;justify-content:space-between;align-items:center;margin:0;padding-top:4px;font-size:14px;display:flex}.map-foot .story-skip{color:#64715f;min-height:48px;font-size:14px;font-weight:550;text-decoration:none}.title-screen{color:#293f37;background:#f8f7ef;flex-direction:column;padding:0 max(28px,50vw - 640px);display:flex;overflow-y:auto}.ts-nav{border-bottom:1px solid #e0e3d5;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:29px 0;display:flex}.ts-nav-note{color:#5f7059;font-size:14px}.ts-layout{grid-template-columns:1fr 1.12fr;align-items:center;gap:48px;width:100%;max-width:1280px;margin:auto;padding:56px 0 70px;display:grid}.ts-content{text-align:left;justify-items:start;gap:0;margin:0;padding:0}.ts-kicker{color:#5f7059;letter-spacing:1.4px;font-size:14px;line-height:1.5;animation:none}.ts-kicker span{color:#c79549;margin-right:4px;font-size:20px}.ts-title{letter-spacing:-3.4px;max-width:none;text-shadow:none;text-wrap:initial;margin-top:22px;font-size:clamp(44px,5.3vw,74px);font-weight:800;line-height:1.06;animation:none}.ts-title em{color:#58784e;letter-spacing:-3px;font-family:Georgia,Times New Roman,serif;font-weight:500}.ts-sub{color:#5f7059;margin-top:25px;font-size:19px;font-weight:450;line-height:1.65;animation:none}.ts-sub strong{color:#42603d;font-weight:700}.title-screen .ts-play{gap:29px;min-height:61px;margin-top:30px;padding-inline:25px;font-size:18px;animation:none}.ts-promise{color:#5f7059;max-width:38ch;margin-top:18px;font-size:14px;line-height:1.5}.ts-skills{color:#637758;flex-wrap:wrap;gap:13px 18px;max-width:370px;margin-top:34px;font-size:14px;font-weight:600;display:flex}.ts-stats{margin-top:22px}.ts-art-wrap{height:536px;margin-top:12px;position:relative}.ts-art-wrap>.valley-art{border:8px solid #eeeee0;border-radius:44% 44% 28px 28px;outline:1px solid #dbdfcc;overflow:hidden}.ts-book-tag{white-space:nowrap;text-align:center;letter-spacing:1.5px;color:#587154;background:#fffdf0e6;border:1px solid #cbd6bd;border-radius:12px;padding:13px 18px;font-size:14px;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #344e3920}.ts-book-tag i{letter-spacing:.3px;margin-top:5px;font-family:Georgia,serif;font-size:14px;font-weight:400;display:block}.ts-hoot{background:#fffdf4;border:1px solid #dbdfca;border-radius:20px;align-items:center;padding:10px 24px 12px 10px;display:flex;position:absolute;bottom:-27px;left:-24px;right:38px;transform:rotate(-3deg);box-shadow:0 13px 25px #364b3a12}.ts-hoot>span{flex:none;width:91px;margin-top:-23px;margin-right:15px;display:block}.ts-hoot p{font-family:Georgia,serif;font-size:19px;font-style:italic;line-height:1.4}.ts-hoot b{font:650 14px/1.3 var(--font-display);letter-spacing:1.3px;color:#5f7059;margin-top:8px;display:block}.ts-spark{color:#bc9f55;font-size:46px;position:absolute}.ts-spark-one{top:0;right:3px;transform:rotate(15deg)}.ts-spark-two{font-size:32px;top:90px;left:-25px}.ts-footer{color:#5f7059;border-top:1px solid #e0e3d5;justify-content:space-between;align-items:center;width:100%;padding:22px 0;font-size:14px;display:flex}.ts-footer span:first-child{letter-spacing:1.8px;font-weight:650}.valley-sparks{animation:4s ease-in-out infinite valley-glow}@keyframes valley-glow{50%{opacity:.25}}.stage .scenery>.valley-art{opacity:.8}.stage .scenery.night>.valley-art{opacity:.24;filter:brightness(.65)hue-rotate(25deg)}.firefly-stage{background:linear-gradient(#203e43,#4b7070)}.frog-stage{background:#e4eada}.duel-stage{background:#ecebd9}.river{background:linear-gradient(#a3d5ce,#78b8b9 55%,#65a5af)}.river:after{box-shadow:inset 0 12px #8cad7b,inset 0 -12px #8cad7b}.pad{background:radial-gradient(circle at 35% 30%,#81b778,#4d8b59 65%,#3d794d)}.duel .card{background:linear-gradient(150deg,#648d99,#355f6c);box-shadow:0 5px #234a57,0 12px 24px #254c4220}.duel .spell-slot{color:#51706b;background:#e1ece3;border-color:#829d9a}.duel .spell-slot.filled{color:#304f3d;background:#fffdf3}#app[data-palette=forest] .tree .canopy{fill:#3d755b}#app[data-palette=forest] .tree .canopy-light{fill:#5c9470}#app[data-palette=forest] .tree .trunk{fill:#9b7750}.stage .hoot-bubble{max-width:min(330px,100vw - 32px)}.frog-card,.glade-card,.duel-speech{background:#fffdf2f5;border:1px solid #d7dfc9;border-radius:22px;box-shadow:0 5px #506c3930}.frog-round{color:#5b704d;letter-spacing:1px}.river-place-value{color:#5e7755;flex-wrap:wrap;align-items:center;gap:7px 12px;padding-top:5px;font-size:14px;display:flex}.river-place-value b{padding-inline:3px;font-weight:500}.pv-model{align-items:end;gap:4px;min-height:23px;display:inline-flex}.pv-ten{background:repeating-linear-gradient(#77a0ad 0 3px,#c6dee1 3px 4px);border:1px solid #638895;border-radius:2px;width:8px;height:23px}.pv-one{background:#9dc285;border:1px solid #6d9160;border-radius:2px;width:8px;height:8px}.hopper-hat{font-size:.55em;font-style:normal;position:absolute;top:-31%;left:50%;transform:translate(-50%)rotate(-9deg)}.glade-frame{grid-template-columns:repeat(5,19px);gap:4px;margin-top:6px;display:grid}.glade-frame i{background:#edf0de;border:1.5px solid #9da98a;border-radius:5px;width:19px;height:19px}.glade-frame i.filled{background:#ecc770;border-color:#aa803b}.swarm{top:164px}.frog-count{color:#486e48}.frog-controls{padding-bottom:12px}.hoot-btn{background:#fffdf2;border:1px solid #cdd7c2;box-shadow:0 4px #a7b39b}.hoot-bubble{background:#fffdf2;border:1px solid #d6ddc8}.frog-sum{border:1px solid #dde0ce}.hp-card{background:#fffdf5;border:1px solid #d9dfc9;gap:18px;padding:30px}.hp-card h2{color:#344d3b;letter-spacing:-1px}.hp-option{background:#f0f1e7;border:2px solid #0000;border-radius:19px}.hp-option[aria-pressed=true]{background:#e4edda;border-color:#57774b;box-shadow:0 4px #c1d0b4}.result-card{background:#fffdf3;border:1px solid #d7ddc7}.result-chapter{background:#486b4c;box-shadow:0 4px #304e35}.result-note{line-height:1.55}.journal-overlay{z-index:48;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#253e3866;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.journal-card{color:#304c3c;background:#fffdf3;border-radius:28px;width:min(580px,100%);margin-block:auto;padding:30px;box-shadow:0 24px 70px #213e3b3b}.journal-card h2{font:800 31px/1.1 var(--font-display);letter-spacing:-1px;margin:8px 0 12px}.journal-card>p:not(.eyebrow){color:#6e7b65;font-size:16px;line-height:1.5}.journal-card ul{margin:20px 0;padding:0;list-style:none}.journal-card li{border-top:1px dashed #d8dec8;gap:17px;padding:17px 0;display:flex}.journal-symbol{color:#789062;background:#eef0e1;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.journal-card li[data-explored=true] .journal-symbol{color:#4d6935;background:#e8edce}.journal-card h3{margin:0 0 4px;font-size:17px}.journal-card li p{color:#65735d;font-size:15px;line-height:1.45}.journal-status{color:#718160;margin-top:7px;font-size:14px;display:block}.journal-card .btn{width:100%}html[data-calm] .valley-sparks{animation:none}@media (prefers-reduced-motion:reduce){.valley-sparks{animation:none}}@media (max-width:1100px){.app .hud{gap:13px}.app .hud-title{display:none}.journey-layout{grid-template-columns:minmax(0,1fr) 265px;gap:17px}.map-cta{padding:20px}.map-board{height:490px}.ts-layout{gap:28px}.ts-art-wrap{height:470px}.ts-title{font-size:60px}.ts-hoot p{font-size:17px}.play-card{padding-left:17px;padding-right:68px}.pc-art{font-size:53px;right:7px}}@media (max-width:800px){.app .hud{padding-inline:20px}.app .mq-brand{font-size:23px}.app .hud-right{gap:5px}.app .badge-pill{padding-inline:12px}.journey-layout{grid-template-columns:1fr}.map-board{height:440px}.map-cta{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:0 24px;display:grid}.quest-preview{grid-row:span 2}.quest-preview-icon{float:right;width:52px;height:52px;margin:8px 0 0 8px;font-size:29px}.quest-preview>.eyebrow{margin-bottom:13px;display:block}.lantern-progress{border:none;margin-top:0;padding-top:0}.journal-link{align-self:end}.play-grid{gap:12px}.play-card{padding:56px 16px 16px}.pc-art{font-size:40px;top:8px}.pc-name{font-size:18px}.ts-layout{gap:24px;padding-block:45px 65px}.ts-title{letter-spacing:-2.5px;font-size:49px}.ts-art-wrap{height:430px}.ts-sub{font-size:17px}.ts-hoot{padding-right:12px;left:-10px;right:10px}.ts-hoot>span{width:65px;margin-right:8px}.ts-hoot p{font-size:15px}.ts-book-tag{letter-spacing:.4px;white-space:normal;width:230px;padding:12px;font-size:14px}}@media (max-width:600px){body:has(#app){--hud-h:126px}.app .hud{flex-wrap:wrap;align-content:center;gap:8px;padding:13px 18px}.app .hud-right{flex-basis:100%;justify-content:space-between;margin:0}.app .hud-mute{display:inline-flex}.app .hud-icon,.app .badge-pill,.app .hud-coins{height:48px;min-height:48px}.app .hud-coins{padding:0 10px}.app .badge-pill{gap:4px;padding:0 6px}.app .badge-pill .mq-icon{width:20px;height:20px}.app .hud-coins{gap:5px;padding:0 8px}.app .hud-coins .mq-icon{width:20px;height:20px}.app .badge-pill b{font-size:14px}.app .mq-brand{font-size:23px}.app .brand-mark{border-radius:8px 8px 11px 11px;width:26px;height:29px;font-size:22px}#homeBtn{background:0 0;border:0;width:48px;position:absolute;top:3px;right:19px}.map-screen{gap:20px;padding:25px 18px 16px}.map-intro{gap:5px}.map-intro h1{letter-spacing:-1.2px;font-size:36px}.map-intro .eyebrow{letter-spacing:1px}.map-intro #worldIntro{line-height:1.5}.map-board{height:480px}.journey-caption{top:21px;left:19px;right:19px}.journey-caption h2{max-width:20ch;font-size:20px}.journey-caption .eyebrow{letter-spacing:.8px;font-size:14px}.map-compass{display:none}.map-board .node-disc{width:67px;height:67px;font-size:31px}.map-board .node-label{max-width:153px;padding:7px 10px;font-size:14px}.map-board .hero-token{font-size:28px}.map-cta{padding:22px;display:flex}.quest-preview-icon{width:66px;height:66px;font-size:35px}.quest-preview-copy{max-width:24ch}.lantern-progress{border-top:1px dashed #d8dcc9;margin-top:23px;padding-top:19px}.playground-head{align-items:start;gap:9px}.play-grid{grid-template-columns:1fr;gap:12px}.play-card{min-height:139px;padding:20px 94px 20px 20px}.pc-art{font-size:66px;top:33px;right:13px}.pc-name{font-size:21px}.map-foot{gap:6px;display:grid}.map-foot>span{padding-left:4px}.title-screen{padding:0 24px}.ts-nav{padding:21px 0}.ts-nav .mq-brand{font-size:25px}.ts-nav-note{display:none}.ts-layout{grid-template-columns:1fr;gap:35px;padding:32px 0 58px}.ts-title{letter-spacing:-2.7px;margin-top:16px;font-size:clamp(44px,12.3vw,65px)}.ts-title br:last-child{display:none}.ts-title em:after{content:" "}.ts-sub{margin-top:18px;font-size:17px}.title-screen .ts-play{justify-content:space-between;width:100%;margin-top:23px;font-size:18px}.ts-promise{margin-top:15px;font-size:14px}.ts-skills{gap:10px 15px;margin-top:21px}.ts-art-wrap{height:346px;margin:0 5px}.ts-book-tag{font-size:14px;top:21px}.ts-hoot{padding-block:7px;bottom:-26px;left:-12px;right:9px}.ts-hoot>span{width:73px;margin-right:13px}.ts-hoot p{font-size:17px}.ts-footer{flex-direction:column;align-items:start;gap:9px;font-size:14px}.hp-card{padding:23px}.hp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-option span{font-size:45px}.hp-actions{background:#fffdf5;padding-block:8px;position:sticky;bottom:-1px}.hp-actions .btn{width:100%}.journal-overlay{padding:16px}.journal-card{padding:24px}.journal-card h2{font-size:27px}.swarm{top:235px}}body:has(.title-screen,.hero-picker,.journal-overlay,.certificate){overflow:hidden}:is(body:has(.journal-overlay,.builder-dialog[open]) .badge-toast,body:has(.journal-overlay,.builder-dialog[open]) .moment-toast){visibility:hidden}.duel .spell{position:relative}.spell-help{color:#3f543a;width:46px;height:46px;font:750 27px/1 var(--font-display);cursor:pointer;background:#e6d49e;border:2px solid #fffdf3;border-radius:15px;place-items:center;padding:0;display:grid;position:absolute;top:-21px;right:-17px;box-shadow:0 3px #b9a66b}.spell-help:hover{background:#f1dfac;transform:translateY(-2px)}.spell-help:focus-visible,.learning-note summary:focus-visible{outline-offset:4px;outline:3px solid #385f50}.builder-dialog{color:#304c3c;background:#fffdf3;border:1px solid #d3ddc7;border-radius:28px;width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:clamp(22px,4vw,34px);overflow-y:auto;box-shadow:0 24px 70px #213e3b3b}.builder-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#253e3866}.builder-dialog h2{font:800 clamp(25px, 5vw, 32px)/1.1 var(--font-display);letter-spacing:-1px;margin:8px 0 12px}.builder-dialog p{font-size:15px;line-height:1.55}.builder-dialog .eyebrow{font-size:11px}.builder-models{gap:12px;margin:20px 0;display:grid}.builder-models section{background:#eef2e5;border:1px solid #dce4ce;border-radius:18px;padding:16px}.builder-models h3{justify-content:space-between;align-items:center;margin:0 0 12px;font-size:15px;display:flex}.builder-models h3 b{font:800 28px/1 var(--font-display)}.builder-models section>p{color:#4e6349;margin-top:10px;font-weight:650}.builder-blocks{flex-wrap:wrap;align-items:flex-end;gap:7px;min-height:24px;display:flex}.builder-blocks i{border:1px solid #426d56;border-radius:3px;flex:none;width:12px;display:block}.build-ten{background:repeating-linear-gradient(0deg,#93ba78 0 11px,#426d56 11px 12px);height:120px}.builder-blocks .build-one{background:#e7b653;border-color:#98702b;height:12px}.builder-tip{color:#536348;border-left:3px solid #dfbd67;margin-bottom:18px;padding-left:12px}.builder-dialog .btn{width:100%}.learning-note{background:#f3f4e9;border:1px solid #dbe2cf;border-radius:18px;margin:20px 0;padding:16px}.learning-note summary{min-height:28px;font:750 16px/1.6 var(--font-display);cursor:pointer}.learning-note summary span{float:right}.learning-note>p{color:#4e6349;margin-top:13px;font-size:14px;line-height:1.55}.learning-skills{gap:10px;margin-top:16px;display:grid}.learning-skills section{background:#fffdf3;border-radius:12px;padding:14px}.learning-skills section>div{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.learning-skills h3{font-size:15px}.learning-skills section>div span{color:#48623a;font-size:12px}.learning-skills p{color:#4e6349;margin-top:6px;font-size:13px;line-height:1.5}.learning-skills .learning-next{color:#365740}@media (max-width:370px){body:has(#app){--hud-h:180px}.app .hud-right{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.app .hud-right>*{justify-content:center;width:100%}}