:root{--ink: #14202e;--paper: #fffdf7;--gold: #ffd43b;--gold-d: #f59f00;--blue: #4dabf7;--blue-d: #1c7ed6;--red: #ff6b6b;--red-d: #e03131;--green: #51cf66;--green-d: #2f9e44;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--pad-scale: 1;--pad-bottom: 18px;--pad-side: 18px;--pad-unit-set: calc(1px * var(--pad-scale));--pad-unit-w: calc((100vw - 2 * var(--pad-side) - 56px) / 258);--pad-unit-h: calc((42vh - var(--pad-bottom)) / 96);--pad-unit: max(.6px, min(var(--pad-unit-set), var(--pad-unit-w), var(--pad-unit-h)))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#141c26;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}.app{position:relative;width:100%;height:100%}.stage{display:block;width:100%;height:100%}.hud{position:absolute;top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);pointer-events:none;z-index:5}.hud-row{display:flex;gap:8px;align-items:center}.hud-spacer{flex:1}.hud-chip{display:flex;align-items:center;gap:6px;padding:5px 11px;background:#14202ed1;border:2px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;font-weight:800;font-size:15px;letter-spacing:.4px;box-shadow:0 3px 8px #00000047,inset 0 1px #ffffff29}.hud-label{font-size:10px;opacity:.65;letter-spacing:1.5px}.hud-value{font-variant-numeric:tabular-nums}.hud-sub{opacity:.55;font-size:12px;font-weight:700}.hud-icon{font-size:15px}.hud-chip.urgent{border-color:var(--red);animation:pulse-red .8s infinite}.hud-chip.lives{padding:5px 9px;gap:2px}.heart{font-size:14px;animation:heartbeat 1.6s ease-in-out infinite}.heart:nth-child(2){animation-delay:.2s}.heart:nth-child(3){animation-delay:.4s}@keyframes pulse-red{0%,to{box-shadow:0 0 #ff6b6b99}50%{box-shadow:0 0 0 8px #ff6b6b00}}@keyframes heartbeat{0%,88%,to{transform:scale(1)}92%{transform:scale(1.28)}}.progress{position:relative;margin-top:8px;height:6px;background:#14202e8c;border-radius:999px;overflow:visible}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--green));transition:width .12s linear}.progress-dot{position:absolute;top:-12px;transform:translate(-50%);font-size:17px;transition:left .12s linear}.progress-flag{position:absolute;right:-6px;top:-11px;font-size:15px}.combo{position:absolute;top:54px;left:50%;transform:translate(-50%);color:#fff;font-weight:900;font-size:22px;text-shadow:0 3px 0 rgba(0,0,0,.45);animation:combo-pop .35s cubic-bezier(.2,1.7,.4,1)}.combo b{color:var(--gold);font-size:30px}@keyframes combo-pop{0%{transform:translate(-50%) scale(.4) rotate(-8deg);opacity:0}60%{transform:translate(-50%) scale(1.25) rotate(3deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}.hint{position:absolute;bottom:calc(var(--safe-b) + 108px);left:50%;transform:translate(-50%);padding:8px 18px;max-width:min(80vw,420px);background:#14202edb;border:2px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:14px;font-weight:700;white-space:nowrap;text-align:center;pointer-events:none;animation:hint-in .28s cubic-bezier(.2,1.6,.4,1)}@keyframes hint-in{0%{transform:translate(-50%) translateY(10px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media (max-height: 500px){.hint{bottom:calc(var(--safe-b) + 96px);font-size:12px;padding:6px 14px}}.pause-btn{position:absolute;top:calc(var(--safe-t) + 54px);right:calc(var(--safe-r) + 10px);z-index:6;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#14202eb3;color:#fff;font-size:15px;cursor:pointer}.perf{position:absolute;top:calc(var(--safe-t) + 54px);right:calc(var(--safe-r) + 58px);z-index:6;padding:3px 9px;border-radius:8px;background:#14202eb3;color:#8ce99a;font:700 11px/1.4 ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;pointer-events:none}.perf span{display:block;color:#ffd43b;opacity:.85}.pad{position:absolute;inset:0;z-index:4;pointer-events:none}.pad-left,.pad-right{position:absolute;bottom:calc(var(--safe-b) + var(--pad-bottom, 18px));display:flex;gap:calc(14 * var(--pad-unit));pointer-events:auto}.pad-left{left:calc(var(--safe-l) + var(--pad-side, 18px))}.pad-right{right:calc(var(--safe-r) + var(--pad-side, 18px))}:root[data-handed=left] .pad-left{left:auto;right:calc(var(--safe-r) + var(--pad-side, 18px))}:root[data-handed=left] .pad-right{right:auto;left:calc(var(--safe-l) + var(--pad-side, 18px))}.btn{border:3px solid rgba(20,32,46,.75);border-radius:50%;color:#14202e;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:transform .07s ease,filter .07s ease;box-shadow:0 5px #14202e73,inset 0 -3px #0000001f}.btn:active{transform:translateY(4px) scale(.96);box-shadow:0 1px #14202e73;filter:brightness(1.08)}.btn.dir{width:calc(74 * var(--pad-unit));height:calc(74 * var(--pad-unit));font-size:calc(26 * var(--pad-unit));background:#fffdf7d1}.btn.jump{width:calc(96 * var(--pad-unit));height:calc(96 * var(--pad-unit));font-size:calc(16 * var(--pad-unit));letter-spacing:1px;background:radial-gradient(circle at 35% 30%,#ffe98a,var(--gold) 55%,var(--gold-d))}.btn:before{content:"";position:absolute;inset:-14px;border-radius:50%}.btn{position:relative}.screen{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 16px);animation:fade-in .22s ease;overflow-y:auto;overscroll-behavior:contain}.screen>*{flex-shrink:0}@supports (justify-content: safe center){.screen{justify-content:safe center}}.screen.dim{background:#0a1018b8}.screen.title{background:linear-gradient(180deg,#0a101859,#0a1018c7)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.title-art{text-align:center;animation:drop-in .6s cubic-bezier(.2,1.5,.4,1)}.title-cat{font-size:68px;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes drop-in{0%{transform:translateY(-40px) scale(.8);opacity:0}to{transform:none;opacity:1}}.title h1{margin:4px 0 0;font-size:40px;font-weight:900;color:var(--gold);text-shadow:0 4px 0 var(--gold-d),0 7px 14px rgba(0,0,0,.5);letter-spacing:2px}.title h1 small{display:block;margin-top:4px;font-size:13px;letter-spacing:6px;color:#fff;opacity:.8;text-shadow:none;font-weight:700}.tagline{color:#fff;opacity:.85;font-size:14px;margin:14px 0 4px}.best{color:var(--gold);font-weight:800;font-size:14px;margin:12px 0 6px}.lv-picker{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.lv{width:122px;padding:9px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff1a;border:2px solid rgba(255,255,255,.22);border-radius:12px;color:#fff;cursor:pointer;transition:transform .1s ease,background .1s ease,border-color .1s ease}.lv:active{transform:scale(.96)}.lv.on{background:#ffd43b38;border-color:var(--gold)}.lv.locked{opacity:.42;cursor:not-allowed}.lv-no{font-size:17px;font-weight:900;color:var(--gold)}.lv.locked .lv-no{color:#fff}.lv-name{font-size:13px;font-weight:800}.lv-sub{font-size:10px;opacity:.6;text-align:center;line-height:1.3}.lv-best{font-size:10px;color:var(--gold);font-weight:700}.lv-tag{font-size:12px;opacity:.6;font-weight:700;margin-bottom:2px}.title-tips{margin-top:14px;display:flex;flex-direction:column;gap:4px;text-align:center}.title-tips span{color:#fff9;font-size:12px}.mute-fab{position:absolute;top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 12px);z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:17px;background:#ffffff24;color:#fff;border:2px solid rgba(255,255,255,.28);border-radius:50%;cursor:pointer}.mute-fab:active{background:#ffffff42}.cta{margin-top:18px;padding:15px 46px;font-size:19px;font-weight:900;letter-spacing:2px;color:#3d2a00;background:linear-gradient(180deg,#ffe066,var(--gold) 55%,var(--gold-d));border:3px solid #14202e;border-radius:16px;box-shadow:0 6px #b8860b,0 12px 22px #00000061;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;animation:cta-in .35s cubic-bezier(.2,1.6,.4,1)}.cta:active{transform:translateY(5px);box-shadow:0 1px #b8860b,0 4px 10px #0000004d}.cta.reward{background:linear-gradient(180deg,#8ce99a,var(--green) 55%,var(--green-d));color:#06340f;box-shadow:0 6px #1f7a33,0 12px 22px #00000061}.cta.reward:active{box-shadow:0 1px #1f7a33}.rw-ic{margin-right:6px}@keyframes cta-in{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.ghost{margin-top:10px;padding:11px 26px;font-size:14px;font-weight:700;color:#fff;background:#ffffff1f;border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:transform .07s ease,background .1s ease}.ghost:active{background:#ffffff38;transform:translateY(2px)}.panel .ghost{color:var(--ink);background:#14202e0f;border-color:#14202e33;box-shadow:0 2px #14202e24}.panel .ghost:active{background:#14202e24;box-shadow:0 0 #14202e24}.row2{display:flex;gap:10px;justify-content:center}.row2 .ghost{flex:1 1 0;padding:11px 8px}.panel{width:min(94vw,380px);max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 32px);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 32px);display:flex;flex-direction:column;padding:20px 22px 18px;overflow:visible;background:var(--paper);border:4px solid var(--ink);border-radius:22px;box-shadow:0 14px #14202e59,0 26px 50px #00000073;text-align:center;animation:panel-in .4s cubic-bezier(.2,1.4,.35,1)}.panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.panel-grid{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.pcol{min-height:0;display:flex;flex-direction:column}.pcol-main{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pcol-side{flex:0 0 auto}.panel-actions{flex:0 0 auto;padding-top:10px}.panel-actions .cta{margin-top:6px}@keyframes panel-in{0%{transform:translateY(50px) scale(.86);opacity:0}to{transform:none;opacity:1}}.panel h2{margin:0 0 14px;font-size:24px}.ribbon{display:inline-block;margin:0 auto 8px;padding:8px 30px;background:linear-gradient(180deg,#ffe066,var(--gold-d));border:3px solid var(--ink);border-radius:999px;font-size:19px;font-weight:900;letter-spacing:2px;box-shadow:0 4px #14202e59}.ribbon.dark{background:linear-gradient(180deg,#ffa8a8,var(--red-d));color:#fff}.big-score{font-size:44px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:2px;text-shadow:0 3px 0 rgba(20,32,46,.15)}.newbest{color:var(--gold-d);font-weight:900;margin-top:2px;animation:shine 1.1s ease-in-out infinite}@keyframes shine{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.25)}}.tally{list-style:none;padding:0;margin:16px 0 6px}.tally li{display:flex;justify-content:space-between;padding:7px 4px;border-bottom:2px dotted rgba(20,32,46,.16);font-size:14px}.tally li span{opacity:.7}.tally li b{font-variant-numeric:tabular-nums}.board{margin:14px auto 4px;text-align:left;width:100%;max-width:290px}.board-title{font-size:12px;font-weight:800;opacity:.55;letter-spacing:2px;margin-bottom:6px}.board-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:13px}.board-row.me{background:#ffd43b4d;font-weight:800}.board-row .rk{width:20px;opacity:.55;font-weight:800}.board-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row .sc{font-variant-numeric:tabular-nums;font-weight:800}.lose-hint{font-size:14px;opacity:.75;margin:10px 0 0}.panel.settings{width:min(94vw,420px);text-align:left}.panel.settings .panel-actions{text-align:center}.panel.settings .panel-actions .cta{display:inline-block}.set-body{padding-right:4px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:2px dotted rgba(20,32,46,.12)}.set-label{font-size:14px;font-weight:800;color:var(--ink)}.set-hint{display:block;font-size:11px;font-weight:600;opacity:.5;margin-top:1px}.set-ctl{flex:0 0 auto}.set-sep{margin:14px 0 2px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--ink);opacity:.45}.toggle{position:relative;width:68px;height:32px;border:2px solid rgba(20,32,46,.22);border-radius:999px;background:#14202e14;cursor:pointer;transition:background .15s ease,border-color .15s ease}.toggle.on{background:#51cf6647;border-color:var(--green-d)}.toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--paper);border:2px solid rgba(20,32,46,.3);transition:transform .15s cubic-bezier(.2,1.4,.4,1)}.toggle.on .toggle-knob{transform:translate(36px);border-color:var(--green-d)}.toggle-text{position:absolute;top:50%;transform:translateY(-50%);left:32px;font-size:12px;font-weight:800;color:var(--ink)}.toggle.on .toggle-text{left:10px}.slider-wrap{display:flex;align-items:center;gap:10px}.slider{-webkit-appearance:none;appearance:none;width:128px;height:6px;border-radius:999px;background:#14202e29;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--ink);box-shadow:0 2px #14202e4d;cursor:pointer}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--ink)}.slider-val{min-width:44px;text-align:right;font:800 13px ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--ink)}.seg{display:flex;border:2px solid rgba(20,32,46,.22);border-radius:10px;overflow:hidden}.seg button{padding:7px 12px;font-size:13px;font-weight:800;color:var(--ink);background:transparent;border:0;cursor:pointer}.seg button.on{background:var(--gold)}.set-preview{margin-top:14px;padding:10px;background:#14202e0d;border:2px dashed rgba(20,32,46,.16);border-radius:12px}.set-preview-label{font-size:11px;font-weight:800;opacity:.45;letter-spacing:2px;margin-bottom:8px}.pad-preview{display:flex;align-items:flex-end;justify-content:space-between;min-height:76px}:root[data-handed=left] .pad-preview{flex-direction:row-reverse}.pp-dirs{display:flex;gap:calc(10 * var(--pad-unit))}.pp-btn{display:flex;align-items:center;justify-content:center;border:3px solid rgba(20,32,46,.75);border-radius:50%;font-weight:900;color:#14202e;box-shadow:0 4px #14202e59}.pp-btn.dir{width:calc(52 * var(--pad-unit));height:calc(52 * var(--pad-unit));font-size:calc(18 * var(--pad-unit));background:#fffdf7f2}.pp-btn.jump{width:calc(66 * var(--pad-unit));height:calc(66 * var(--pad-unit));font-size:calc(11 * var(--pad-unit));background:radial-gradient(circle at 35% 30%,#ffe98a,var(--gold) 55%,var(--gold-d))}.danger{width:100%;margin-top:16px;padding:10px;font-size:13px;font-weight:800;color:#a61e1e;background:#e031311a;border:2px solid rgba(224,49,49,.4);border-radius:10px;cursor:pointer}.danger:active{background:#e031312e}.gear-fab{position:absolute;top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 60px);z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:17px;background:#ffffff24;color:#fff;border:2px solid rgba(255,255,255,.28);border-radius:50%;cursor:pointer}.gear-fab:active{background:#ffffff42}.screen.ad{background:#060a10eb}.ad-box{width:min(92vw,340px);padding:20px;background:#1b2430;border:3px solid rgba(255,255,255,.16);border-radius:18px;color:#fff;text-align:center}.ad-tag{display:inline-block;padding:3px 10px;margin-bottom:14px;font-size:11px;letter-spacing:1px;background:#ffffff1f;border-radius:6px;opacity:.8}.ad-anim{font-size:52px;animation:bob 1.4s ease-in-out infinite}.ad-body p{font-size:14px;opacity:.85}.ad-bar{height:8px;background:#ffffff24;border-radius:999px;overflow:hidden;margin-top:14px}.ad-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));transition:width .1s linear}.ad-count{font-size:12px;opacity:.6;margin-top:6px;font-variant-numeric:tabular-nums}.ad-note{font-size:11px;opacity:.42;line-height:1.6;margin-top:16px}.loading{text-align:center;color:#fff}.spinner{width:44px;height:44px;margin:0 auto 14px;border:5px solid rgba(255,255,255,.18);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (orientation: portrait) and (max-width: 820px){.app:after{content:"↻ 横屏体验更佳";position:absolute;left:50%;bottom:calc(var(--safe-b) + 130px);transform:translate(-50%);padding:6px 14px;background:#14202eb3;color:#fff;font-size:12px;border-radius:999px;pointer-events:none;z-index:3;animation:fade-in 1s ease .8s backwards}}@media (max-height: 560px) and (min-width: 620px){.panel{width:min(94vw,700px);padding:16px 20px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:stretch;overflow:hidden;min-height:0}.pcol{justify-content:center}@supports (justify-content: safe center){.pcol{justify-content:safe center}}.pcol-main{overflow-y:auto;min-height:0}.pcol-side{border-left:2px dotted rgba(20,32,46,.14);padding-left:20px;min-height:0}.pcol-side .tally{flex:0 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pcol-side .panel-actions{flex:0 0 auto}.tally{margin-top:0}.panel.settings{width:min(94vw,660px)}.set-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-content:start}.set-body>.set-sep,.set-body>.set-preview,.set-body>.danger{grid-column:1 / -1}.set-preview{margin-top:8px}.pad-preview{min-height:60px}.danger{margin-top:10px}.panel-actions{padding-top:8px}.big-score{font-size:38px}.ribbon{margin-bottom:6px}}@media (max-height: 500px){.title-cat{font-size:40px}.title h1{font-size:26px;letter-spacing:1px}.title h1 small{font-size:10px;letter-spacing:4px;margin-top:2px}.best{font-size:12px;margin:6px 0 2px}.lv-picker{gap:6px;margin-top:6px}.lv{width:104px;padding:6px;gap:0}.lv-no{font-size:14px}.lv-name{font-size:12px}.lv-sub,.lv-best{font-size:9px}.title-tips{margin-top:8px}.title-tips span{font-size:11px}.mute-fab{width:34px;height:34px;font-size:15px}.panel{padding:18px 18px 0}.ribbon{margin:0 auto 6px;padding:5px 22px;font-size:16px}.big-score{font-size:30px}.lv-tag{font-size:11px}.tally{margin:10px 0 4px}.tally li{padding:4px;font-size:13px}.board-row{padding:3px 8px;font-size:12px}.panel-actions{padding:8px 0 12px}.cta{padding:11px 34px;font-size:17px;margin-top:6px}.ghost{padding:8px 16px;font-size:13px;margin-top:6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 900px){.btn.dir{width:calc(64 * var(--pad-unit));height:calc(64 * var(--pad-unit))}.btn.jump{width:calc(82 * var(--pad-unit));height:calc(82 * var(--pad-unit))}}.danger.armed{color:#fff;background:var(--red-d);border-color:var(--red-d);animation:armed-pulse .9s ease-in-out infinite}@keyframes armed-pulse{0%,to{box-shadow:0 0 #e0313180}50%{box-shadow:0 0 0 6px #e0313100}}