html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#000;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:-apple-system,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif}#stage{position:fixed;inset:0;overflow:hidden;background:#000;touch-action:none}#view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#game{display:block;image-rendering:pixelated;touch-action:none}#touch{position:absolute;inset:0;pointer-events:none}.pad-group{position:absolute;bottom:24px;display:flex;gap:12px;pointer-events:none}.pad-group.left{left:20px}.pad-group.right{right:20px}.tb{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:2px solid rgba(255,255,255,.32);border-radius:14px;background:#ffffff1a;color:#fffc;font-family:inherit;font-size:22px;touch-action:none;opacity:.55;transition:opacity .12s linear,background 80ms linear}.tb.tiny{position:absolute;right:16px;top:16px;width:48px;height:48px;border-radius:10px;font-size:15px}.tb.mute{top:72px;font-size:17px}.tb.mute.off{color:#ffffff73;border-color:#ffffff2e;background:#ffffff0a}.tb.on{background:#ffffff52;opacity:.9}.screen{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:calc(20px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));background:#080a0ce6;color:#e9eef2;text-align:center}.screen.hidden{display:none}.screen-inner{width:100%;max-width:360px;margin:auto;display:flex;flex-direction:column;gap:12px}.screen .kicker{margin:0;font-size:12px;letter-spacing:3px;color:#6d7d87}.screen h1{margin:0;font-size:38px;letter-spacing:5px;font-weight:800}.screen h2{margin:0;font-size:30px;letter-spacing:2px;font-weight:800}#res-title.clear{color:#7ad6a1}#res-title.timeup{color:#e2554a}.screen .lead{margin:0;font-size:15px;line-height:1.65;color:#c6d3db}.rules{margin:2px 0;padding:12px 14px;list-style:none;text-align:left;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a}.rules li{font-size:13px;line-height:1.5;color:#9fb0bb}.rules b{color:#e9eef2}.screen .tip{margin:0;font-size:12px;color:#6d7d87}.stats{display:flex;gap:8px}.stat{flex:1;padding:10px 4px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0a}.stat .v{font-size:22px;font-weight:800;letter-spacing:1px}.stat .k{margin-top:2px;font-size:11px;color:#8ca0ad}.actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.primary,.secondary{width:100%;min-height:52px;padding:0 20px;font-family:inherit;font-size:17px;font-weight:700;border-radius:10px;border:0}.primary{color:#0b0d10;background:#e8b23a}.secondary{min-height:48px;color:#c6d3db;background:transparent;border:2px solid rgba(255,255,255,.22)}#btn-start{margin-top:4px}body[data-screen=intro] .pad-group,body[data-screen=result] .pad-group,body[data-screen=intro] [data-action=pause],body[data-screen=result] [data-action=pause]{display:none}.tb.mute{z-index:20}