:root{--inset-top: env(safe-area-inset-top, 0px);--inset-right: env(safe-area-inset-right, 0px);--inset-bottom: env(safe-area-inset-bottom, 0px);--inset-left: env(safe-area-inset-left, 0px);--ink: #f4f7f5;--ground: #6fbfe8;--accent: #ffcf2e;--card: #fdfdfb;--card-ink: #12211a;--pill: 999px;--card-radius: 34px;--ease-plastic: cubic-bezier(.34, 1.56, .64, 1);--font: ui-rounded, "SF Pro Rounded", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}html,body{margin:0;height:100%;overflow:hidden;background:var(--ground);color:var(--ink);font-family:var(--font);touch-action:none;overscroll-behavior:none}#probe{position:fixed;top:0;left:0;width:0;height:env(safe-area-inset-top,0px);pointer-events:none;visibility:hidden}#stage{position:fixed;left:0;right:0;bottom:0;top:var(--inset-top, 0px)}#view{display:block;width:100%;height:100%}.readout{background:#08161266;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.26);box-shadow:0 8px 24px #00000047,inset 0 1px #ffffff38;color:#fff}#hud{position:fixed;left:0;right:0;top:calc(var(--inset-top, 0px) + 10px);display:flex;justify-content:center;pointer-events:none;transition:opacity .2s ease}#hudpanel{border-radius:20px;padding:7px 14px 8px;display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:268px;max-width:calc(100vw - 32px)}#clockrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:8px}#clock{grid-column:2;font-weight:900;font-size:36px;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}#delta{grid-column:3;justify-self:start;padding:2px 8px;border-radius:var(--pill);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .15s ease}#delta.show{opacity:1}#delta.up{background:#ff4d5e;color:#fff}#delta.down{background:#2fd06a;color:#06271a}#hudrow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:11px;font-weight:800;letter-spacing:.08em;opacity:.82;font-variant-numeric:tabular-nums}#speedo{position:fixed;right:calc(var(--inset-right, 0px) + 16px);bottom:calc(var(--inset-bottom, 0px) + 208px);width:104px;border-radius:var(--pill);padding:5px 0 6px;display:flex;justify-content:center;align-items:baseline;gap:4px;pointer-events:none}#speedo b{font-size:24px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}#speedo span{font-size:10px;font-weight:800;letter-spacing:.06em;opacity:.8}.glass{position:fixed;background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.55);box-shadow:0 6px 22px #00000038,inset 0 1px #ffffff80;color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:.06em;transition:background .08s ease,transform .08s ease;touch-action:none}.glass.held{background:#ffffff61;transform:scale(.97)}body.carded .glass,body.carded #hud,body.carded #speedo{opacity:0;pointer-events:none}.glass,#hud,#speedo{transition:opacity .2s ease}#pad{left:calc(var(--inset-left, 0px) + 14px);bottom:calc(var(--inset-bottom, 0px) + 22px);width:168px;height:92px;border-radius:46px}#knob{width:62px;height:62px;border-radius:50%;background:#ffffffb8;box-shadow:0 2px 10px #00000038;transition:transform .06s ease-out;pointer-events:none}.arrow{position:absolute;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;opacity:.75;pointer-events:none}.arrow.left{left:14px;border-right:12px solid rgba(255,255,255,.9)}.arrow.right{right:14px;border-left:12px solid rgba(255,255,255,.9)}.round{border-radius:50%}#gas{right:calc(var(--inset-right, 0px) + 16px);bottom:calc(var(--inset-bottom, 0px) + 30px);width:104px;height:104px;font-size:22px}#brake{right:calc(var(--inset-right, 0px) + 128px);bottom:calc(var(--inset-bottom, 0px) + 26px);width:66px;height:66px;font-size:15px}#respawn{right:calc(var(--inset-right, 0px) + 16px);bottom:calc(var(--inset-bottom, 0px) + 146px);width:104px;height:38px;border-radius:var(--pill);font-size:12px}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none}body.bare #hud,body.bare #speedo,body.bare .glass,body.bare #debug{display:none!important}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:calc(var(--inset-top, 0px) + 24px) 26px calc(var(--inset-bottom, 0px) + 24px);background:#0616226b}.screen[hidden]{display:none}.card{width:min(340px,88vw);padding:26px 24px 22px;border-radius:var(--card-radius);background:var(--card);color:var(--card-ink);text-align:center;box-shadow:0 18px 44px #00000059;animation:card-in .34s var(--ease-plastic) both}@keyframes card-in{0%{transform:translateY(14px) scale(.96);opacity:0}}.pill{display:inline-block;padding:5px 14px;border-radius:var(--pill);background:var(--accent);color:#2a1f00;font-size:12px;font-weight:800;letter-spacing:.08em}.big{margin:12px 0 4px;font-size:min(58px,15vw);line-height:.95;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.sub{font-size:15px;opacity:.65}#sectiontable{margin:14px 0 2px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:left}#sectiontable .row{display:flex;justify-content:space-between;padding:3px 4px;border-radius:8px}#sectiontable .row:nth-child(odd){background:#0000000d}#sectiontable .row b{font-weight:900}#sectiontable .row .d.up{color:#d02236}#sectiontable .row .d.down{color:#12924c}.btn{margin-top:18px;width:100%;padding:15px 0;border:0;border-radius:var(--pill);background:var(--card-ink);color:var(--card);font:inherit;font-size:17px;font-weight:800;letter-spacing:.04em}.btn:active{transform:translateY(2px)}#debug{position:fixed;top:calc(var(--inset-top, 0px) + 104px);left:8px;font:500 11px/1.4 ui-monospace,monospace;opacity:.85;white-space:pre;pointer-events:none;display:none}body.debug #debug{display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}