:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#20242c;--ink:#f2f4f7;--quiet:#aab2bf;--accent:#ffb020;--line:#ffffff38;--pad-l:max(14px, env(safe-area-inset-left));--pad-r:max(14px, env(safe-area-inset-right))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none;margin:0;font:15px/1.45 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#game{position:fixed;top:0;bottom:0;left:0;right:0}#game canvas{display:block}#touch{z-index:2;touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#zones{z-index:3;pointer-events:none;transition:opacity .15s;position:fixed;top:0;bottom:0;left:0;right:0}.pad{color:#fff;background:#0505076b;border:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform 50ms,background 50ms;display:flex;position:absolute}.pad svg{fill:currentColor;width:30px;height:30px}.pad.left{left:max(20px, env(safe-area-inset-left));bottom:14px}.pad.kick{right:max(20px, env(safe-area-inset-right));background:#ff6a13c7;border-color:#fff;bottom:84px}.pad.down{right:max(20px, env(safe-area-inset-right));width:56px;height:56px;bottom:14px}.pad.on{background:#ffffff73;transform:scale(.9)}.pad.kick.cool{opacity:.4}#hud{z-index:4;top:max(8px, env(safe-area-inset-top));left:var(--pad-l);pointer-events:none;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 3px #000000bf;align-items:center;gap:16px;font-size:19px;font-weight:700;display:flex;position:fixed}#hp{gap:4px;display:flex}#hp i{background:#00000040;border:2px solid #fff;width:22px;height:22px;display:block;transform:rotate(45deg)scale(.72)}#hp i.on{background:#ff6a13}.coinbox{align-items:center;gap:6px;display:flex}.coinbox .ico{background:#7fe8ff;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 8px #7fe8ff}#combo{color:#ffd34d}#bar{z-index:5;top:max(6px, env(safe-area-inset-top));right:var(--pad-r);gap:6px;display:flex;position:fixed}button{font:inherit;color:#fff;cursor:pointer;background:#0505078c;border:1px solid #ffffff73;border-radius:6px;min-height:36px;padding:4px 10px;font-weight:600}button.primary{color:#fff;letter-spacing:2px;background:#ff6a13;border:0;border-radius:4px;min-height:50px;padding:11px 44px;font-size:19px;font-weight:800;transform:skew(-10deg)}button.primary:active{background:#d9520a}.screen{z-index:6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen[hidden],#panel[hidden]{display:none}.screen h1{color:#050507;letter-spacing:4px;margin:0 0 4px;font-size:56px;font-style:italic;font-weight:900}.screen h2{color:#fff;margin:0;font-size:24px;font-weight:800}.card{color:#fff;background:#050507e0;border-left:5px solid #ff6a13;padding:16px 30px 22px}#paused{background:#143c6e73}#paused h2{color:#fff}#rotate{background:#050507}.screen p{color:#5b5166;margin:0 0 6px}.screen .keys{color:#1a1a20;margin-bottom:14px;font-size:14px;font-weight:700}#over-near{color:#ff8a3d;font-size:17px;font-weight:700}dl{font-variant-numeric:tabular-nums;grid-template-columns:auto auto auto auto;gap:2px 10px;margin:0 0 12px;display:grid}dt{color:#a9a9b2;text-align:right}dd{text-align:left;margin:0;font-weight:600}#rotate{z-index:9;display:none}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}#panel{z-index:8;width:min(330px,62vw);padding:8px var(--pad-r) 12px 12px;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:#161920f5;font-size:13px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}#panel header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.t-row{grid-template-columns:1fr 44px;align-items:center;gap:0 6px;margin-bottom:4px;display:grid}.t-row input[type=range]{touch-action:pan-x;grid-column:1/-1;width:100%;height:22px;margin:0}.t-row output{text-align:right;font-variant-numeric:tabular-nums}.t-check{align-items:center;gap:6px;margin:6px 0;display:flex}#panel .row{flex-wrap:wrap;gap:6px;display:flex}#panel-latency{color:var(--quiet);margin:8px 0}#popups{z-index:3;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.pop{color:#fff;white-space:nowrap;text-shadow:0 2px 3px #000000d9,0 0 2px #000;font-size:18px;font-weight:800;animation:.72s ease-out forwards pop-up;position:absolute;transform:translate(-50%,-50%)}.pop.big{color:#ffe27a;font-size:24px}@keyframes pop-up{0%{opacity:1;margin-top:4px}70%{opacity:1}to{opacity:0;margin-top:-38px}}#flash{z-index:7;pointer-events:none;background:#fff;width:90px;height:90px;margin-left:-45px;display:none;position:fixed;top:12px;left:50%}button:disabled{opacity:.7}