:root{--sat: env(safe-area-inset-top)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0b0f16}body{touch-action:none;user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,sans-serif}canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#080b11d1;z-index:10;text-align:center;padding:24px;overflow-y:auto}.screen h1{color:#e8edf5;font-size:44px;letter-spacing:3px;font-weight:800}#over h1{color:#ff5252}.screen p{color:#8fa3c0;font-size:16px;max-width:340px;line-height:1.55}.screen button{background:#46e1d7;color:#06211f;border:none;font-weight:800;font-size:18px;letter-spacing:1px;padding:14px 48px;border-radius:999px;cursor:pointer}.screen button:active{transform:scale(.96)}.screen button.ghost{background:transparent;color:#8fa3c0;border:2px solid rgba(143,163,192,.4)}#continue h1{color:#ff5252}.hidden{display:none!important}.hint{font-size:13px!important;opacity:.8}body.touch .desktopOnly{display:none}.controls{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#5b6b85;line-height:1.7;max-width:460px}.controls .nowrap{white-space:nowrap}.controls b{color:#8fa3c0;letter-spacing:1px}.controls kbd{display:inline-block;padding:1px 7px;border:1px solid rgba(143,163,192,.35);border-bottom-width:2px;border-radius:5px;font-family:inherit;font-size:12px;color:#8fa3c0}#cornerBtns{position:fixed;left:calc(14px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));display:flex;gap:10px;z-index:6}.iconBtn{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:#ffffff0f;color:#8fa3c0;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;padding:0}.iconBtn svg{width:20px;height:20px}#runStats{color:#8fa3c0;font-size:15px;line-height:1.8;text-align:center}#runStats b{color:#e8edf5}.newBest{color:#ffd166;font-weight:800}.actionBtn{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom));width:88px;height:88px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#46e1d729;color:#46e1d7;font-weight:800;font-size:15px;letter-spacing:1px;z-index:5;touch-action:none;cursor:pointer}.actionBtn.lunge{background:#ff525229;color:#ff5252}#dashBtn{right:calc(22px + env(safe-area-inset-right))}#actLBtn{left:calc(22px + env(safe-area-inset-left))}body.vs #cornerBtns{top:calc(12px + env(safe-area-inset-top));bottom:auto}