html,body,#root{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#f8cf9a;width:100%;height:100%;margin:0;overflow:hidden}.input-layer{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed}.joystick{box-sizing:border-box;pointer-events:none;background:#ffffff1f;border:2px solid #fff9;border-radius:50%;display:none;position:absolute;top:0;left:0}.joystick-knob{background:#ffffffb3;border-radius:50%;width:56px;height:56px;margin:-28px;position:absolute;top:50%;left:50%}.jump-button{box-sizing:border-box;background:#ffffff40;border:2px solid #ffffffb3;border-radius:50%;width:80px;height:80px;position:absolute;bottom:24px;right:24px}.jump-button.pressed{background:#ffffff8c;transform:scale(.94)}.restart-button{color:#fff;touch-action:none;background:#ffffff40;border:2px solid #ffffffb3;border-radius:12px;width:44px;height:44px;padding:0;font:600 24px/1 system-ui,sans-serif;position:absolute;top:12px;left:12px}.restart-button:active{background:#ffffff8c}.fps-readout{color:#ffffffbf;text-shadow:0 0 2px #0006;pointer-events:none;white-space:nowrap;gap:8px;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;top:8px;right:10px}#tuning-panel{top:calc(env(safe-area-inset-top) + 80px);z-index:40;width:min(280px,100vw - 24px);position:fixed;left:50%;transform:translate(-50%)}.touch-controls{position:absolute;inset:0}.touch-controls[hidden]{display:none}.pause-button{touch-action:none;background:#ffffff40;border:2px solid #ffffffb3;border-radius:12px;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:flex;position:absolute;top:26px;right:12px}.pause-bar{pointer-events:none;background:#fff;border-radius:2px;width:5px;height:16px}.pause-button:active{background:#ffffff8c}.budget-overlay{left:calc(env(safe-area-inset-left) + 10px);bottom:calc(env(safe-area-inset-bottom) + 10px);color:#ffffffd9;pointer-events:none;white-space:nowrap;background:#00000059;border-radius:6px;padding:4px 6px;font:500 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed}.budget-row{justify-content:space-between;gap:8px;display:flex}.budget-row[data-level=near]{color:#f2c14e}.budget-row[data-level=over]{color:#ff6b5e;font-weight:700}.menu-overlay{z-index:30;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8cf9a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-card{text-align:center;background:#fdf3e2eb;border-radius:22px;flex-direction:column;gap:12px;min-width:220px;padding:28px 28px 24px;display:flex;box-shadow:0 8px 24px #5b5f9e40}.menu-title{color:#7a5a48;margin:0 0 8px;font:800 28px/1.1 system-ui,sans-serif}.menu-logo img{width:min(300px,70vw);height:auto;margin:-12px auto -8px;display:block}.menu-button{color:#7a5a48;background:#fffaf1;border:2px solid #d9b77e;border-radius:14px;padding:13px 20px;font:700 18px/1 system-ui,sans-serif}.menu-button.primary{color:#fffaf1;background:#e2553f;border-color:#e2553f}.menu-button:active{transform:scale(.97)}.solo-toggle{justify-content:space-between;align-items:center;gap:16px;display:flex}.solo-switch{box-sizing:border-box;background:#fdf3e2;border:2px solid #d9b77e;border-radius:10px;width:36px;height:20px;transition:background .15s,border-color .15s;position:relative}.solo-switch:after{content:"";background:#d9b77e;border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.solo-toggle[aria-pressed=true] .solo-switch{background:#e2553f;border-color:#e2553f}.solo-toggle[aria-pressed=true] .solo-switch:after{background:#fffaf1;transform:translate(16px)}.valley-count{top:calc(env(safe-area-inset-top) + 22px);color:#ffffffd9;text-shadow:0 1px 3px #5b5f9e73;white-space:nowrap;pointer-events:none;font:500 13px/1 Fredoka,system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%)}@font-face{font-family:Fredoka;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2")}.map-button{box-sizing:border-box;touch-action:none;-webkit-tap-highlight-color:transparent;background:#f4e7c9;border:2.5px solid #a58460;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:26px;right:68px;box-shadow:0 4px #9a7e69,0 6px 10px #5b5f9e4d}.map-button:after{content:"";opacity:.55;pointer-events:none;background:#fff6e0;border-radius:99px;height:30%;position:absolute;top:3px;left:6px;right:6px}.map-button svg{z-index:1;pointer-events:none;position:relative}.map-button.pressed{transform:translateY(3px);box-shadow:0 1px #9a7e69,0 2px 4px #5b5f9e4d}.map-button:focus-visible{outline-offset:4px;outline:4px solid #f2c14e}.map-keycap{box-sizing:border-box;color:#f4e7c9;text-align:center;z-index:2;pointer-events:none;background:#7a5a48;border-radius:5px;min-width:16px;height:16px;padding:0 3px;font:600 11px/16px Fredoka,system-ui,sans-serif;display:none;position:absolute;bottom:-9px;right:-7px;box-shadow:0 2px #674f4b}@media (hover:hover) and (pointer:fine){.map-keycap{display:block}}.map-probe{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);visibility:hidden;pointer-events:none;position:fixed}.map-screen{z-index:30;touch-action:none;font-family:Fredoka,system-ui,sans-serif;position:fixed;inset:0}.map-screen.closing{pointer-events:none;animation:.12s ease-in forwards map-out}.map-wash{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8cf9a8c;animation:.15s ease-out map-fade;position:absolute;inset:0}.map-rise{pointer-events:none;animation:.2s cubic-bezier(.2,.8,.2,1) map-rise;position:absolute;inset:0}.map-rise>*{pointer-events:auto}.map-board{box-sizing:border-box;background:linear-gradient(160deg,#bc976b,#a58460 45%,#967558);border:2.5px solid #7a5a48;border-radius:18px;padding:9px;position:absolute;box-shadow:0 6px #674f4b,0 14px 30px #5b5f9e66}.map-paper{background:#f4e7c9;border-radius:9px;position:relative;overflow:hidden}.map-paper:after{content:"";pointer-events:none;border-radius:9px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #3b35521f}.map-canvas{display:block}.map-nail{background:#674f4b;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:inset 1px 1px #fff0d259}.map-sign{box-sizing:border-box;color:#f4e7c9;letter-spacing:.4px;white-space:nowrap;background:linear-gradient(#8a6850,#7a5a48);border:2px solid #674f4b;border-radius:10px;padding:6px 18px 7px;font:700 20px/1 Fredoka,system-ui,sans-serif;position:absolute;box-shadow:0 4px #674f4b,0 8px 14px #5b5f9e59}.map-sign small{color:#f2c14e;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:2px;font:500 11px/1.2 Fredoka,system-ui,sans-serif;display:block}.map-close{box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#f4e7c9;border:2.5px solid #a58460;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;animation:.2s cubic-bezier(.2,.8,.2,1) map-rise;display:flex;position:absolute;box-shadow:0 4px #9a7e69,0 6px 12px #5b5f9e59}.map-close svg{pointer-events:none}.map-close:active{transform:translateY(3px);box-shadow:0 1px #9a7e69,0 2px 4px #5b5f9e59}.map-places{box-sizing:border-box;color:#7a5a48;background:#f4e7c9f5;border-radius:18px;padding:12px 16px;position:absolute;box-shadow:0 8px 24px #5b5f9e40}.map-places.single{padding:14px 16px}.map-places h3{letter-spacing:1.4px;text-transform:uppercase;color:#7a5a48bf;margin:0 0 4px;font:600 12px Fredoka,system-ui,sans-serif}.map-places-grid{column-gap:10px;display:grid}.map-place{white-space:nowrap;align-items:center;gap:8px;height:34px;font:600 15px/1 Fredoka,system-ui,sans-serif;display:flex}.map-place svg{flex:none;width:20px;height:20px}.map-hint{color:#7a5a48d9;white-space:nowrap;font:500 13px Fredoka,system-ui,sans-serif;animation:.15s ease-out map-fade;position:absolute}.map-key{text-align:center;border:1.5px solid;border-radius:5px;min-width:18px;margin:0 2px;padding:1px 5px;font-size:12px;font-weight:600;display:inline-block}.map-marker{pointer-events:none;width:52px;height:52px;position:absolute}.map-marker-ring{box-sizing:border-box;background:#e2553f2e;border:1.5px solid #e2553f73;border-radius:50%;width:46px;height:46px;animation:1.6s ease-out infinite map-pulse;position:absolute;top:3px;left:3px}.map-marker-arrow{position:absolute;top:0;left:0;overflow:visible}@keyframes map-fade{0%{opacity:0}}@keyframes map-rise{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes map-out{to{opacity:0}}@keyframes map-pulse{to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.map-rise,.map-close{animation-name:map-fade}.map-marker-ring{animation:none}}