:root{--ink:#1f3140;--paper:#ffffffc7;--accent:#e8472c;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eef6fb;--paper:#141e28b8}}:root[data-theme=dark]{--ink:#eef6fb;--paper:#141e28b8}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#9cc9e6;margin:0;font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;overflow:hidden}canvas{display:block;position:fixed;inset:0}#vignette{will-change:opacity;pointer-events:none;opacity:.3;background:radial-gradient(at 50% 40%,#0000 34%,#080404cc 100%);position:fixed;inset:0}#fade{will-change:opacity;pointer-events:none;opacity:0;background:#140606;position:fixed;inset:0}#fade.warm{background:#ffe6a8}#glare{will-change:opacity;pointer-events:none;--gx:50%;--gy:55%;--gr:20%;--ge:0;background:radial-gradient(circle at var(--gx) var(--gy),#fff 0%,#fffdf4f7 calc(var(--gr) * .5),rgba(255,252,240,calc(.35 + var(--ge) * .6)) var(--gr),rgba(255,252,240,var(--ge)) calc(var(--gr) * 1.6));opacity:0;position:fixed;inset:0}#flash{will-change:opacity;pointer-events:none;opacity:0;background:#fff;position:fixed;inset:0}#splat{pointer-events:none;opacity:0;will-change:transform,opacity;width:100%;height:100%;position:fixed;inset:0}#hud{padding:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 16px) 0 calc(env(safe-area-inset-left,0px) + 16px);pointer-events:none;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.pill{background:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:8px 14px}#speed{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}#speed small{margin-left:4px;font-size:14px;font-weight:500}#dist{text-align:right;font-variant-numeric:tabular-nums;font-size:15px;line-height:1.5}#topbtns{top:calc(env(safe-area-inset-top,0px) + 14px);gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#topbtns button{background:var(--paper);min-width:44px;height:44px;color:var(--ink);cursor:pointer;border:none;border-radius:22px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:800}#warn{text-align:center;color:#fff;text-shadow:0 2px 8px #000000b3;opacity:0;pointer-events:none;font-size:24px;font-weight:800;transition:opacity .12s;position:fixed;top:31%;left:0;right:0}#toast{text-align:center;white-space:pre-line;color:#fff;text-shadow:0 3px 12px #0009;opacity:0;pointer-events:none;font-size:clamp(26px,7.5vw,46px);font-weight:800;line-height:1.25;transition:opacity .3s,transform .3s;position:fixed;top:20%;left:0;right:0;transform:scale(.92)}#toast.show{opacity:1;transform:scale(1)}#gauge{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);pointer-events:none;opacity:.9;width:190px;height:104px;position:fixed;transform:translate(-50%)}#brake{right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 4px #00000080;background:#fff3;border:2px solid #ffffffbf;border-radius:50%;width:96px;height:96px;font-family:inherit;font-size:17px;font-weight:800;position:fixed}#brake.on{background:#ff5a3c8c}#hint{left:calc(env(safe-area-inset-left,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);color:#fff;text-shadow:0 1px 5px #000000b3;pointer-events:none;font-size:14px;font-weight:800;transition:opacity 1s;position:fixed}.panel{text-align:center;color:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay{background:linear-gradient(#141e2833,#140a0aa6)}#cover{pointer-events:none;background:#9cc9e6;transition:opacity .3s;position:fixed;inset:0}#cover.off{opacity:0}#overlay.loading{cursor:default}#overlay .go{box-sizing:border-box;min-width:12em;position:relative;overflow:hidden}#overlay .go .bar{transform-origin:0;will-change:transform;pointer-events:none;background:#ffffff80;position:absolute;inset:0;transform:scaleX(0)}#overlay:not(.loading) .go .bar{display:none}#overlay.loading .go .label{visibility:hidden}#overlay.loading .go{background:#ffffff38;border:1.5px solid #ffffffb3;padding:10.5px 28.5px}body.loading #hud,body.loading #gauge,body.loading #hint{opacity:0}body.loading #topbtns,body.fontwait #overlay>*{visibility:hidden}.panel h1,.panel h2{letter-spacing:.06em;text-shadow:0 4px 18px #00000080;margin:0 0 8px;font-weight:800}.panel h1{font-size:clamp(40px,11vw,80px)}.panel h2{color:#ff6a4d;font-size:clamp(40px,12vw,72px)}.panel p{text-shadow:0 1px 6px #000000b3;margin:4px 18px;font-size:15px;line-height:1.75}.go{background:var(--accent);color:#fff;text-shadow:none;border-radius:30px;margin-top:22px;padding:12px 30px;font-size:18px;font-weight:800}.go.sub{background:#ffffff38;border:1.5px solid #ffffffb3;margin-top:12px;padding:9px 22px;font-size:15px}#install{opacity:.85;pointer-events:none;margin-top:26px;font-size:13px}#install .share{vertical-align:-2px;box-sizing:border-box;border:1.5px solid #fff;border-top:none;border-radius:0 0 2px 2px;width:11px;height:13px;margin:0 1px;display:inline-block;position:relative}#install .share:before{content:"";background:#fff;width:1.5px;height:14px;position:absolute;top:-8px;left:3px}#install .share:after{content:"";border-top:1.5px solid #fff;border-left:1.5px solid #fff;width:4px;height:4px;position:absolute;top:-8px;left:1px;transform:rotate(45deg)}#result:not(.clear){padding-bottom:calc(env(safe-area-inset-bottom,0px) + 9vh);box-sizing:border-box;background:linear-gradient(#140a0a00 30%,#140a0a9e 70%);justify-content:flex-end}body.crashed #gauge,body.crashed #hint,body.crashed #toast{opacity:0}#result.clear{background:linear-gradient(#14281e40,#0a1e14b3)}#result.clear h2{color:#8ff0a4}#dbg{left:calc(env(safe-area-inset-left,0px) + 8px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);color:#dfe;pointer-events:none;white-space:pre;z-index:5;background:#0000008c;border-radius:8px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,Menlo,monospace;position:fixed}.grip{width:var(--gs,64px);height:var(--gs,64px);margin:calc(var(--gs,64px) / -2) 0 0 calc(var(--gs,64px) / -2);pointer-events:none;z-index:3;opacity:0;box-sizing:border-box;will-change:transform,opacity;background:radial-gradient(circle,#ff46288c 0%,#ff462840 45%,#ff462800 70%);border:3px solid #ff3b2f;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 14px #ff3c1eb3}.hidden{display:none!important}