@font-face{font-family:Hillary Hand;src:url(/fonts/HillaryHand-Regular.woff2) format("woff2");font-display:swap}:root{--hand: "Hillary Hand", "Bradley Hand", "Segoe Print", cursive;--night: #150a35;--plum: #4a1670;--magenta: #b3306f;--coral: #ff5e4d;--mango: #ff9f4a;--sun: #ffd36b;--teal: #17b5a0;--bone: #fff4de;--display: "Bagel Fat One", "Trebuchet MS", system-ui, sans-serif;--body: "Outfit", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--bone);font-family:var(--body);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button{font-family:inherit}.app{height:100%;height:100dvh;display:flex;flex-direction:column;justify-content:center}.stage{position:relative;width:100vw;height:100vh;height:100dvh;container-type:inline-size;overflow:hidden}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;padding:2cqw max(2cqw,env(safe-area-inset-right)) 2cqw max(2cqw,env(safe-area-inset-left));display:flex;align-items:flex-start;gap:1cqw;pointer-events:none;font-size:clamp(11px,2.2cqw,20px)}.hud .spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:.5em;padding:.35em .9em;border-radius:999px;background:rgba(21,10,53,.55);border:1px solid rgba(255,244,222,.18);color:var(--bone);font:700 1em/1 var(--body);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pill.level b{font-family:var(--display);color:var(--sun);font-weight:400}.pill.btn{pointer-events:auto;cursor:pointer}.pill.btn.off{opacity:.45}.pill-sprite{display:block;margin:-.35em 0}.ring-ico{width:.55em;height:1em;border:.18em solid var(--sun);border-radius:50%;display:inline-block}.pill.lives .lives-n{display:inline-block;min-width:1.6em;animation:lives-pop .35s ease-out}.pill.lives.low{background:rgba(179,48,111,.7);border-color:#ff8f7299}@keyframes lives-pop{0%{transform:scale(1.5);color:var(--sun)}}.float-meter{position:absolute;left:50%;top:2cqw;transform:translate(-50%);width:20cqw;height:1.1cqw;border-radius:99px;background:rgba(21,10,53,.55);overflow:hidden}.float-meter i{display:block;height:100%;background:linear-gradient(90deg,#bff4ff,#ffffff);border-radius:99px}.toast{position:absolute;left:50%;top:calc(2cqw + 2.8em);transform:translate(-50%);padding:.4em 1em;border-radius:99px;background:var(--bone);color:var(--night);font:600 1.1em/1.2 var(--body);white-space:nowrap;animation:pop .25s ease-out}@keyframes pop{0%{transform:translate(-50%) scale(.8);opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3em;font-size:clamp(11px,2.2cqw,20px)}h1{margin:0 0 .12em;font:400 7.4em/.95 var(--display);filter:drop-shadow(0 .04em 0 rgba(21,10,53,.7));animation:rise .7s cubic-bezier(.2,1.4,.4,1) both}.logo-wrap{display:inline-flex;flex-direction:column;align-items:flex-start}.logo-main{background:linear-gradient(180deg,#ffe88a 10%,#ff7f50 55%,#ff3d6e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-pre{margin:0 0 -.12em .08em;font:400 .42em/1 var(--hand);color:#5fe0c4;text-shadow:0 .05em .12em rgba(21,10,53,.55);transform:rotate(-5deg);transform-origin:left bottom;filter:none}h2{margin:0;font:400 3em/1 var(--display);color:var(--sun)}@keyframes rise{0%{transform:translateY(.4em) scale(.92);opacity:0}}.cta,.ghost{padding:.8em 1.4em;border-radius:999px;font:700 1em/1 var(--body);cursor:pointer;transition:transform .12s}.cta{border:0;color:var(--night);background:linear-gradient(180deg,var(--sun),var(--mango));box-shadow:0 .25em #b3306f}.ghost{border:2px solid rgba(255,244,222,.3);color:var(--bone);background:rgba(21,10,53,.35)}.cta:active,.ghost:active{transform:translateY(.1em) scale(.98)}.ico{width:1.5em;height:1.5em;display:block}.overlay.home{background:radial-gradient(ellipse at 50% 48%,rgba(21,10,53,.6),rgba(21,10,53,.12) 72%)}.home .corner{position:absolute;top:2cqw;right:2cqw;display:flex;gap:1cqw}.home .corner .pill.btn{font-size:1em}.cta.play{font:400 2.1em/1 var(--display);padding:.4em 1.7em .45em;box-shadow:0 .12em #b3306f;animation:rise .7s .1s cubic-bezier(.2,1.4,.4,1) both}.caption{margin:.45em 0 1.3em;font:400 1.6em/1 var(--hand);color:var(--sun);text-shadow:0 .06em .2em rgba(21,10,53,.8);transform:rotate(-1.5deg)}.tip{margin:1em 0 0;font-size:.85em;color:#fff4deb3;text-align:center}.home .row{display:flex;gap:.7em}.credit{position:absolute;right:2cqw;bottom:.9em;margin:0;font:400 1.3em/1 var(--hand);opacity:.55}.overlay.screen{justify-content:flex-start;align-items:stretch;text-align:left;padding:2.2em 2.6em;background:linear-gradient(180deg,rgba(21,10,53,.95),rgba(42,12,72,.95));overflow-y:auto;scrollbar-width:none}.overlay.screen::-webkit-scrollbar,.scroll::-webkit-scrollbar{display:none}.overlay.screen.how{padding:1em 2em}.screen-head{display:flex;align-items:center;gap:.9em}.screen-head h2{font-size:2.4em}.ghost.back{padding:.55em;border-radius:50%;line-height:0}.ghost.back .ico{width:1.3em;height:1.3em}.scroll{flex:1;min-height:0;margin-top:1em;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.how-card{margin:auto;width:min(30em,100%);padding:1.6em 1.6em 1.5em;text-align:center;border-radius:1.4em;border:1px solid rgba(255,244,222,.15);background:rgba(21,10,53,.55)}.how-card ul{display:grid;gap:.8em;margin:1.1em 0 1.4em;padding:0;list-style:none;text-align:left}.how-card li{display:flex;align-items:center;gap:.9em;font:500 1.2em/1.3 var(--body)}.how-card .ico{flex:none;width:1.7em;height:1.7em}.overlay.map-screen{position:fixed;padding:0;display:block;background:var(--night)}.map-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.map-scroll::-webkit-scrollbar{display:none}.map{position:relative;width:100%}.map-zone,.map-blend{position:absolute;left:0;right:0}.map-blend{height:280px;pointer-events:none}.map-scenery,.map-trail{position:absolute;left:0;top:0;pointer-events:none}.map-scenery .twinkle{animation:twinkle 3.2s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.15}}.trail-base,.trail-dots,.trail-walked{fill:none;stroke-linecap:round}.trail-base{stroke:#150a3559;stroke-width:22}.trail-dots{stroke:#fff4de73;stroke-width:5;stroke-dasharray:.1 14}.trail-walked{stroke:var(--sun);stroke-width:6;stroke-dasharray:.1 14}.map-banner{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.15em;padding:.7em 1.6em .8em;border-radius:1.2em;background:rgba(21,10,53,.72);border:1px solid rgba(255,244,222,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 .4em 1.2em #150a3559;white-space:nowrap;font-size:clamp(13px,3.6vw,18px)}.map-banner .wnum{font:700 .75em/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mango)}.map-banner .wname{font:400 1.7em/1.1 var(--display);color:var(--bone)}.map-banner .wtag{font:500 .8em/1 var(--body);color:var(--bone);opacity:.6}.map-banner.locked{opacity:.7}.map-node{position:absolute;width:60px;height:60px;margin:-30px 0 0 -30px;padding:0;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:var(--night);background:radial-gradient(circle at 35% 30%,#fff1b8,var(--sun) 45%,var(--mango));box-shadow:0 5px #b3306f,0 8px 14px #150a3566;transition:transform .12s}.map-node .num{font:400 26px/1 var(--display)}.map-node:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #b3306f,0 4px 8px #150a3566}.map-node.open{background:radial-gradient(circle at 35% 30%,#fff,var(--bone))}.map-node.current{width:72px;height:72px;margin:-36px 0 0 -36px;background:radial-gradient(circle at 35% 30%,#ff9a8a,var(--coral) 55%,#c8324a);color:#fff;box-shadow:0 5px #7a1838,0 0 0 5px #fff4ded9,0 10px 22px #150a3580;animation:node-pulse 1.6s ease-in-out infinite}.map-node.current .num{font-size:32px}@keyframes node-pulse{50%{box-shadow:0 5px #7a1838,0 0 0 9px #fff4de59,0 10px 22px #150a3580}}.map-node.locked{cursor:default;color:#fff4de8c;background:rgba(21,10,53,.7);box-shadow:0 4px #150a3599,inset 0 0 0 2px #fff4de2e}.map-node.locked .num{font-size:20px;margin-top:-10px}.map-node .lock{position:absolute;bottom:9px;width:14px;height:14px}.map-node .star{position:absolute;top:-10px;right:-8px;width:26px;height:26px;filter:drop-shadow(0 2px 2px rgba(21,10,53,.45))}.map-node .shell-dot{position:absolute;bottom:-6px;left:-6px;width:22px;height:22px;border-radius:50%;background:#ffd6e4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20 3.5 11a8.5 8.5 0 0 1 17 0z' fill='%23ff7aa8'/%3E%3Cpath d='M12 20 7 6M12 20V4m0 16 5-14' stroke='%23fff' stroke-width='1.3' fill='none'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 2px 4px #150a3566}.map-node.bonus{outline:3px dashed rgba(255,211,107,.9);outline-offset:5px}.map-node .bonus-tag{position:absolute;bottom:-22px;padding:2px 7px;border-radius:99px;background:var(--sun);color:var(--night);font:700 10px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 4px #150a3566}.map-ball{position:absolute;width:30px;height:30px;margin:-66px 0 0 -15px;border-radius:50%;pointer-events:none;background:linear-gradient(transparent 44%,rgba(255,244,222,.9) 44%,rgba(255,244,222,.9) 58%,transparent 58%),radial-gradient(circle at 35% 30%,#ffb3a6,#ff5e4d 45%,#a8243a);box-shadow:inset -3px -4px 6px #3c0a1e59;animation:map-hop .9s cubic-bezier(.3,0,.7,1) infinite alternate}@keyframes map-hop{0%{transform:translateY(0) scale(1.08,.9)}20%{transform:translateY(-4px) scale(1)}to{transform:translateY(-16px)}}.map-back{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));font-size:16px;background:rgba(21,10,53,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay.panel{background:rgba(21,10,53,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.delayed{animation:fade .4s .7s both}@keyframes fade{0%{opacity:0}}.stats{margin:.4em 0 1em;font:500 1.3em/1.2 var(--body);opacity:.9}.stats .num{font-weight:700;color:var(--sun)}.flawless{display:flex;align-items:center;gap:.35em;margin:-.5em 0 1em;font:400 1.6em/1 var(--hand);color:var(--sun)}.flawless .ico{width:1.1em;height:1.1em}.actions{display:flex;flex-direction:column;gap:.6em;margin-top:1.2em;min-width:12em}.stats+.actions,.flawless+.actions{margin-top:0}.pad{position:fixed;left:0;right:0;bottom:0;padding:0 max(3vw,env(safe-area-inset-right)) max(3vh,env(safe-area-inset-bottom)) max(3vw,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;touch-action:none}.dirpad{pointer-events:auto;touch-action:none;display:flex;width:clamp(170px,46vmin,280px);height:clamp(76px,20vmin,120px);border-radius:999px;border:2px solid rgba(255,244,222,.4);background:rgba(255,244,222,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--bone);font:400 clamp(24px,7vmin,42px) var(--display);user-select:none;-webkit-user-select:none}.dirpad span{flex:1;display:grid;place-items:center;border-radius:999px;transition:background .08s;pointer-events:none}.dirpad.l .l,.dirpad.r .r{background:rgba(255,244,222,.38)}.pad-btn{pointer-events:auto;touch-action:none;width:clamp(64px,17vmin,110px);height:clamp(64px,17vmin,110px);border-radius:50%;border:2px solid rgba(255,244,222,.4);background:rgba(255,244,222,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--bone);font:400 clamp(22px,6vmin,38px) var(--display);cursor:pointer}.pad-btn:active{background:rgba(255,244,222,.38);transform:scale(.94)}.pad-btn.jump{width:clamp(92px,26vmin,150px);height:clamp(92px,26vmin,150px);background:rgba(255,94,77,.45);border-color:#ffbeaab3;font-size:clamp(16px,4.4vmin,26px);letter-spacing:.05em}.pad-btn.jump:active{background:rgba(255,94,77,.8)}@media (orientation: portrait){.stage{width:100vw;height:100dvh;container-type:normal;overflow:visible}.overlay{font-size:4.2vw}.overlay.screen,.overlay.panel{position:fixed}.credit{right:auto;bottom:1.6em}.overlay.panel{background:rgba(21,10,53,.85)}h1{font-size:5.6em}}@media (orientation: landscape) and (max-height: 430px){.overlay.screen{padding:1.2em 2em}.how-card{padding:.7em 1.2em}.how-card ul{margin:.4em 0 .6em;gap:.3em}.how-card li{font-size:1em}.overlay.home h1{font-size:4.6em}.cta.play{font-size:1.7em;padding:.3em 1.5em .35em}.caption{margin:.2em 0 .6em;font-size:1.3em}}@media (prefers-reduced-motion: reduce){h1,.cta.play,.toast,.overlay.delayed,.map-ball,.map-node.current,.map-scenery .twinkle{animation:none}}.version{position:absolute;right:1em;bottom:1.4em;padding:.3em .5em;background:none;border:0;color:#fff4de66;font:500 .8em var(--body, inherit);cursor:default}.codepad{z-index:30}.code-screen{min-width:8em;margin:.4em 0 .8em;padding:.4em .8em;border-radius:.5em;background:rgba(10,4,30,.6);font:500 1.8em/1.2 monospace;letter-spacing:.15em;text-align:center}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;margin-bottom:1em}.key{width:3.4em;height:3em;border-radius:.7em;border:2px solid rgba(255,244,222,.3);background:rgba(255,244,222,.12);color:var(--bone);font:400 1.4em var(--display);cursor:pointer;touch-action:manipulation}.key:active{background:rgba(255,244,222,.35)}@media (orientation: landscape){.version{right:auto;left:1em}}