@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/moonsteps/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/moonsteps/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#f4f1ea;--ink-dim:#f4f1eab3;--glass:#1418288c;--glass-strong:#141828c7;--glass-line:#ffffff1f;--accent:#ffd84a;--starter:#8fbf6a;--junior:#e3b04b;--expert:#d9694f;--master:#9a7fd1;--drawer-w:clamp(150px, 19vw, 230px);--drawer-h:clamp(108px, 15vh, 140px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#02030a;margin:0;font-family:Outfit Variable,ui-rounded,system-ui,sans-serif;overflow:hidden}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.loading{color:var(--accent);pointer-events:none;place-items:center;font-size:40px;animation:1.4s linear infinite spin;display:grid;position:fixed;inset:0}body.ready .loading{display:none}@keyframes spin{to{transform:rotate(360deg)}}.hud{pointer-events:none;position:fixed;inset:0}.bar{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex;position:absolute;left:0;right:0}.bar.top{top:var(--safe-top)}.group{pointer-events:auto;align-items:center;gap:8px;display:flex}button{font:inherit;cursor:pointer;color:var(--ink);touch-action:manipulation;border:none}.round,.pill,.level{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px)saturate(1.3);transition:transform 80ms,background .2s;box-shadow:0 6px 18px #00000059}.round:active,.pill:active{transform:scale(.94)}.round{border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.round.small{width:42px;height:42px}.round svg,.tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}.round.flag svg{stroke:none;border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 2px #ffffffd9}.pill{letter-spacing:.04em;border-radius:21px;height:42px;padding:0 16px;font-size:15px;font-weight:600}.pill.big{background:var(--accent);color:#1b1a2e;border:none;border-radius:27px;height:54px;padding:0 30px;font-size:20px}.level{white-space:nowrap;border-radius:21px;align-items:center;height:42px;padding:0 16px;font-size:16px;font-weight:600;display:flex;position:relative}.level-label:before{content:"";background:var(--starter);vertical-align:1px;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.level-label[data-tier=junior]:before{background:var(--junior)}.level-label[data-tier=expert]:before{background:var(--expert)}.level-label[data-tier=master]:before{background:var(--master)}.level{cursor:pointer;color:var(--ink);gap:8px}.level .map-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;opacity:.8;width:18px;height:18px}.go{left:calc((100vw - var(--free-right,0px)) / 2);bottom:calc(var(--free-bottom,0px) + var(--safe-bottom) + 18px);background:var(--accent);color:#1b1a2e;pointer-events:auto;opacity:0;border-radius:30px;align-items:center;gap:10px;height:60px;padding:0 30px 0 22px;font-size:22px;font-weight:600;transition:transform .4s cubic-bezier(.2,1.5,.4,1),opacity .25s;display:flex;position:fixed;transform:translate(-50%,30px)scale(.8);box-shadow:0 10px 30px #00000073,0 0 #ffd84a99}.go[hidden]{display:none}.go.show{opacity:1;animation:1.8s ease-out .5s infinite go-pulse;transform:translate(-50%)}.go svg{fill:currentColor;width:26px;height:26px}.go:active{transform:translate(-50%,2px)scale(.96)}@keyframes go-pulse{0%{box-shadow:0 10px 30px #00000073,0 0 #ffd84a8c}to{box-shadow:0 10px 30px #00000073,0 0 0 22px #ffd84a00}}.piece-tools{background:var(--glass-strong);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);pointer-events:auto;touch-action:none;border-radius:30px;gap:8px;padding:6px;display:flex;position:fixed;top:0;left:0;box-shadow:0 8px 24px #00000073}.piece-tools[hidden]{display:none}.piece-tools:after{content:"";left:var(--arrow-x,50%);background:var(--glass-strong);border-right:1px solid var(--glass-line);border-bottom:1px solid var(--glass-line);border-radius:3px;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:-8px;transform:rotate(45deg)}.piece-tools.below:after{top:-8px;bottom:auto;transform:rotate(225deg)}.piece-tools.no-turn [data-act=tool-rotate],.piece-tools.no-turn [data-act=tool-flip],.piece-tools.no-back [data-act=tool-back]{display:none}.tool{background:var(--accent);color:#1b1a2e;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.tool.subtle{color:var(--ink);background:#ffffff24}.tool:active{transform:scale(.92)}.toast{left:50%;top:calc(var(--safe-top) + 78px);background:var(--glass-strong);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);text-align:center;opacity:0;border-radius:22px;max-width:calc(100% - 32px);padding:11px 20px;font-size:17px;font-weight:500;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,-12px)}.toast.show{opacity:1;transform:translate(-50%)}.win{padding-bottom:calc(var(--safe-bottom) + 24px);pointer-events:none;place-items:end center;display:grid;position:absolute;inset:0}.win[hidden]{display:none}.win .card{pointer-events:auto;background:var(--glass-strong);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);opacity:0;border-radius:28px;flex-direction:column;align-items:center;gap:10px;padding:22px 34px 26px;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .3s;display:flex;transform:translateY(30px)scale(.92);box-shadow:0 18px 50px #00000080}.win.show .card{opacity:1;transform:none}.win .stars{gap:6px;font-size:34px;display:flex}.win .stars span{animation:.4s cubic-bezier(.2,1.6,.4,1) forwards star-pop;display:inline-block;transform:scale(0)}.win .stars .on{color:var(--accent);text-shadow:0 0 14px #ffd84a99}.win .stars .off{color:#fff3}@keyframes star-pop{to{transform:scale(1)}}.win-actions{align-items:center;gap:12px;display:flex}.win-title{font-size:26px;font-weight:600}.bubbles{z-index:3;pointer-events:none;position:fixed;inset:0}.bubble{max-width:min(260px,70vw);position:absolute;top:0;left:0}.bubble-inner{color:#1d1b2c;text-align:center;transform-origin:var(--arrow-x,50%) 100%;opacity:0;background:#fbf8f1;border-radius:16px;padding:9px 14px;font-size:15px;font-weight:500;line-height:1.3;transition:transform .25s cubic-bezier(.2,1.5,.4,1),opacity .2s;display:block;position:relative;transform:scale(.6)translateY(8px);box-shadow:0 8px 22px #00000059}.bubble-inner:after{content:"";left:var(--arrow-x,50%);background:#fbf8f1;border-radius:2px;width:14px;height:14px;position:absolute;bottom:-7px;transform:translate(-50%)rotate(45deg)}.bubble.show .bubble-inner{opacity:1;transform:none}.bubble.below .bubble-inner{transform-origin:var(--arrow-x,50%) 0}.bubble.below .bubble-inner:after{top:-7px;bottom:auto}.drawer{z-index:2;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px)saturate(1.3);transition:transform .35s cubic-bezier(.3,1.2,.4,1);position:fixed;box-shadow:0 10px 30px #0006}.drawer.swiping{transition:none}.drawer.empty{transform:translate(120%)!important}.drawer[data-side=bottom].empty{transform:translateY(140%)!important}.drawer-list{scrollbar-width:none;gap:10px;height:100%;padding:12px;display:flex;overflow:auto}.drawer-list::-webkit-scrollbar{display:none}.drawer-item{touch-action:none;cursor:grab;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:18px;flex:none;justify-content:center;align-items:center;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.drawer-item .thumb{aspect-ratio:1;flex:none;place-items:center;display:grid}.drawer-item img{aspect-ratio:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 8px #00000073);width:92%;height:auto}.drawer-item img.spin{animation:.25s ease-out spin-quarter}.drawer-item img.spin-cw{animation:.25s ease-out spin-quarter-cw}@keyframes spin-quarter-cw{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}.drawer-item img.turn{animation:.32s ease-out turn-around}@keyframes spin-quarter{0%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes turn-around{0%{transform:scaleX(-1)}to{transform:scaleX(1)}}.drawer-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 22px #ffd84a59;background:#ffd84a1a}.item-tools{gap:8px;display:none}.drawer-item.selected .item-tools{display:flex}.item-tools .tool{width:40px;height:40px}.drawer-handle{touch-action:none;background:var(--glass-strong);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);place-items:center;display:grid;position:absolute}.drawer-handle span{background:#ffffff73;border-radius:2px;width:4px;height:36px}.drawer[data-side=right]{top:calc(var(--safe-top) + 74px);width:calc(var(--drawer-w) + var(--safe-right));padding-right:var(--safe-right);border-right:none;border-radius:26px 0 0 26px;bottom:16px;right:0}.drawer[data-side=right] .drawer-list{touch-action:pan-y;flex-direction:column}.drawer[data-side=right] .drawer-item{flex-direction:column;align-self:center;width:100%;max-width:168px}.drawer[data-side=right] .thumb{width:100%}.drawer[data-side=right] .item-tools{padding-bottom:10px}.drawer[data-side=right].closed{transform:translate(100%)}.drawer[data-side=right] .drawer-handle{border-right:none;border-radius:16px 0 0 16px;width:30px;height:74px;margin-top:-37px;top:50%;left:-30px}.drawer[data-side=bottom]{height:calc(var(--drawer-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-bottom:none;border-radius:26px 26px 0 0;bottom:0;left:0;right:0}.drawer[data-side=bottom] .drawer-list{touch-action:pan-x;align-items:center}.drawer[data-side=bottom] .drawer-item{height:calc(var(--drawer-h) - 24px);align-self:center}.drawer[data-side=bottom] .thumb{width:min(calc(var(--drawer-h) - 26px), var(--thumb-fit,999px));height:min(calc(var(--drawer-h) - 26px), var(--thumb-fit,999px))}.drawer[data-side=bottom] .drawer-item:first-child{margin-left:auto}.drawer[data-side=bottom] .drawer-item:last-child{margin-right:auto}.drawer[data-side=bottom] .item-tools{flex-direction:column;padding-right:10px}.drawer[data-side=bottom].closed{transform:translateY(100%)}.drawer[data-side=bottom] .drawer-handle{border-bottom:none;border-radius:16px 16px 0 0;width:74px;height:26px;margin-left:-37px;top:-26px;left:50%}.drawer[data-side=bottom] .drawer-handle span{width:36px;height:4px}@media (width<=520px){.bar{gap:6px;padding:10px}.group{gap:6px}.round{width:42px;height:42px}.nav{display:none}.level{padding:0 12px;font-size:15px}.pill{padding:0 12px}}@media (width<=430px){.bar{gap:4px;padding:10px 8px}.group{gap:5px}.round{width:38px;height:38px}.level{gap:6px;padding:0 10px;font-size:14px}.pill{height:38px;padding:0 9px}.round.flag svg{width:22px;height:22px}}@media (width<=370px){.round{width:35px;height:35px}.level{padding:0 8px;font-size:13px}.level .map-icon{display:none}}@media (width<=340px){.bar.top [data-act=sound]{display:none}}.map{z-index:10;-webkit-backdrop-filter:blur(10px);opacity:0;background:radial-gradient(at 20% 0,#463c8c59,#0000 60%),radial-gradient(at 90% 100%,#1e50784d,#0000 60%),#04050ef7;flex-direction:column;transition:opacity .25s;display:flex;position:fixed;inset:0}.map[hidden]{display:none}.map.show{opacity:1}.map-head{padding:calc(var(--safe-top) + 14px) 16px 6px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.map-title{letter-spacing:.02em;font-size:26px;font-weight:700}.map-close{justify-self:end}.home{color:var(--ink);letter-spacing:0;white-space:nowrap;justify-self:start;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.home svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}@media (width<=400px){.home-label{display:none}.map-title{font-size:22px}}.map-list{padding:16px 16px calc(var(--safe-bottom) + 20px);scroll-snap-type:x mandatory;flex:1;gap:18px;display:flex;overflow-x:auto}.world-card{scroll-snap-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;flex:0 0 min(360px,86vw);align-items:center;gap:6px;padding:20px 18px;display:flex}.world-card.locked{opacity:.55}.planet{background:radial-gradient(circle at 32% 30%, var(--light), var(--mid) 45%, var(--dark) 100%);width:120px;height:120px;box-shadow:inset -16px -12px 30px #0000008c, 0 0 40px color-mix(in srgb, var(--mid) 40%, transparent);border-radius:50%;margin-bottom:8px}.planet[data-world=europa]{background:repeating-linear-gradient(32deg, transparent 0 18px, #7c503273 18px 20px, transparent 20px 34px), radial-gradient(circle at 32% 30%, var(--light), var(--mid) 45%, var(--dark) 100%)}.planet[data-world=enceladus]{background:repeating-linear-gradient(-12deg, transparent 0 26px, #508cbe73 26px 29px, transparent 29px 40px), radial-gradient(circle at 32% 30%, var(--light), var(--mid) 45%, var(--dark) 100%)}.world-name{font-size:24px;font-weight:700}.world-tier{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--tier) 25%, transparent);color:var(--tier);border-radius:10px;padding:2px 10px;font-size:13px;font-weight:600}.world-tier[data-tier=starter]{--tier:var(--starter)}.world-tier[data-tier=junior]{--tier:var(--junior)}.world-tier[data-tier=expert]{--tier:var(--expert)}.world-tier[data-tier=master]{--tier:var(--master)}.world-tag{color:var(--ink-dim);font-size:15px}.world-progress{color:var(--accent);text-align:center;margin:4px 0 10px;font-size:15px;font-weight:600}.world-card.locked .world-progress{color:var(--ink-dim)}.level-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.level-btn{aspect-ratio:1;background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;display:flex}.level-btn .n{font-size:20px;font-weight:700}.level-btn .s{letter-spacing:1px;color:var(--accent);font-size:11px}.level-btn.locked{opacity:.4;cursor:default}.level-btn.locked .s{color:var(--ink-dim)}.level-btn.done{background:#ffd84a1a;border-color:#ffd84a4d}.level-btn.current{box-shadow:0 0 0 2px var(--accent)}.map-foot{padding:0 16px calc(var(--safe-bottom) + 14px);justify-content:center;display:flex}.grown-ups{color:var(--ink-dim);touch-action:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;padding:8px 16px;font-size:13px;position:relative;overflow:hidden}.grown-ups:before{content:"";transform-origin:0;background:#ffd84a40;position:absolute;inset:0;transform:scaleX(0)}.grown-ups.holding:before{transition:transform 2s linear;transform:scaleX(1)}.drop-label{text-align:center;color:var(--ink);text-shadow:0 1px 4px #0009;pointer-events:none;border:2px dashed #ffffff73;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:15px;font-weight:600;display:none;position:absolute;inset:12px}.drop-icon{font-size:28px;line-height:1}.drawer[data-side].dragging{-webkit-backdrop-filter:none;box-shadow:none;pointer-events:none;background:#1418282e;transform:none!important}.drawer.dragging .drawer-list,.drawer.dragging .drawer-handle{opacity:0}.drawer.dragging .drop-label{display:flex}.drawer.dragging.drop-hover{background:#ffd84a29}.drawer.dragging.drop-hover .drop-label{border-color:var(--accent);color:var(--accent)}.help{z-index:20;-webkit-backdrop-filter:blur(6px);opacity:0;background:#02030a8c;place-items:center;padding:24px;transition:opacity .2s;display:grid;position:fixed;inset:0}.help[hidden]{display:none}.help.show{opacity:1}.help-card{border:1px solid var(--glass-line);background:#101322f0;border-radius:24px;outline:none;flex-direction:column;width:min(580px,100%);max-height:100%;transition:transform .2s;display:flex;overflow:hidden;transform:translateY(10px)scale(.98);box-shadow:0 20px 60px #00000080}.help.show .help-card{transform:none}.help-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 6px 24px;display:flex}.help-head h2{margin:0;font-size:24px;font-weight:700}.help-head .round{box-shadow:none;flex:none}.help-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 24px 8px;line-height:1.45;overflow-y:auto}.help-intro{margin:4px 0;font-size:17px}.help-body h3{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:20px 0 10px;font-size:13px;font-weight:700}.rule{border-top:1px solid var(--glass-line);grid-template-columns:196px 1fr;align-items:center;gap:16px;padding:10px 0;display:grid}.rule.text-only{grid-template-columns:1fr}.rule p{color:var(--ink-dim);margin:0;font-size:15px}.rule b{color:var(--ink);margin-bottom:2px;font-size:16px;display:block}.rule-pics{justify-content:center;gap:6px;display:flex}.rule-pics .diagram{max-width:100%;height:auto}.rule-pics:has(.diagram+.diagram) .diagram{max-width:calc(50% - 3px)}.help-steps{color:var(--ink-dim);margin:0;padding:0 0 0 20px;font-size:15px}.help-steps li{margin:0 0 8px}.help-icon{vertical-align:middle;background:var(--accent);color:#1b1a2e;border-radius:50%;place-items:center;width:26px;height:26px;margin:0 2px;display:inline-grid}.help-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:62%;height:62%}.help-icon.go-icon svg{fill:currentColor;stroke:none}@media not (hover:hover){.keys-only{display:none}}.help-foot{border-top:1px solid var(--glass-line);justify-content:center;padding:12px 24px 20px;display:flex}.diagram .d-ground{stroke:var(--ink-dim);stroke-width:2px;stroke-linecap:round}.diagram .d-peg polygon{fill:#8d93a1;stroke:#5c6170;stroke-width:1.2px;stroke-linejoin:round}.diagram .d-block polygon{fill:#4f86d9;stroke:#2c5596;stroke-width:1.2px;stroke-linejoin:round}.diagram .d-astro rect,.diagram .d-astro circle{fill:#f2f2ee;stroke:#9aa0aa;stroke-width:1px}.diagram .d-astro .d-pack{fill:#d7d9de}.diagram .d-visor{fill:#e1ad3c}.diagram .d-path{fill:none;stroke-width:2px;stroke-dasharray:3 4;stroke-linecap:round;stroke-linejoin:round}.diagram .d-path-ok{stroke:var(--accent)}.diagram .d-path-bad{stroke:#ff7a6b}.diagram .d-stop{stroke:#ff7a6b;stroke-width:2.6px;stroke-linecap:round}.diagram .d-motion{stroke:var(--ink-dim);stroke-width:1.5px;stroke-linecap:round}.diagram .d-beam{fill:#8ce6ff38}.diagram .d-ufo{fill:#b9c1cf;stroke:#6f7889}.diagram .d-ufo-dome{fill:#8ce6ffb3}.diagram .d-badge circle{stroke:none}.diagram .d-badge path{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.diagram .d-badge-ok circle{fill:#46b866}.diagram .d-badge-bad circle{fill:#e0553f}@media (width<=600px),(height<=480px){.help{background:0 0;padding:0}.help-card{width:100%;height:100%;max-height:none;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:#0c0f1cfa;border:none;border-radius:0}.help-head{padding:12px max(12px,50% - 310px) 4px max(16px,50% - 310px)}.help-body{padding:0 max(16px,50% - 310px) 8px}.help-foot{padding:10px 16px 14px}}@media (width<=420px){.rule{grid-template-columns:1fr;gap:6px}.rule-pics{justify-content:flex-start}}