:root{--bg:#fde9d3;--ink:#5a2e1a;--accent:#f28b82;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);overscroll-behavior:none;height:100%;margin:0}.game{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.hud{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;font-weight:600;display:flex}.hud h1{flex:1;margin:0;font-size:1.25rem}.stage{flex:1;min-height:0;position:relative;overflow:hidden}.stage canvas{position:absolute;inset:0}button,select{font:inherit;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:999px;padding:6px 14px}.result{z-index:1;isolation:isolate;text-align:center;background:#fde9d3d9;place-content:center;justify-items:center;gap:12px;display:grid;position:fixed;inset:0}.result h2{margin:0;font-size:2rem}.result button{padding:10px 24px;font-size:1.2rem}.timer{font-variant-numeric:tabular-nums}.sprite{background-repeat:no-repeat;flex:none;display:inline-block}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.icon-button:active,.big-button:active,.map-node button:active{transform:scale(.94)}.screen{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:relative}.home{background:url(/assets/bg-home-C5c4vKaz.webp) center bottom / cover no-repeat var(--bg);align-items:center}.home .corner{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);position:absolute}.home .logo{margin:12vh 16px 0}.home .logo img{width:min(80vw,420px);height:auto;display:block}.big-button{background:var(--accent);box-shadow:0 4px 0 var(--ink);cursor:pointer;align-items:center;gap:10px;margin-top:3vh;padding:12px 36px;font-size:1.6rem;font-weight:700;display:flex}.top-bar{align-items:center;gap:8px;padding:8px 12px;display:flex}.top-bar h1{flex:1;margin:0;font-size:1.4rem}.map-scroll{flex:1;min-height:0;overflow-y:auto}.map-track{margin:0 auto;position:relative}.map-path{transform-origin:0;background-repeat:repeat-x;background-size:auto 100%;height:28px;position:absolute}.map-nodes{margin:0;padding:0;list-style:none}.map-node{flex-direction:column;align-items:center;display:flex;position:absolute;translate:-50% -42px}.map-node button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.map-node button:disabled{cursor:default}.map-node .current{animation:1.2s ease-in-out infinite alternate bob}.map-number{color:#fff;text-shadow:0 2px #00000040;font-size:1.8rem;font-weight:800;position:absolute}.map-stars{gap:2px;margin-top:2px;display:flex}@keyframes bob{to{transform:translateY(-6px)}}.settings-list{width:min(100%,480px);margin:8px auto;padding:0 16px;list-style:none}.settings-list li{border-bottom:2px dashed #5a2e1a33;align-items:center;gap:12px;padding:12px 0;font-size:1.15rem;font-weight:600;display:flex}.settings-list li>:nth-child(2){flex:1}.settings-list li.off .sprite{opacity:.5}.switch{cursor:pointer;background:#e3d3c0;width:56px;height:32px;padding:0;position:relative}.switch:after{content:"";border:2px solid var(--ink);background:#fff;border-radius:50%;width:24px;height:24px;transition:translate .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:#8fd3b0}.switch[aria-checked=true]:after{translate:24px}.hud-stats{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:4px 16px;display:flex}.lives{gap:2px;display:flex}.result-hero{justify-items:center;gap:12px;padding:110px 0;display:grid;position:relative}.result-art{z-index:-1;animation:24s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.result .stars{align-items:end;gap:4px;margin:0;display:flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.result-actions button{background:#fff}.result-actions .primary{background:var(--accent)}.toast{z-index:2;top:calc(env(safe-area-inset-top) + 120px);pointer-events:none;background:#fff;border-radius:16px;margin:0;padding:8px 16px;font-weight:600;position:absolute;left:50%;translate:-50%}@keyframes spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.map-node .current,.result-art{animation:none}}.game[hidden]{display:none}.hint-button{position:relative}.hint-button.undo-button .badge{background:var(--ink)}.hint-button:disabled{opacity:.45;cursor:default}.hint-button .badge{background:var(--accent);color:#fff;border-radius:9px;min-width:18px;padding:0 4px;font-size:.75rem;line-height:18px;position:absolute;bottom:-2px;right:-2px}.settings-icon-gap{flex:none;width:40px}.level-making{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:700;display:flex;position:absolute;inset:0}.level-making>:first-child{animation:1.2s ease-in-out infinite alternate level-making}@keyframes level-making{to{transform:scale(1.12)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.level-making>:first-child{animation:none}}.placeholder-icon{width:36px;height:36px;box-shadow:inset 0 0 0 3px var(--ink);background:#fff;border-radius:50%;display:block;position:relative}.pause-icon:before,.pause-icon:after{content:"";background:var(--ink);border-radius:2px;width:5px;height:14px;position:absolute;top:11px}.pause-icon:before{left:12px}.pause-icon:after{right:12px}.pause-icon:disabled{opacity:.45}.undo-icon:before{content:"";border:3px solid var(--ink);border-left-color:#0000;border-radius:50%;position:absolute;inset:10px}.undo-icon:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:8px;left:8px;rotate:20deg}.pause{z-index:2}.pause-actions,.dialog-actions{gap:12px;min-width:220px;display:grid}.pause-actions button,.dialog-actions button{background:#fff}.pause-actions .primary,.dialog-actions .primary{background:var(--accent)}.pause .settings-list{text-align:start;width:min(100vw - 32px,360px)}.settings-row{min-height:40px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;text-decoration:none;display:flex}.settings-row>:first-child{flex:1}.settings-row:after{content:"›";opacity:.5;font-size:1.6rem;line-height:1}.settings-detail{opacity:.7;font-size:.9rem;font-weight:500}.settings{overflow-y:auto}.app-version{text-align:center;opacity:.6;margin:8px 0 24px;font-size:.9rem}.dialog-text{max-width:min(100vw - 48px,340px);margin:0 0 8px;font-size:1.05rem}.dialog-actions{grid-auto-flow:column}.credits{background:var(--bg);overflow-y:auto}.credits-body{width:min(100%,480px);margin:0 auto;padding:0 16px 24px;font-size:1.1rem;line-height:1.5}.credits-body h2{margin:24px 0 4px;font-size:1.2rem}.credits-body ul{margin:0;padding-inline-start:20px}.credits-body a{color:inherit;font-weight:600}.credits-thanks{text-align:center;margin-top:24px;font-weight:700}.settings .toast{top:auto;bottom:calc(env(safe-area-inset-bottom) + 64px);text-align:center;width:max-content;max-width:calc(100% - 32px)}