.app-root[data-v-434ef35e]{width:100%;height:var(--app-h, 100dvh);height:100dvh;overflow:hidden;position:relative}.rotate-tip[data-v-434ef35e]{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px}.rotate-tip p[data-v-434ef35e]{font-size:22px;font-weight:900}.rotate-tip small[data-v-434ef35e]{color:var(--muted)}.phone[data-v-434ef35e]{width:60px;height:100px;border:6px solid var(--ink-light);border-radius:10px;animation:rot-434ef35e 2s ease-in-out infinite;display:flex;padding:6px}.screen[data-v-434ef35e]{flex:1;background:var(--red)}@keyframes rot-434ef35e{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.home[data-v-84f357a0]{display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(#2b1d3a 0 60%,#3a2a4c 60% 100%)}.sky[data-v-84f357a0]{position:absolute;inset:0;pointer-events:none}.star[data-v-84f357a0]{position:absolute;width:6px;height:6px;background:var(--yellow);animation:tw-84f357a0 1.6s steps(2) infinite}@keyframes tw-84f357a0{50%{opacity:.2}}.floor[data-v-84f357a0]{position:absolute;left:0;right:0;bottom:0;height:40%;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 40px,transparent 40px 80px);pointer-events:none}.content[data-v-84f357a0]{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;grid-template-areas:"logo stage" "menu stage" "foot foot";gap:12px 48px;align-items:center;max-width:1000px}.logo[data-v-84f357a0]{grid-area:logo}.logo h1[data-v-84f357a0]{font-size:clamp(36px,9vh,72px);margin:0}.logo h1 span[data-v-84f357a0]{display:inline-block;animation:bounce-84f357a0 .55s ease-in-out infinite alternate}.logo h1 span[data-v-84f357a0]:nth-child(2n){animation-delay:.27s}.r[data-v-84f357a0]{color:var(--red)}.b[data-v-84f357a0]{color:var(--blue)}.y[data-v-84f357a0]{color:var(--yellow)}@keyframes bounce-84f357a0{to{transform:translateY(-6px)}}.tag[data-v-84f357a0]{margin:8px 0 0;color:var(--ink-light);font-weight:700;font-size:clamp(13px,2.8vh,18px)}.stage[data-v-84f357a0]{grid-area:stage;display:flex;align-items:flex-end;gap:10px}.notes[data-v-84f357a0]{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.n[data-v-84f357a0]{width:28px;height:28px;border:4px solid #fff;box-shadow:0 0 0 3px var(--bg-deep);animation:bounce-84f357a0 .4s steps(2) infinite alternate}.n.don[data-v-84f357a0]{background:#e8403f;border-radius:50%}.n.ka[data-v-84f357a0]{background:#3a86e8}.n.roll[data-v-84f357a0]{background:#ffcc1a;border-radius:14px;width:48px}.menu[data-v-84f357a0]{grid-area:menu;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:420px}.menu .px-btn[data-v-84f357a0]{font-size:clamp(14px,3.2vh,20px);padding:clamp(8px,2.2vh,14px) 16px}.foot[data-v-84f357a0]{grid-area:foot;text-align:center;color:var(--muted);font-size:12px;margin:8px 0 0}@media(max-height:420px){.stage[data-v-84f357a0] canvas{width:120px!important;height:160px!important}.content[data-v-84f357a0]{gap:8px 24px}}@media(max-width:640px)and (orientation:portrait){.content[data-v-84f357a0]{grid-template-columns:1fr;grid-template-areas:"logo" "stage" "menu" "foot";justify-items:center;text-align:center}}.layout[data-v-20385f68]{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.4fr);gap:24px;max-width:1100px;margin:0 auto}.list[data-v-20385f68]{display:flex;flex-direction:column;gap:14px;padding:4px}.song[data-v-20385f68]{border:none;display:flex;align-items:center;gap:12px;padding:10px 14px;text-align:left;cursor:pointer;color:var(--ink)}.song.active[data-v-20385f68]{background:var(--red)}.song.locked[data-v-20385f68]{opacity:.6}.idx[data-v-20385f68]{font-size:24px;width:32px;text-align:center;color:var(--yellow)}.song.active .idx[data-v-20385f68]{color:#fff}.meta[data-v-20385f68]{flex:1;display:flex;flex-direction:column;gap:2px}.meta b[data-v-20385f68]{font-size:16px}.meta small[data-v-20385f68]{color:var(--ink-light);font-size:12px}.d-easy[data-v-20385f68]{color:#8fe3ff}.d-normal[data-v-20385f68]{color:var(--yellow)}.d-hard[data-v-20385f68]{color:#ff9aa8}.song.active .meta small span[data-v-20385f68]{color:#fff}.ranks[data-v-20385f68]{display:flex;gap:4px}.r[data-v-20385f68]{font-style:normal;width:20px;height:20px;display:grid;place-items:center;font-size:12px;font-weight:900;background:var(--bg-deep);color:var(--muted)}.r.S[data-v-20385f68]{color:var(--yellow)}.r.A[data-v-20385f68]{color:#ff7a59}.r.B[data-v-20385f68]{color:#6dff8a}.r.C[data-v-20385f68]{color:#6ec6ff}.detail[data-v-20385f68]{padding:20px 24px;display:flex;flex-direction:column;gap:14px;align-self:start;position:sticky;top:0}.title-row[data-v-20385f68]{display:flex;justify-content:space-between;gap:12px}.chars[data-v-20385f68]{display:flex;align-items:flex-end}h2[data-v-20385f68]{margin:0;font-size:26px}.desc[data-v-20385f68]{color:var(--ink-light);margin:6px 0 0}.info[data-v-20385f68]{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted)}.info b[data-v-20385f68]{color:var(--ink)}.diffs[data-v-20385f68]{display:flex;gap:16px;padding:4px}.best[data-v-20385f68]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--bg-deep);padding:12px}.best div[data-v-20385f68]{display:flex;flex-direction:column;gap:4px}.best small[data-v-20385f68]{color:var(--muted);font-size:11px}.best b[data-v-20385f68]{font-size:18px}.rank.S[data-v-20385f68]{color:var(--yellow)}.rank.A[data-v-20385f68]{color:#ff7a59}.rank.B[data-v-20385f68]{color:#6dff8a}.rank.C[data-v-20385f68]{color:#6ec6ff}.badges[data-v-20385f68]{display:flex;gap:8px;flex-wrap:wrap;min-height:22px}.badge[data-v-20385f68]{font-size:12px;font-weight:800;padding:3px 8px;background:#ff9f1c;color:#2b1d2e}.badge.gold[data-v-20385f68]{background:var(--yellow)}.badge.green[data-v-20385f68]{background:#6dff8a}.badge.ghost[data-v-20385f68]{background:var(--panel-light);color:var(--ink)}.go[data-v-20385f68]{font-size:22px;margin:6px 4px 4px}.locked-info[data-v-20385f68]{text-align:center;padding:40px 10px;color:var(--ink-light)}.locked-info .big[data-v-20385f68]{font-size:48px}.free-tip[data-v-20385f68]{background:var(--bg-deep);padding:12px}@media(max-width:760px){.layout[data-v-20385f68]{grid-template-columns:1fr 1.3fr;gap:14px}.song[data-v-20385f68]{padding:8px 10px}.ranks[data-v-20385f68]{display:none}.detail[data-v-20385f68]{padding:14px;gap:10px}.best[data-v-20385f68]{grid-template-columns:repeat(2,1fr)}h2[data-v-20385f68]{font-size:20px}.chars[data-v-20385f68]{display:none}}@media(max-height:460px){.page-head[data-v-20385f68]{margin-bottom:10px}.page-head h1[data-v-20385f68]{font-size:20px}.list[data-v-20385f68]{gap:10px}.song[data-v-20385f68]{padding:6px 10px}.detail[data-v-20385f68]{gap:8px}}.bubble[data-v-045ad9e8]{position:absolute;z-index:20;transform:translateY(-100%);background:#fffaf0;color:#2b1d2e;padding:6px 10px 7px;font-size:clamp(11px,2.4vh,17px);font-weight:800;line-height:1.35;pointer-events:none;box-shadow:0 -3px #1b1126,0 3px #1b1126,-3px 0 #1b1126,3px 0 #1b1126,inset 0 -3px #e7dccb;transition:left .15s linear,right .15s linear,top .15s linear}.name[data-v-045ad9e8]{display:block;font-size:.72em;letter-spacing:1px;color:#e8435a}.dad .name[data-v-045ad9e8]{color:#2a5bb0}.tail[data-v-045ad9e8]{position:absolute;bottom:-9px;width:9px;height:9px;background:#fffaf0;box-shadow:3px 0 #1b1126,0 3px #1b1126,3px 3px #1b1126}.mom .tail[data-v-045ad9e8]{right:6px}.dad .tail[data-v-045ad9e8]{left:6px;box-shadow:-3px 0 #1b1126,0 3px #1b1126,-3px 3px #1b1126}.pop-enter-active[data-v-045ad9e8]{animation:pop-045ad9e8 .18s steps(3)}.pop-leave-active[data-v-045ad9e8]{transition:opacity .2s}.pop-leave-to[data-v-045ad9e8]{opacity:0}@keyframes pop-045ad9e8{0%{transform:translateY(-100%) scale(.4)}to{transform:translateY(-100%) scale(1)}}.drum[data-v-93c609c5]{position:relative;flex:1;height:100%;touch-action:none;cursor:pointer;overflow:hidden;--c: var(--red);--cd: var(--red-dark);--cl: #ff7f8f}.drum.ka[data-v-93c609c5]{--c: var(--blue);--cd: var(--blue-dark);--cl: #7fb2ff}.face[data-v-93c609c5]{position:absolute;inset:0;background:var(--c);display:flex;align-items:center;justify-content:center;gap:4%;box-shadow:inset 0 -10px 0 0 var(--cd),inset 0 6px 0 0 var(--cl),inset 6px 0 #ffffff1f,inset -6px 0 #0000001f;transition:transform .05s;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 8px,transparent 8px 16px)}.pressed .face[data-v-93c609c5]{transform:translateY(6px) scale(.98);filter:brightness(1.25);box-shadow:inset 0 -3px 0 0 var(--cd),inset 0 6px #0003}.icon[data-v-93c609c5]{width:min(14vh,12vw);height:min(14vh,12vw);max-width:110px;max-height:110px;background:#fff;box-shadow:0 0 0 5px var(--bg-deep),inset 0 0 0 9px var(--c),inset 0 0 0 13px #fff;image-rendering:pixelated}.don .icon[data-v-93c609c5]{border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9a8a 0 12%,#e8403f 13% 100%);box-shadow:0 0 0 5px var(--bg-deep),0 0 0 10px #fff,0 0 0 14px var(--bg-deep)}.ka .icon[data-v-93c609c5]{background:linear-gradient(135deg,#9cccff 0 18%,#3a86e8 19% 100%);box-shadow:0 0 0 5px var(--bg-deep),0 0 0 10px #fff,0 0 0 14px var(--bg-deep);width:min(12vh,10.5vw);height:min(12vh,10.5vw)}.label[data-v-93c609c5]{font-size:min(10vh,8vw);color:#fff;line-height:1}.keys[data-v-93c609c5]{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-weight:900;font-size:min(3.4vh,16px);color:#ffffffbf;letter-spacing:2px}.burst[data-v-93c609c5]{position:absolute;left:50%;top:50%;pointer-events:none}.burst span[data-v-93c609c5]{position:absolute;background:#fff;animation:fly-93c609c5 .4s ease-out forwards}.ka .burst span[data-v-93c609c5]{background:#bfe0ff}.don .burst span[data-v-93c609c5]{background:#ffd0c8}@keyframes fly-93c609c5{0%{transform:translate(0);opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}.wave[data-v-93c609c5]{position:absolute;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;border:6px solid #fff;border-radius:50%;opacity:0;pointer-events:none;animation:wave-93c609c5 .35s ease-out}@keyframes wave-93c609c5{0%{transform:scale(1);opacity:.9}to{transform:scale(7);opacity:0}}.game[data-v-ea95eaa7]{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg-deep);touch-action:none;overflow:hidden}.stage[data-v-ea95eaa7]{position:relative;flex:72 1 0;min-height:0;overflow:hidden}.stage[data-v-ea95eaa7] canvas{position:absolute;left:0;top:0;display:block}.controls[data-v-ea95eaa7]{flex:28 1 0;min-height:90px;display:flex;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg-deep);position:relative;z-index:5}.gap[data-v-ea95eaa7]{width:max(10px,1.5vw);background:var(--bg-deep)}.hud[data-v-ea95eaa7]{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;gap:clamp(8px,2vw,24px);padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left));background:linear-gradient(#1b1126bf,#1b112600);pointer-events:none;transition:opacity .3s}.hud.hide[data-v-ea95eaa7]{opacity:0}.pause-btn[data-v-ea95eaa7]{pointer-events:auto;border:none;background:var(--panel-light);color:#fff;width:clamp(34px,7vh,46px);height:clamp(34px,7vh,46px);font-size:clamp(12px,2.6vh,16px);cursor:pointer;box-shadow:0 0 0 3px var(--bg-deep),inset 0 -4px #0000004d;touch-action:none}.song-name[data-v-ea95eaa7]{display:flex;flex-direction:column;flex:1;min-width:0;text-shadow:2px 2px 0 var(--bg-deep)}.song-name b[data-v-ea95eaa7]{font-size:clamp(13px,3vh,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-name small[data-v-ea95eaa7],.score small[data-v-ea95eaa7],.combo small[data-v-ea95eaa7]{font-size:clamp(9px,1.8vh,12px);color:var(--ink-light);font-weight:800;letter-spacing:1px}.score[data-v-ea95eaa7],.combo[data-v-ea95eaa7]{display:flex;flex-direction:column;align-items:flex-end;text-shadow:2px 2px 0 var(--bg-deep),-2px -2px 0 var(--bg-deep),2px -2px 0 var(--bg-deep),-2px 2px 0 var(--bg-deep)}.score b[data-v-ea95eaa7]{font-size:clamp(16px,4.2vh,30px)}.combo[data-v-ea95eaa7]{min-width:70px}.combo b[data-v-ea95eaa7]{font-size:clamp(16px,4.2vh,30px);color:#fff}.combo b.hot[data-v-ea95eaa7]{color:var(--yellow)}.progress[data-v-ea95eaa7]{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0000004d}.progress i[data-v-ea95eaa7]{display:block;height:100%;background:var(--yellow)}.new-best[data-v-ea95eaa7]{position:absolute;z-index:15;right:4%;top:2%;font-weight:900;font-size:clamp(14px,3.5vh,24px);color:var(--yellow);text-shadow:3px 3px 0 var(--bg-deep);animation:blink-ea95eaa7 .6s steps(2) infinite}@keyframes blink-ea95eaa7{50%{opacity:.4}}.loading[data-v-ea95eaa7]{position:absolute;inset:0;z-index:30;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.loading p[data-v-ea95eaa7]{font-weight:900;font-size:20px;margin:8px 0 0}.loading small[data-v-ea95eaa7]{color:var(--muted)}.spinner[data-v-ea95eaa7]{display:flex;gap:10px}.spinner i[data-v-ea95eaa7]{width:18px;height:18px;background:var(--red);animation:hop-ea95eaa7 .6s ease-in-out infinite alternate}.spinner i[data-v-ea95eaa7]:nth-child(2){background:var(--blue);animation-delay:.2s}.spinner i[data-v-ea95eaa7]:nth-child(3){background:var(--yellow);animation-delay:.4s}@keyframes hop-ea95eaa7{to{transform:translateY(-14px)}}.result-actions[data-v-ea95eaa7]{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,40px);padding:10px}.result-actions .px-btn[data-v-ea95eaa7]{font-size:clamp(14px,3.4vh,22px)}.overlay[data-v-ea95eaa7]{position:absolute;inset:0;z-index:50;background:#1b1126b8;display:flex;align-items:center;justify-content:center;touch-action:none}.menu[data-v-ea95eaa7]{display:flex;flex-direction:column;gap:14px;padding:20px 32px;min-width:260px;max-height:92%;overflow:auto;text-align:center}.menu h2[data-v-ea95eaa7]{margin:0 0 6px;font-size:26px}.menu small[data-v-ea95eaa7]{color:var(--muted)}.vol[data-v-ea95eaa7]{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--ink-light)}.vol label[data-v-ea95eaa7]{display:flex;align-items:center;gap:10px;white-space:nowrap}@media(max-height:420px){.menu[data-v-ea95eaa7]{gap:9px;padding:12px 24px}.menu h2[data-v-ea95eaa7]{font-size:20px}.menu .px-btn[data-v-ea95eaa7]{padding:7px 16px;font-size:15px}}.calib[data-v-2aa24979]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.block h3[data-v-2aa24979]{margin:0 0 6px;font-size:16px;color:var(--yellow)}.block p[data-v-2aa24979]{margin:0 0 10px;font-size:13px;color:var(--ink-light);line-height:1.5}.row[data-v-2aa24979]{display:flex;align-items:center;gap:16px;margin:6px 4px 12px}.dots[data-v-2aa24979]{display:flex;flex-wrap:wrap;gap:4px}.dots i[data-v-2aa24979]{width:10px;height:10px;background:var(--bg-deep)}.dots i.warm[data-v-2aa24979]{background:#4a3a62}.dots i.done[data-v-2aa24979]{background:var(--blue)}.dots i.on[data-v-2aa24979]{background:var(--yellow);transform:scale(1.3)}.tap-pad[data-v-2aa24979]{height:80px;display:grid;place-items:center;background:var(--red-dark);font-weight:800;cursor:pointer;touch-action:none;margin:0 4px}.tap-pad.active[data-v-2aa24979]{background:var(--red)}.tap-pad[data-v-2aa24979]:active{filter:brightness(1.3)}.res[data-v-2aa24979]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px!important}.flash[data-v-2aa24979]{width:60px;height:60px;background:var(--bg-deep);box-shadow:0 0 0 4px var(--panel-light)}.flash.on[data-v-2aa24979]{background:var(--yellow)}.slider[data-v-2aa24979]{display:flex;flex-direction:column;gap:6px;font-size:13px}@media(max-width:760px){.calib[data-v-2aa24979]{grid-template-columns:1fr}}.grid[data-v-5acff455]{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1000px;margin:0 auto 24px}section[data-v-5acff455]{padding:16px 20px;display:flex;flex-direction:column;gap:12px}section.wide[data-v-5acff455]{grid-column:1 / -1}h2[data-v-5acff455]{margin:0;font-size:18px;color:var(--yellow)}label[data-v-5acff455]{display:flex;flex-direction:column;gap:6px;font-size:14px}label b[data-v-5acff455]{color:var(--ink-light);margin-left:6px}.row[data-v-5acff455]{display:flex;gap:16px;flex-wrap:wrap;padding:4px}.opt[data-v-5acff455]{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.seg[data-v-5acff455]{display:flex;background:var(--bg-deep);padding:3px;gap:3px}.seg button[data-v-5acff455]{border:none;background:transparent;color:var(--muted);font-weight:800;padding:6px 12px;cursor:pointer}.seg button.on[data-v-5acff455]{background:var(--red);color:#fff}.seg button[data-v-5acff455]:disabled{opacity:.4;cursor:not-allowed}.hint[data-v-5acff455]{margin:0;font-size:12px;color:var(--muted);line-height:1.5}@media(max-width:700px){.grid[data-v-5acff455]{grid-template-columns:1fr}}.grid[data-v-a0fda7e3]{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1000px;margin:0 auto 24px}section[data-v-a0fda7e3]{padding:16px 20px}h2[data-v-a0fda7e3]{margin:0 0 10px;font-size:18px;color:var(--yellow)}p[data-v-a0fda7e3],li[data-v-a0fda7e3]{font-size:14px;line-height:1.6;color:var(--ink-light)}p[data-v-a0fda7e3]{margin:4px 0 10px}ul[data-v-a0fda7e3]{margin:0 0 12px;padding-left:18px}.note-row[data-v-a0fda7e3]{display:flex;align-items:center;gap:14px;margin-bottom:10px}.note-row p[data-v-a0fda7e3]{margin:0}.n[data-v-a0fda7e3]{flex:none;width:32px;height:32px;border:4px solid #fff;box-shadow:0 0 0 3px var(--bg-deep)}.n.don[data-v-a0fda7e3]{background:#e8403f;border-radius:50%}.n.ka[data-v-a0fda7e3]{background:#3a86e8}.n.roll[data-v-a0fda7e3]{background:#ffcc1a;border-radius:16px;width:56px}table[data-v-a0fda7e3]{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:8px}td[data-v-a0fda7e3]{padding:5px 4px;border-bottom:2px solid var(--bg-deep)}.p[data-v-a0fda7e3]{color:var(--yellow);font-weight:900}.g[data-v-a0fda7e3]{color:#6dff8a;font-weight:900}.o[data-v-a0fda7e3]{color:#6ec6ff;font-weight:900}.m[data-v-a0fda7e3]{color:var(--muted);font-weight:900}.chars[data-v-a0fda7e3]{display:flex;gap:8px}@media(max-width:700px){.grid[data-v-a0fda7e3]{grid-template-columns:1fr}}:root{--bg: #2b1d3a;--bg-deep: #1b1126;--panel: #3a2a4c;--panel-light: #4c3a63;--ink: #fff4e6;--ink-light: #ffe9b0;--muted: #b0a8c0;--red: #e8435a;--red-dark: #b82e44;--blue: #3d7fe0;--blue-dark: #2a5bb0;--yellow: #ffd23f;--yellow-dark: #c99a12;--green: #4caf50;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-num: "Arial Black", "Helvetica Neue", Arial, var(--font);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}#app{width:100%;height:100%}button{font-family:inherit;color:inherit}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.px-box{background:var(--panel);box-shadow:0 -4px 0 0 var(--bg-deep),0 4px 0 0 var(--bg-deep),-4px 0 0 0 var(--bg-deep),4px 0 0 0 var(--bg-deep),inset 0 4px #ffffff14,inset 0 -4px #00000040}.px-btn{--c: var(--red);--cd: var(--red-dark);position:relative;border:none;background:var(--c);color:#fff;font-weight:900;font-size:18px;letter-spacing:2px;padding:12px 22px;cursor:pointer;text-shadow:2px 2px 0 rgba(0,0,0,.35);box-shadow:0 -4px 0 0 var(--bg-deep),0 4px 0 0 var(--bg-deep),-4px 0 0 0 var(--bg-deep),4px 0 0 0 var(--bg-deep),inset 0 -5px 0 0 var(--cd),inset 0 3px #ffffff40;transition:transform .06s}.px-btn:hover{filter:brightness(1.08)}.px-btn:active{transform:translateY(3px);box-shadow:0 -4px 0 0 var(--bg-deep),0 4px 0 0 var(--bg-deep),-4px 0 0 0 var(--bg-deep),4px 0 0 0 var(--bg-deep),inset 0 -1px 0 0 var(--cd),inset 0 3px #0003}.px-btn:disabled{--c: #6a6078;--cd: #4a4258;cursor:not-allowed;filter:none}.px-btn.blue{--c: var(--blue);--cd: var(--blue-dark)}.px-btn.yellow{--c: var(--yellow);--cd: var(--yellow-dark);color:#3a2a10;text-shadow:1px 1px 0 rgba(255,255,255,.4)}.px-btn.ghost{--c: var(--panel-light);--cd: var(--panel)}.px-btn.small{font-size:14px;padding:8px 14px;letter-spacing:1px}.px-title{font-weight:900;letter-spacing:3px;text-shadow:3px 0 0 var(--bg-deep),-3px 0 0 var(--bg-deep),0 3px 0 var(--bg-deep),0 -3px 0 var(--bg-deep),3px 3px 0 var(--bg-deep),-3px -3px 0 var(--bg-deep),3px -3px 0 var(--bg-deep),-3px 3px 0 var(--bg-deep),6px 6px 0 rgba(0,0,0,.35)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.page{position:absolute;inset:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 4px,transparent 4px 8px),var(--bg)}.page-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.page-head h1{margin:0;font-size:26px}input[type=range]{-webkit-appearance:none;appearance:none;height:10px;background:var(--bg-deep);outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:22px;background:var(--yellow);border:3px solid var(--bg-deep);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:18px;background:var(--yellow);border:3px solid var(--bg-deep);border-radius:0;cursor:pointer}