:root{--ink:#2a1f4a;--soft:0 6px 18px #5a32a02e, 0 2px 4px #5a32a01f;--press:0 2px 6px #5a32a033;--paper:#fffdf6;--pink:#ff3b6b;--gold:#ffc93c;--sky:#9fd8ff;--hud:210px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:radial-gradient(circle at 20% 10%, #fff5 0 6%, transparent 7%), radial-gradient(circle at 85% 30%, #fff4 0 4%, transparent 5%), linear-gradient(160deg, var(--bg1,#ffd6ec) 0%, #e9e0ff 50%, var(--bg2,#bfe6ff) 100%);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background .6s}#app{height:100dvh;display:grid}.loading{place-self:center;font:900 28px Londrina Solid,sans-serif}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #285bea}h1,h2,.big,.lvl-name,.moves b,.score-n,.lv-n{letter-spacing:.5px;font-family:Londrina Solid,Arial Black,sans-serif;font-weight:900}.big{color:#fff;text-shadow:0 2px #c21d4f;box-shadow:var(--soft);background:linear-gradient(#ff7aa8,#ff3b6b);border:0;border-radius:16px;padding:12px 36px;font-size:26px}.big:active,.chip:active,.btns button:active{box-shadow:var(--soft);transform:translateY(3px)}.chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--soft);background:#ffffffd9;border:0;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:800}.icon{color:#6b3fd6;width:44px;height:44px;box-shadow:var(--soft);background:#ffffffd9;border:0;border-radius:12px;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.screen{min-height:0}.title{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px 16px;display:flex}.logo{flex-direction:column;align-items:center;display:flex}.logo-nog{width:120px;height:60px;image-rendering:pixelated;animation:2.4s ease-in-out infinite bob}.logo h1{color:#fff;text-shadow:0 3px #b48cff,0 8px 24px #783cc859;margin:4px 0 0;font-size:max(40px,min(11vw,72px));line-height:.9}.logo h1 span{color:var(--pink);text-shadow:0 3px #ffd0de,0 8px 24px #ff3b6b4d;font-size:.78em}.parade{flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px;display:flex}.pbub{background:radial-gradient(circle at 35% 28%, #fffc, transparent 62%), var(--c);width:64px;height:64px;animation:1.6s ease-in-out infinite hop;animation-delay:var(--d);box-shadow:var(--soft);border:0;border-radius:50%;place-items:center;display:grid;overflow:hidden}.pbub img{object-fit:contain;width:112%;height:112%;margin-top:-2px}.tag{opacity:.75;max-width:360px;margin:0;font-weight:700}@keyframes bob{50%{transform:translateY(-6px)rotate(-3deg)}}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.backdrop{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0}body.dark .lvl-name,body.dark .score-n,body.dark .map h2,body.dark .tag{color:#fff;text-shadow:0 2px 8px #14003299}.score-n.bump{animation:.32s cubic-bezier(.3,1.8,.5,1) bump}@keyframes bump{40%{color:var(--accent,#ff3b6b);transform:scale(1.22)}}.map{flex-direction:column;gap:10px;padding:12px 12px 0;display:flex;overflow-y:auto}.map>header{z-index:5;align-items:center;gap:12px;width:100%;max-width:640px;margin:0 auto;padding:4px 0;display:flex;position:sticky;top:0}.map h2{color:#4a2ba8;margin:0;font-size:34px}.map .total{color:#5b2fc4;box-shadow:var(--soft);background:#ffffffd0;border-radius:999px;margin-left:auto;padding:6px 12px;font-weight:900}.trailmap{gap:18px;width:100%;max-width:640px;margin:0 auto;padding-bottom:40px;display:grid}.wsec{background:linear-gradient(180deg, var(--sky1), var(--sky2));box-shadow:var(--soft);border-radius:30px;position:relative}.whead{z-index:3;background:color-mix(in srgb, var(--acc) 88%, #fff);color:#fff;border-radius:30px 30px 0 0;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:62px}.whead small{letter-spacing:.8px;text-transform:uppercase;opacity:.9;font-size:12px;font-weight:900}.whead h3{margin:0;font:900 28px/1 Londrina Solid,sans-serif}.wh-main{flex:1;min-width:0}.wh-stats{font-size:13px;font-weight:800}.wh-bar{background:#fff5;border-radius:99px;height:8px;margin-top:4px;overflow:hidden}.wh-bar i{background:#fff;border-radius:99px;height:100%;display:block}.w-host{object-fit:contain;filter:drop-shadow(0 3px 4px #280a504d);width:64px;height:64px}.path{border-radius:0 0 30px 30px;justify-items:center;padding:18px 0 26px;display:grid;position:relative;overflow:hidden}.trail{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.trail path{fill:none;stroke-linecap:round}.trail .t-all{stroke:#ffffffc0;stroke-width:10px;stroke-dasharray:2 16}.trail .t-done{stroke:var(--acc);stroke-width:10px;opacity:.75}.stop{z-index:1;transform:translateX(var(--x));justify-items:center;margin:10px 0;display:grid;position:relative}.node{cursor:pointer;background:radial-gradient(circle at 35% 28%, #fff9, transparent 55%), var(--acc);width:74px;height:70px;box-shadow:0 6px 0 color-mix(in srgb, var(--acc) 60%, #301050), 0 10px 18px #3c147833;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.node span{color:#fff;text-shadow:0 2px #00000026;font:900 28px Londrina Solid,sans-serif}.node:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb, var(--acc) 60%, #301050);transform:translateY(4px)}.node.locked{cursor:default;background:#e9e2f5;box-shadow:0 6px #cfc4e3}.node.locked span{font-size:22px}.node.gold{background:radial-gradient(circle at 35% 28%,#fffb,#0000 55%),#ffc93c;box-shadow:0 6px #c9921a,0 0 18px #ffc83c99}.node.current{outline:5px solid color-mix(in srgb, var(--acc) 35%, transparent);outline-offset:5px;animation:1.6s infinite pulse}@keyframes pulse{50%{outline-offset:10px}}.boss-stop .node{width:104px;height:100px}.boss-face{object-fit:contain;width:92px;height:92px}.grumped{filter:drop-shadow(0 0 6px #7b2fd6)drop-shadow(0 0 12px #7b2fd6)saturate(.85)}.node .crown{font-size:26px;font-style:normal;position:absolute;top:-18px}.node .mtick{width:28px;height:28px;box-shadow:var(--soft);background:#fff;border-radius:50%;place-items:center;font-size:16px;font-style:normal;display:grid;position:absolute;bottom:-4px;right:-6px}.nlabel{text-align:center;justify-items:center;margin-top:8px;line-height:1.1;display:grid}.nlabel b{color:#3b2290;font-size:14px}.nlabel small{color:#6b5a9a;font-size:12px;font-weight:700}.nst .st{font-size:15px}.buddy-here{translate:calc(var(--side) * 92px - 50%) 0;pointer-events:none;justify-items:center;display:grid;position:absolute;top:-18px;left:50%}.buddy-here img{object-fit:contain;width:68px;height:68px;animation:1.2s ease-in-out infinite hop}.buddy-here i{color:#fff;background:var(--acc);border-radius:999px;margin-top:-4px;padding:2px 10px;font-size:13px;font-style:normal;font-weight:900}.sign-stop{margin-bottom:6px}.sign{max-width:300px;box-shadow:var(--soft);text-align:left;cursor:pointer;background:#fffffff0;border:0;border-radius:18px;align-items:center;gap:8px;padding:8px 14px 8px 8px;display:flex}.sign small{color:var(--acc);font-size:12px;font-weight:900;display:block}.sign b{color:#3b2a6a;font-size:13px;font-weight:700}.sign-face{object-fit:contain;flex:none;width:48px;height:48px}.prop{z-index:0;opacity:.55;animation:3s ease-in-out infinite bob;animation-delay:var(--d);pointer-events:none;font-size:30px;position:absolute}.wsec.fog .path>:not(.fogcard):not(.trail){filter:grayscale(.8)blur(1.5px);opacity:.5}.fogcard{z-index:4;width:min(280px,80%);box-shadow:var(--soft);text-align:center;color:#4a3a7a;background:#fffffff2;border-radius:20px;padding:14px;font-weight:800;position:absolute;top:40%;left:50%;translate:-50% -50%}.st{color:#fff;text-shadow:0 1px 3px #50288c59;font-size:20px}.st.on{color:var(--gold);text-shadow:0 0 10px #ffbe28b3,0 1px 2px #965a0080}.st.pop{animation:.45s cubic-bezier(.3,1.8,.5,1) starpop}@keyframes starpop{0%{transform:scale(0)rotate(-40deg)}}.game{min-height:0;padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,auto);align-content:center;gap:10px;display:grid}.game .stage{aspect-ratio:1;justify-self:center;width:min(100%,640px,100dvh - 300px)}.hud{grid-template-columns:150px auto 1fr;grid-template-areas:"top top top""buddy moves goals""buddy score score""mission mission mission";align-items:center;gap:6px 10px;width:100%;max-width:640px;margin:0 auto;display:grid}.buddy{grid-area:buddy;align-self:end;width:150px;height:150px;position:relative}.buddy-cv{width:100%;height:100%;display:block}.bubble{z-index:5;white-space:nowrap;color:#5b2fc4;box-shadow:var(--soft);opacity:0;transform-origin:0 100%;pointer-events:none;background:#fff;border-radius:14px 14px 14px 4px;padding:6px 12px;font-size:14px;font-weight:900;transition:opacity .18s,transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;top:0;left:50%;transform:translateY(6px)scale(.85)}.bubble.show{opacity:1;transform:none}.hud-top{grid-area:top;align-items:center;gap:10px;display:flex}.lvl-name{font-size:22px}.moves{background:var(--paper);min-width:70px;box-shadow:var(--soft);border:0;border-radius:14px;grid-area:moves;justify-items:center;padding:4px 10px;display:grid}.moves b{color:var(--accent,#6b3fd6);font-size:34px;line-height:1}.moves small{margin-top:-2px;font-size:12px;font-weight:800}.moves.low b{color:var(--pink);animation:.6s ease-in-out infinite throb}@keyframes throb{50%{transform:scale(1.15)}}.score{grid-area:score;min-width:110px}.score-n{font-size:24px}.bar{background:#ffffffb3;border:0;border-radius:99px;height:14px;position:relative;box-shadow:inset 0 1px 3px #5a32a040}.bar i{background:linear-gradient(90deg, var(--pink), var(--gold));border-radius:99px;transition:width .25s;position:absolute;top:0;bottom:0;left:0;right:auto}.bar s{width:16px;height:16px;margin:-8px 0 0 -8px;text-decoration:none;position:absolute;top:50%}.bar s:before{content:"★";color:#fff;text-shadow:0 1px 3px #50288c73;text-align:center;font-size:18px;position:absolute;top:-6px;bottom:0;left:0;right:0}.bar s.on:before{color:var(--gold)}.goals{flex-wrap:wrap;grid-area:goals;justify-content:flex-end;gap:6px;display:flex}.g-gem{width:30px;height:30px}.mission{color:#5b2fc4;box-shadow:var(--soft);background:#ffffffc0;border-radius:999px;grid-area:mission;justify-self:start;padding:5px 12px;font-size:14px;font-weight:800;transition:background .3s}.mission b{margin-left:4px}.mission.done{color:#17803c;background:#d4f8dc}.mission.pop{animation:.5s cubic-bezier(.3,1.8,.5,1) starpop}.goal{background:var(--paper);box-shadow:var(--soft);border:0;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 4px;font-weight:900;display:flex}.goal b{font-size:18px}.goal small{opacity:.6;font-weight:800}.goal.done{background:#c8f7d2}.g-ic{padding-left:4px;font-size:20px}.g-bub{background:radial-gradient(circle at 35% 28%, #fffc, transparent 62%), var(--c);border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.g-bub img{object-fit:contain;width:112%;height:112%}.stage{min-height:0;position:relative}.board{touch-action:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@media (orientation:landscape) and (max-height:560px),(min-aspect-ratio:4/3) and (min-width:900px){.game{grid-template-rows:1fr;grid-template-columns:var(--hud) 1fr;padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));align-content:stretch}.game .stage{aspect-ratio:auto;justify-self:stretch;width:auto}.hud{grid-template-columns:1fr 1fr;grid-template-areas:"top top""buddy buddy""moves moves""score score""goals goals""mission mission";align-content:center;margin:0}.buddy{width:100%;height:104px}.game{grid-template-rows:minmax(0,1fr);height:100dvh}.hud{gap:4px 8px;max-height:100%;overflow:hidden}.moves{padding:2px 10px}.moves b{font-size:26px}.lvl-name{font-size:18px}.score-n{font-size:20px}.mission{padding:4px 10px;font-size:12px}.bubble{white-space:normal;width:max-content;max-width:150px;top:-10px;left:40%}.moves{justify-self:start}.goals{justify-content:flex-start}}.panel-wrap{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23203a73;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.panel{text-align:center;background:linear-gradient(#fff,#f6f0ff);border:0;border-radius:28px;width:min(380px,100%);padding:24px 20px 22px;animation:.4s cubic-bezier(.3,1.6,.5,1) pin;box-shadow:0 24px 60px #461e8c59}.panel h2{margin:0 0 8px;font-size:38px}.panel.win h2{color:var(--pink)}.big-stars .st{margin:0 2px;font-size:54px;display:inline-block}.final{margin:6px 0;font-size:18px;font-weight:800}.final b{font:900 28px Londrina Solid,sans-serif}.best{color:#21b573;margin:0 0 6px;font-weight:900}.goal-list{gap:4px;margin:8px 0 4px;font-weight:800;display:grid}.goal-list span{justify-content:center;align-items:center;gap:6px;display:inline-flex}.btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.btns.col{flex-direction:column;align-items:stretch}.btns button:not(.big){background:var(--paper);box-shadow:var(--soft);border:0;border-radius:14px;padding:8px 18px;font-size:17px;font-weight:900}.panel .toggles{margin-top:14px}@keyframes fade{0%{opacity:0}}@keyframes pin{0%{opacity:0;transform:scale(.7)}}.boss{grid-area:goals;grid-template-columns:96px 1fr;align-items:center;gap:6px;display:grid;position:relative}.boss-cv{width:96px;height:104px;display:block}.boss-bar b{color:#5b1fb0;font:900 18px Londrina Solid,sans-serif;display:block}.boss-hp{background:#ffffffb3;border-radius:99px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #5a1ea04d}.boss-hp i{background:linear-gradient(90deg,#ff3b6b,#b04cff);border-radius:99px;transition:width .3s;position:absolute;top:0;bottom:0;left:0;right:auto}.boss-hp:after{content:attr(data-hp);color:#fff;text-shadow:0 1px 2px #3c005a99;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.boss-bubble{z-index:6;color:#fff;max-width:220px;box-shadow:var(--soft);opacity:0;transform-origin:100% 100%;pointer-events:none;background:#7b2fd6;border-radius:14px 14px 4px;padding:6px 12px;font-size:13px;font-weight:900;transition:opacity .18s,transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;bottom:100%;right:0;transform:translateY(6px)scale(.85)}.boss-bubble.show{opacity:1;transform:none}.tip{text-align:left;color:#4a3a2a;background:#fff6d6;border-radius:16px;align-items:center;gap:8px;margin:10px 0 0;padding:8px 12px;font-size:14px;display:flex}.tip img{flex:none;width:40px;height:40px}.tip .new{color:#fff;background:#ff3b6b;border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:900}.brief-boss{text-align:left;background:#f1e6ff;border-radius:16px;align-items:center;gap:10px;margin:10px 0 0;padding:8px 12px;display:flex}.brief-boss .boss-face{width:64px;height:64px}.brief-boss b{color:#5b1fb0;display:block}.brief-boss i{color:#4a3a7a;font-size:14px}.story{z-index:60;background:linear-gradient(160deg, var(--bg1,#ffd6ec), var(--bg2,#bfe6ff));cursor:pointer;grid-template-rows:1fr auto;animation:.3s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.story-cv{width:100%;height:100%;min-height:0}.story-box{margin:0 auto max(24px, env(safe-area-inset-bottom));background:#fff;border-radius:24px;width:min(640px,100% - 32px);padding:18px 22px 14px;box-shadow:0 18px 50px #461e8c4d}.story-world{color:var(--pink);letter-spacing:.5px;font:900 18px Londrina Solid,sans-serif}.story-text{color:#2a1f4a;min-height:3.2em;margin:6px 0 8px;font-size:19px;font-weight:700;line-height:1.4}.story-next{text-align:right;color:#8a76c2;font-size:13px;font-weight:800;animation:1.2s ease-in-out infinite throb}.story-skip{top:max(14px, env(safe-area-inset-top));position:absolute;right:14px}@media (orientation:landscape) and (max-height:560px){.story{grid-template-rows:1fr;grid-template-columns:1fr 1.3fr;align-items:center}.story-box{margin:0 16px 0 0}}.panel.brief h2{margin-bottom:4px}.brief-cast{justify-content:center;align-items:flex-end;gap:4px;margin:-8px 0 4px;display:flex}.b-host{object-fit:contain;width:92px;height:92px}.b-guest{object-fit:contain;width:76px;height:76px}.brief-world{color:#8a76c2;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:13px;font-weight:800}.brief-say{color:#4a3a7a;margin:4px 0 12px;font-style:italic;font-weight:700}.brief-goals{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.brief-mission{color:#5b2fc4;margin:12px 0 2px;font-weight:700}.brief-mission .done,.mission-res.done b{color:#17803c}.brief-moves{opacity:.6;margin:2px 0 0;font-weight:800}.mission-res{color:#5b2fc4;margin:4px 0;font-weight:700}.confetti{pointer-events:none;z-index:100;width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0}body.calm .pbub,body.calm .logo-nog,body.calm .buddy-here img,body.calm .prop{animation:none}