: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)}#creditsBtn,.settingsOpen{color:#fff;opacity:.8;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;min-height:44px;margin-top:12px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:underline}#overlay.loading .links{visibility:hidden}#overlay .links{justify-content:center;gap:4px;display:flex}body.credits #overlay>*{visibility:hidden}#credits{cursor:default;z-index:6;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);box-sizing:border-box;-webkit-user-select:text;user-select:text;background:#0e1814f5}#credits h2{color:#fff;font-size:28px}#credits .crBody{text-align:left;max-width:34em;overflow-y:auto}#credits h3{margin:18px 18px 4px;font-size:15px;font-weight:800}#credits p{overflow-wrap:anywhere;font-size:13px;line-height:1.7}#credits .note{opacity:.8}#credits .go{cursor:pointer;font-family:inherit}#creditsBtn:focus-visible,#credits .go:focus-visible{outline-offset:2px;outline:2px solid #fff}body.settings #overlay>*,body.settings #result>*{visibility:hidden}#result .settingsOpen{margin-top:4px}#settings{cursor:default;z-index:6;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);box-sizing:border-box;background:#0e1814f5}#settings h2{color:#fff;font-size:28px}#settings .stBody{text-align:left;width:100%;max-width:26em}#settings h3{margin:18px 0 8px;font-size:15px;font-weight:800}#settings .looks{flex-direction:column;gap:8px;display:flex}#settings .looks button{color:#fff;text-align:left;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff8c;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:8px 16px;font-family:inherit;font-size:16px;font-weight:800;display:flex}#settings .looks button small{opacity:.75;font-size:12px;font-weight:500}#settings .looks button[aria-checked=true]{background:var(--accent);border-color:var(--accent)}#settings .note{opacity:.75;margin:14px 0 0;font-size:12px;line-height:1.7}#settings .go{cursor:pointer;font-family:inherit}.settingsOpen:focus-visible,#settings button:focus-visible{outline-offset:2px;outline:2px solid #fff}#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}