*{box-sizing:border-box}:root{--panel:#140a30d9;--panel-border:#7a5cff66;--glow:#7a5cff55;--text:#f1eeff;--muted:#b9b0e6;--gold:#ffd84a;--cyan:#9ff6ff;--pink:#ff6ad5}html,body{height:100%;color:var(--text);background:#03020a;margin:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#app{outline:none;width:100vw;height:100vh;display:block}[hidden]{display:none!important}kbd{text-align:center;background:#fff2;border:1px solid #fff4;border-radius:6px;min-width:1.6em;padding:0 .4em;font:600 .85em Segoe UI,sans-serif;display:inline-block}.gem{vertical-align:-3px;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);filter:drop-shadow(0 0 4px #5ff2ff);background:linear-gradient(160deg,#e6fcff,#5ff2ff 40%,#b35cff);width:14px;height:20px;margin-right:6px;display:inline-block}#loading{z-index:50;background:radial-gradient(circle at 50% 45%,#1b0f3a 0%,#03020a 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .blob{background:radial-gradient(circle at 35% 30%,#ffd2a0,#ff7a1a 45%,#b03aff 100%);border-radius:50%;width:90px;height:90px;animation:1.4s ease-in-out infinite wobble;box-shadow:0 0 40px #ff7a1a88,0 0 90px #6a3aff66}@keyframes wobble{0%,to{border-radius:50%;transform:scale(1)}25%{border-radius:58% 42% 55% 45%;transform:scale(1.12,.88)}50%{border-radius:45% 55% 42% 58%;transform:scale(.9,1.1)}75%{border-radius:52% 48% 58% 42%;transform:scale(1.05,.95)}}#stats{pointer-events:none;z-index:5;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;left:18px}#stats .points{text-shadow:0 0 10px #5ff2ff88,0 2px 4px #000;font-size:28px;font-weight:800}#stats .points.bump{animation:.35s bump}@keyframes bump{40%{color:var(--cyan);transform:scale(1.25)}}#hearts{gap:6px;display:flex}.heart{width:24px;height:22px;clip-path:path("M12 21 C5 15 0 11 0 6.5 C0 2.5 3 0 6.5 0 C9 0 11 1.5 12 3.5 C13 1.5 15 0 17.5 0 C21 0 24 2.5 24 6.5 C24 11 19 15 12 21 Z");filter:drop-shadow(0 0 4px #ff3f7a);background:radial-gradient(circle at 35% 30%,#ffc0d8,#ff3f7a 55%,#b0124a)}.heart.empty{filter:none;background:#fff2}#quest{background:var(--panel);border:1px solid var(--panel-border);width:300px;box-shadow:0 0 24px var(--glow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:5;border-radius:16px;padding:12px 14px;position:fixed;top:16px;right:16px}.quest-label{letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-size:11px}#quest-title{margin:2px 0;font-size:17px;font-weight:800}#quest-desc{color:var(--muted);font-size:13px}.quest-track,.boss-track{background:#ffffff1a;border-radius:6px;height:9px;margin:8px 0 6px;overflow:hidden}#quest-bar{background:linear-gradient(90deg,#5ff2ff,#ff6ad5);border-radius:6px;width:0;height:100%;transition:width .3s;box-shadow:0 0 10px #5ff2ff}.quest-row{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}#quest-count{color:var(--text);font-weight:700}#quest-extra{color:var(--cyan);margin-top:6px;font-size:12px}#boss{text-align:center;pointer-events:none;z-index:5;width:min(520px,60vw);position:fixed;top:18px;left:50%;transform:translate(-50%)}.boss-name{letter-spacing:1px;color:#e8b0ff;text-shadow:0 0 12px #b04cff,0 2px 4px #000;font-size:18px;font-weight:900}#boss .boss-track{border:1px solid #b04cff88;height:14px}#boss-bar{background:linear-gradient(90deg,#7dff3a,#b04cff);width:100%;height:100%;transition:width .5s;box-shadow:0 0 14px #b04cff}#toasts{pointer-events:none;z-index:6;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)}.toast{background:#1a0c3acc;border:1px solid #5ff2ff55;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;transition:opacity .5s,transform .5s;animation:.25s toast-in}.toast.big{border-color:var(--gold);color:#ffe9a0;padding:9px 20px;font-size:18px;box-shadow:0 0 20px #ffd84a55}.toast.bad{color:#ffc0cc;border-color:#ff5f7a}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:scale(.8)}}#arrow{pointer-events:none;z-index:4;position:fixed;top:0;left:0}#arrow-icon{clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 0 6px #ffb347);background:linear-gradient(#ffe27a,#ff9a3a);width:32px;height:32px;position:absolute;top:-16px;left:-16px}#arrow.onscreen #arrow-icon{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:20px;height:20px;animation:1s ease-in-out infinite pulse;top:-10px;left:-10px}@keyframes pulse{50%{transform:scale(1.3)}}#arrow-label{white-space:nowrap;color:#ffe9a0;background:#140a30b0;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}#prompt{background:var(--panel);border:1px solid var(--gold);pointer-events:none;z-index:6;border-radius:999px;padding:8px 16px;font-size:16px;font-weight:600;position:fixed;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ffd84a44}#dialog{background:var(--panel);border:1px solid var(--panel-border);width:min(640px,100vw - 32px);box-shadow:0 0 30px var(--glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-radius:20px;padding:16px 20px;animation:.2s toast-in;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}#dialog-name{color:var(--gold);margin-bottom:6px;font-size:15px;font-weight:800}#dialog-text{white-space:pre-line;font-size:16px;line-height:1.45}#dialog-buttons{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}button{color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:8px 16px;font:600 15px Segoe UI,sans-serif}button:hover:not(:disabled){background:#ffffff26}button.primary{color:#2a0f00;background:linear-gradient(#ff9a3a,#ff6a1a);border-color:#ffc58a}button:disabled{opacity:.45;cursor:default}button.link{color:var(--muted);background:0 0;border:none;padding:4px;font-size:13px;text-decoration:underline}#shop{border:1px solid var(--gold);z-index:10;background:#140a30ee;border-radius:22px;width:min(520px,100vw - 32px);padding:18px 20px;animation:.2s toast-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ffd84a33}.shop-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shop-title{color:#ffe9a0;font-size:19px;font-weight:800}.shop-points{font-size:20px;font-weight:800}.shop-row{background:#ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.shop-name{font-weight:700}.shop-desc{color:var(--muted);font-size:13px}.pips{gap:4px;margin-top:5px;display:flex}.pip{background:#fff2;border-radius:3px;width:16px;height:6px}.pip.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.shop-row button{min-width:84px}.shop-foot{justify-content:space-between;align-items:center;margin-top:6px;display:flex}#banner{text-align:center;pointer-events:none;z-index:8;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)}#banner.show{animation:.6s cubic-bezier(.2,1.6,.4,1) banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}#banner-title{background:linear-gradient(90deg,#ffb057,#ff5fd2,#5ff2ff);color:#0000;filter:drop-shadow(0 0 18px #ff5fd288);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,6vw,64px);font-weight:900}#banner-sub{text-shadow:0 2px 6px #000;font-size:18px;font-weight:600}#flash{pointer-events:none;opacity:0;z-index:3;background:radial-gradient(circle,#0000 45%,#ff1f4a88 100%);position:fixed;inset:0}#flash.on{animation:.6s flash}@keyframes flash{15%{opacity:1}}#hud{pointer-events:none;text-shadow:0 0 8px #000,0 0 2px #000;opacity:.85;position:fixed;bottom:16px;left:18px}#hud .title{letter-spacing:1px;background:linear-gradient(90deg,#ffb057,#ff5fd2,#5ff2ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:22px;font-weight:800}#hud .keys{flex-wrap:wrap;gap:4px 14px;max-width:480px;font-size:13px;display:flex}#hud b{color:var(--cyan)}#tuner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:7;background:#120a2ccc;border:1px solid #6b4cff66;border-radius:14px;width:290px;padding:12px 14px;font-size:13px;position:fixed;bottom:16px;right:16px;box-shadow:0 0 24px #6b4cff44}#tuner .tuner-title{color:#ffc58a;margin-bottom:8px;font-weight:700}#tuner label{grid-template-columns:1fr;gap:2px;margin-bottom:8px;display:grid}#tuner input{accent-color:#ff8a2a;width:100%}#tuner output{font-variant-numeric:tabular-nums;color:var(--cyan)}@media (width<=700px){#quest{width:220px}#hud .keys{display:none}}body.menu-open #stats,body.menu-open #quest,body.menu-open #hud,body.menu-open #arrow,body.menu-open #prompt,body.menu-open #boss,body.menu-open #toasts,body.menu-open #tuner,body.no-help #hud{display:none!important}#menu{z-index:30;background:linear-gradient(90deg,#05021acc 0%,#05021a88 38%,#0000 70%);align-items:center;padding-left:clamp(16px,7vw,120px);display:flex;position:fixed;inset:0}#menu.pause{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05021aa8;justify-content:center;padding-left:0}.menu-panel{flex-direction:column;gap:10px;width:min(400px,100vw - 32px);display:flex}#menu.pause .menu-panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:0 0 40px var(--glow);border-radius:24px;padding:26px 28px}.menu-logo{letter-spacing:-1px;filter:drop-shadow(0 0 22px #ff5fd277);transform-origin:30% 80%;font-size:clamp(54px,9vw,92px);font-weight:900;line-height:.9;animation:3.2s ease-in-out infinite logo-wobble}#menu.pause .menu-logo{font-size:46px}.menu-logo span{background:linear-gradient(90deg,#ffb057,#ff5fd2 55%,#b07bff);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.menu-logo .l2{background:linear-gradient(90deg,#5ff2ff,#7dff9a);-webkit-background-clip:text;background-clip:text;padding-left:.9em}@keyframes logo-wobble{0%,to{transform:scale(1)}30%{transform:scale(1.03,.97)}60%{transform:scale(.98,1.03)}}#menu-sub{color:var(--muted);letter-spacing:.5px;margin:2px 0 18px;font-size:16px}.menu-page{flex-direction:column;gap:10px;display:flex}.menu-btn{text-align:left;background:#ffffff10;border:1px solid #ffffff26;border-radius:16px;padding:13px 20px;font-size:19px;font-weight:700;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.menu-btn:hover,.menu-btn:focus-visible,.menu-btn:focus{border-color:var(--cyan);background:#fff2;outline:none;transform:translate(8px)scale(1.02);box-shadow:0 0 18px #5ff2ff44}.menu-btn.primary{color:#2a0820;background:linear-gradient(90deg,#ff9a3a,#ff5fd2);border-color:#ffc58a}.menu-btn.primary:hover,.menu-btn.primary:focus{border-color:#fff;box-shadow:0 0 22px #ff5fd288}.menu-heading{color:var(--gold);margin-bottom:4px;font-size:20px;font-weight:800}.set-row{background:#ffffff0b;border-radius:12px;grid-template-columns:130px 1fr 52px;align-items:center;gap:10px;padding:8px 12px;font-size:15px;display:grid}.set-row input[type=range]{accent-color:#ff8a2a;width:100%}.set-row output{text-align:right;font-variant-numeric:tabular-nums;color:var(--cyan)}.set-row.check{cursor:pointer;grid-template-columns:auto 1fr}.set-row.check input{accent-color:#ff8a2a;width:18px;height:18px}.segmented{grid-column:2/4;gap:4px;display:flex}.segmented button{flex:1;padding:6px 8px;font-size:14px}.segmented button.on{color:#04203a;background:linear-gradient(#5ff2ff,#3aa8ff);border-color:#bff8ff}.controls-grid{background:#ffffff0b;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;padding:12px 14px;font-size:15px;display:grid}.controls-grid kbd{justify-self:start}.menu-tip{color:var(--muted);margin:4px 0;font-size:13px}.menu-hint{color:#fff6;margin-top:14px;font-size:12px}#lock-hint{color:var(--cyan);pointer-events:none;z-index:6;background:#140a30cc;border:1px solid #5ff2ff66;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;animation:1.6s ease-in-out infinite pulse-soft;position:fixed;top:58%;left:50%;transform:translate(-50%)}body.menu-open #lock-hint{display:none!important}@keyframes pulse-soft{50%{opacity:.6}}body.cinematic #arrow,body.cinematic #prompt,body.cinematic #quest,body.cinematic #boss,body.cinematic #lock-hint,body.cinematic #hud{display:none!important}body.touch{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch #app{height:100dvh}body.touch #hud .keys,body.touch #lock-hint{display:none!important}.touch-root{z-index:9;display:none;position:fixed;inset:0}.touch-root.playing{display:block}body.menu-open .touch-root,body.modal-open .touch-root{display:none}.touch-stick-zone{width:45%;position:absolute;top:22%;bottom:0;left:0}.touch-look{position:absolute;inset:0 0 0 45%}.touch-stick{width:128px;height:128px;box-shadow:0 0 18px var(--glow);pointer-events:none;background:#140a3055;border:2px solid #fff5;border-radius:50%;margin:-64px 0 0 -64px;position:absolute}.touch-stick.sprint{border-color:var(--gold);box-shadow:0 0 22px #ffd84a66}.touch-knob{background:#fffc;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0006}.touch-btn{-webkit-tap-highlight-color:transparent;color:var(--text);background:var(--panel);border:2px solid var(--panel-border);box-shadow:0 0 14px var(--glow);touch-action:none;border-radius:999px;font:700 15px/1 Segoe UI,system-ui,sans-serif}.touch-btn.down{background:#7a5cffaa;transform:scale(.94)}.touch-actions{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));grid-template-columns:auto auto;grid-template-areas:"talk talk""dance jump";place-items:end;gap:12px;display:grid;position:absolute}.touch-jump{background:#ff6ad5cc;border-color:#fff8;grid-area:jump;width:92px;height:92px;font-size:18px}.touch-dance{grid-area:dance;width:60px;height:60px;font-size:13px}.touch-talk{background:#2fb6c8dd;border-color:#fff8;grid-area:talk;min-width:120px;height:52px;padding:0 18px;animation:1.4s ease-in-out infinite touch-pulse}.touch-top{left:calc(18px + env(safe-area-inset-left,0px));top:calc(102px + env(safe-area-inset-top,0px));gap:8px;display:flex;position:absolute}.touch-small{min-width:44px;height:40px;padding:0 14px;font-size:13px}.touch-small.info{white-space:normal;max-width:70vw;line-height:1.2}.ico-pause{border-left:4px solid;border-right:4px solid;width:12px;height:14px;display:inline-block}@keyframes touch-pulse{50%{box-shadow:0 0 22px #9ff6ffaa}}@media (prefers-reduced-motion:reduce){.touch-talk{animation:none}}.touch-rotate{display:none}@media (orientation:portrait) and (width<=700px){body.touch .touch-rotate:not(.dismissed){z-index:40;background:#03020ae6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}.touch-rotate-box{text-align:center;max-width:300px;padding:24px}.touch-rotate-box .phone{border:3px solid var(--text);border-radius:10px;width:46px;height:78px;margin:0 auto 16px;animation:2.2s ease-in-out infinite touch-turn}.touch-rotate-box p{margin:0 0 16px;font-size:18px}.touch-rotate-box button{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:0 0;border-radius:999px;padding:10px 18px}@keyframes touch-turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (height<=500px){body.touch #quest{width:210px;padding:8px 10px;font-size:12px}}.controls-touch{display:none!important}body.touch .controls-touch{display:grid!important}body.touch .controls-pc,body.touch #hud .title{display:none!important}@media (width<=500px){#menu{padding-left:16px}}body.touch .menu-panel{max-height:calc(100dvh - 24px);overflow-y:auto}