:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070f;--panel:#0b1020;--cyan:#2de2e6;--gold:#ffd23f;--muted:#8fa0c8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--muted);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;font-family:ui-monospace,Menlo,PingFang SC,Microsoft YaHei,monospace;overflow:hidden}#app{background:var(--panel);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}#stage{object-fit:contain;flex:1 1 0;width:100%;min-height:0}#abilities{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #1c2547;justify-content:space-around;gap:12px;display:flex}.ability{border:2px solid var(--cyan);width:76px;height:76px;color:var(--muted);font:inherit;touch-action:manipulation;cursor:pointer;background:#121a33;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 0 10px #2de2e659}.ability:active:not(:disabled){transform:scale(.94)}.ability:disabled{box-shadow:none;opacity:.4;cursor:default;border-color:#2a3354}.ability svg{width:34px;height:34px}.ability .label{margin-top:2px;font-size:12px}.badge{background:var(--gold);min-width:22px;height:22px;color:var(--panel);text-align:center;border-radius:11px;padding:0 5px;font:700 13px/22px ui-monospace,Menlo,monospace;position:absolute;top:-4px;right:-4px}#loading{z-index:10;background:var(--panel);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#loading[hidden]{display:none}#loading h1{color:var(--cyan);letter-spacing:4px;text-shadow:0 0 12px #2de2e6b3;margin:0;font-size:40px}#loading-bar{border:1px solid var(--cyan);border-radius:4px;width:min(240px,70%);height:8px;overflow:hidden;box-shadow:0 0 8px #2de2e659}#loading-fill{background:var(--cyan);width:0;height:100%;transition:width .25s ease-out}#loading p{max-width:280px;min-height:1.6em;margin:0;line-height:1.6}#loading-error{color:#ff4d6d}#loading-retry[hidden],#loading-error[hidden]{display:none}#overlay{text-align:center;background:#05070fd6;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#overlay[hidden]{display:none}#overlay h1{color:var(--cyan);letter-spacing:4px;text-shadow:0 0 12px #2de2e6b3;margin:0;font-size:40px}#overlay p{white-space:pre-line;max-width:280px;margin:0;line-height:1.6}#speed{align-items:center;gap:8px;display:flex}#speed:before{content:"速度";margin-right:4px}#speed button,#sound-toggle{min-width:56px;color:var(--muted);touch-action:manipulation;cursor:pointer;background:0 0;border:1px solid #2a3354;border-radius:8px;padding:8px 14px;font:700 15px ui-monospace,Menlo,monospace}#speed button[aria-pressed=true],#sound-toggle[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#2de2e61f}#hint{z-index:3;text-align:center;pointer-events:none;background:#05070fcc;border:1px solid #2a3354;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);padding:14px 22px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#hint[hidden]{display:none}#hint[data-kind=swipe]{top:34%}#hint[data-kind=ability]{bottom:calc(124px + env(safe-area-inset-bottom))}#hint[data-kind=ability] .hint-swipe{display:none}.hint-swipe{border:2px dashed #2a3b6e;border-radius:22px;width:150px;height:44px;position:relative}.hint-swipe .dot{background:var(--cyan);width:28px;height:28px;box-shadow:0 0 12px var(--cyan);border-radius:50%;margin-top:-14px;animation:1.4s ease-in-out infinite hint-slide;position:absolute;top:50%;left:12px}#hint-text{color:#e6ecff;margin:0;font-size:16px;line-height:1.5}#abilities.pulse .ability:not(:disabled){animation:1.2s ease-in-out infinite ability-pulse}@keyframes hint-slide{0%{opacity:0;transform:translate(0)}15%,85%{opacity:1}to{opacity:0;transform:translate(94px)}}@keyframes ability-pulse{0%,to{border-color:var(--cyan);box-shadow:0 0 10px #2de2e659}50%{border-color:var(--gold);box-shadow:0 0 26px #ffd23fe6}}@media (prefers-reduced-motion:reduce){.hint-swipe .dot,#abilities.pulse .ability:not(:disabled){animation:none}}#help,.sheet{z-index:6;background:#070a16;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}#help[hidden],.sheet[hidden]{display:none}.help-card,.sheet-card{width:min(100%,360px);margin:auto}.help-card h2,.sheet-card h2{color:var(--cyan);text-align:center;text-shadow:0 0 10px #2de2e699;margin:0 0 16px;font-size:28px}.help-card ul{flex-direction:column;gap:14px;margin:0 0 20px;padding:0;list-style:none;display:flex}.help-card li{background:#121a33;border:1px solid #2a3354;border-radius:10px;padding:12px 14px}.help-card li strong{color:var(--gold);margin-bottom:4px;font-size:16px;display:block}.help-card li span{color:#cdd6f6;font-size:14px;line-height:1.6}#cover{z-index:4;background-color:var(--panel);background-image:linear-gradient(#2de2e60d 1px,#0000 1px),linear-gradient(90deg,#2de2e60d 1px,#0000 1px);background-size:30px 30px;position:absolute;top:0;bottom:0;left:0;right:0}#cover[hidden]{display:none}#cover-art{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cover-content{height:100%;padding:24px 24px calc(24px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}#cover-title{color:var(--cyan);letter-spacing:4px;text-shadow:0 0 14px #2de2e6cc,0 0 36px #1d4ed8b3;margin:0;font:700 max(44px,min(15vw,68px))/1 ui-monospace,Menlo,monospace}.cover-tagline{color:#cdd6f6;text-align:center;max-width:300px;margin:0 0 6px;font-size:15px;line-height:1.6}#cover-best{color:var(--gold);margin:0;font:700 15px ui-monospace,Menlo,PingFang SC,monospace}#cover-best[hidden]{display:none}.menu{flex-direction:column;gap:12px;width:min(100%,260px);margin-top:6px;display:flex}#cover #speed{margin-top:8px}.setting-row{color:#e6ecff;background:#121a33;border:1px solid #2a3354;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.setting-row input[type=range]{min-width:0;accent-color:var(--cyan);flex:1}.setting-row output{text-align:right;min-width:44px;font-family:ui-monospace,Menlo,monospace}.setting-row #sound-toggle{margin-left:auto}.about-name{color:var(--cyan);letter-spacing:3px;text-align:center;margin:0 0 10px;font:700 26px ui-monospace,Menlo,monospace}.about-text{color:#cdd6f6;margin:0 0 12px;font-size:14px;line-height:1.7}.about-version{color:var(--muted);text-align:center;margin:0 0 6px;font-size:13px}.about-copyright{color:var(--muted);text-align:center;margin:0 0 20px;font-size:12px;line-height:1.7}#pause-button{z-index:2;width:44px;height:44px;color:var(--gold);touch-action:manipulation;cursor:pointer;background:#121a33d9;border:1px solid #2a3b6e;border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}#pause-button[hidden]{display:none}#pause-button svg{width:22px;height:22px}#pause-button:active{transform:scale(.94)}.menu-button{color:#e6ecff;letter-spacing:2px;touch-action:manipulation;cursor:pointer;background:#121a33eb;border:2px solid #2a3b6e;border-radius:10px;width:100%;padding:14px 0;font:700 18px ui-monospace,Menlo,PingFang SC,monospace;display:block}.menu-button[hidden]{display:none}.menu-button:active{transform:scale(.98)}.menu-button:disabled{opacity:.5;cursor:default}.menu-button.accent{border-color:var(--cyan);color:var(--cyan);background:#2de2e61f}.sheet-card>.menu-button{margin-bottom:12px}.sheet-card>.menu-button:last-child{margin-bottom:0}#overlay .menu-button,#loading .menu-button,#pause-panel .sheet-card{width:min(100%,260px)}