:root{--ink:#12332a;--ink-2:#5c7b6d;--line:#12332a1a;--paper:#f8fbee;--lime:#dbff80;--coral:#e2685a;--pulse:0;color:var(--ink);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#ccece2}body{-webkit-font-smoothing:antialiased;cursor:pointer}body[data-state=starting],body[data-state=countin]{cursor:default}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}#stage{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;z-index:30;top:0;left:0;right:0;padding:26px 3.5vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.avatar,.sound{pointer-events:auto}.avatar{display:block;width:84px;height:84px;margin:-10px 0 0 -10px;transition:transform .3s}.avatar:hover{transform:translateY(-2px)}.avatar canvas{display:block;width:100%;height:100%}.sound{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fbfdf49e;backdrop-filter:blur(10px);display:grid;place-items:center;transition:background .2s}.sound:hover{background:var(--paper)}.sound svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.sound svg path:first-child{fill:currentColor;stroke:none}.sound.off svg .wave{opacity:0}.sound.off:after{content:"";position:absolute;width:17px;height:1.3px;background:currentColor;border-radius:2px;transform:rotate(-45deg)}#tap{position:fixed;z-index:24;left:50%;bottom:9vh;transform:translate(-50%);width:12px;height:12px;opacity:0;transition:opacity .4s;pointer-events:none}body[data-state=idle] #tap{opacity:1}#tap i{position:absolute;inset:0;border-radius:50%;background:var(--ink);opacity:.8;box-shadow:0 0 0 9px #f9fcf185,0 0 22px #12332a33}#tap:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid var(--ink);opacity:.4;animation:tapring 2.2s ease-out infinite}@keyframes tapring{0%{transform:scale(.7);opacity:.45}70%{transform:scale(1.6);opacity:0}to{opacity:0}}#grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.022;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h120v120H0z'/%3E%3C/svg%3E")}#flash{position:fixed;inset:0;pointer-events:none;z-index:24;opacity:0}#flash.hit{background:#e9ffd6;animation:flash .3s}#flash.danger{background:#ffb9a8;animation:flash .3s}@keyframes flash{0%{opacity:.24}to{opacity:0}}#float-layer{position:fixed;inset:0;pointer-events:none;z-index:21}.ft{position:absolute;font:700 15px ui-monospace,Consolas,monospace;letter-spacing:.02em;color:#1c6b4c;animation:float .8s both}.ft.miss{color:#c1554a}.ft.good{color:#3f7a5e}@keyframes float{0%{opacity:0;transform:translate(-50%) scale(.8)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-46px) scale(.96)}}#hud{opacity:0;pointer-events:none;transition:opacity .25s}body[data-state=playing] #hud,body[data-state=countin] #hud,body[data-state=revive] #hud{opacity:1}#progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--line)}#progress i{display:block;height:100%;width:100%;background:var(--ink);opacity:.7}.hud-left,.hud-right{position:fixed;top:104px;z-index:10}.hud-left{left:3.5vw;text-align:left}.hud-right{right:3.5vw;text-align:right}.hud-left>small,.hud-right>small{display:block;font:500 8px ui-monospace,Consolas,monospace;letter-spacing:.32em;opacity:.55}.hud-left>b{display:block;margin-top:2px;font:800 56px/1 ui-monospace,Consolas,monospace;letter-spacing:-.06em}.hud-right>b{display:block;margin-top:2px;font:800 30px/1.1 ui-monospace,Consolas,monospace;letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:color .3s}.hud-right>b.low{color:var(--coral)}.hud-left>span{display:block;margin-top:6px;font:500 10px ui-monospace,Consolas,monospace;opacity:.5;font-variant-numeric:tabular-nums}.hud-left em{font-style:normal}#lives{display:flex;gap:6px;justify-content:flex-end;margin-top:14px}#lives i{width:8px;height:8px;background:var(--coral);transform:rotate(45deg);transition:all .2s}#lives i.lost{background:#12332a24;transform:rotate(45deg) scale(.72)}#judge{position:fixed;left:50%;top:20%;transform:translate(-50%);font:800 24px ui-monospace,Consolas,monospace;letter-spacing:.16em;opacity:0;white-space:nowrap}#judge.pop{animation:judge .62s both}#judge.perfect{color:#17694c}#judge.miss{color:var(--coral)}@keyframes judge{0%{opacity:0;scale:.86}18%{opacity:1;scale:1.04}80%{opacity:1}to{opacity:0;translate:0 -12px}}#hint{position:fixed;bottom:44px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;letter-spacing:.18em;color:#b34635;white-space:nowrap}#countdown{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);font:800 96px/1 ui-monospace,Consolas,monospace;color:#20483a;opacity:.85;pointer-events:none;letter-spacing:-.06em}#result{position:fixed;inset:0;z-index:26;display:grid;place-items:center;background:#ccece2b8;backdrop-filter:blur(10px);animation:fadein .35s both}@keyframes fadein{0%{opacity:0}to{opacity:1}}.result-card{width:min(344px,88vw);max-height:86dvh;overflow:auto;scrollbar-width:thin;padding:22px;border-radius:22px;background:#f9fcf1f2;border:1px solid var(--line);box-shadow:0 22px 60px #17382d1f;animation:cardin .45s cubic-bezier(.2,.9,.2,1) both}@keyframes cardin{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}.result-head{display:flex;align-items:baseline;gap:6px;margin:0 0 16px}.result-head strong{font:800 54px/1 ui-monospace,Consolas,monospace;letter-spacing:-.06em}.result-head i{font-style:normal;font-size:11px;opacity:.4}.result-head span{margin-left:auto;font:700 12px ui-monospace,Consolas,monospace;opacity:.5}.leaderboard{list-style:none;padding:8px 0 0;margin:0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;scrollbar-width:thin}.leaderboard li{display:grid;grid-template-columns:22px 1fr auto;align-items:baseline;gap:8px;border-bottom:1px solid #12332a0d;padding:9px 2px;font-size:11px}.leaderboard b{font:500 9px ui-monospace,Consolas,monospace;opacity:.35}.leaderboard span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard em{font-style:normal;font:700 11px ui-monospace,Consolas,monospace}.leaderboard .new{background:#e4f5bf;border-radius:6px;padding-left:6px;padding-right:4px}.leaderboard .empty{display:block;padding:16px 0;text-align:center;opacity:.35;font-size:10px}dialog{position:fixed;inset:0;margin:auto;height:fit-content;color:var(--ink);border:0;padding:0 0 18px;border-radius:22px;background:var(--paper);width:min(392px,92vw);overflow:hidden;box-shadow:0 30px 90px #0c2c2440}dialog::backdrop{background:#12332a59;backdrop-filter:blur(6px)}dialog .close{position:absolute;top:10px;right:10px;z-index:3;width:28px;height:28px;border-radius:50%;border:1px solid #ffffff59;background:#ffffffe6;color:var(--ink);font:400 17px/1 sans-serif;display:grid;place-items:center;cursor:pointer;transition:background .2s}dialog .close:hover{background:#fff}.event-art{height:74px;overflow:hidden;background:#12332a;display:grid;place-items:center}.event-art img{width:100%;height:auto;display:block}.event-number{position:relative;font:800 58px/1 ui-monospace,Consolas,monospace;letter-spacing:-.08em;margin:22px 22px 6px}.event-number span{color:#2f9b71}.event-number i{position:absolute;right:0;top:-4px;font:400 56px/1 sans-serif;color:#7fb347;font-style:normal;animation:orbit 14s linear infinite}@keyframes orbit{to{rotate:360deg}}.ad-track{height:3px;background:#12332a12;margin:0 22px 16px;border-radius:4px;overflow:hidden}.ad-track i{display:block;height:100%;background:#3c9a6d;width:0}.event-go{display:inline-flex;align-items:center;margin:0 22px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff9;font:500 10px ui-monospace,Consolas,monospace;letter-spacing:.06em;color:inherit;text-decoration:none;opacity:.65;transition:opacity .2s,background .2s}.event-go:hover{opacity:1;background:#fff}#revive:focus{outline:none}#load-error{position:fixed;inset:0;z-index:100;background:#e8f4df;display:grid;place-items:center;padding:40px;text-align:center;font-size:13px}@media(max-width:700px){header{padding:20px}.avatar{width:62px;height:62px;margin:-6px 0 0 -8px}.hud-left,.hud-right{top:86px}.hud-left{left:20px}.hud-right{right:20px}.hud-left>b{font-size:42px}.hud-right>b{font-size:24px}#judge{top:24%;font-size:18px}.result-head strong{font-size:56px}.result-card{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}