:root{--ink: #f3f1ec;--ink-2: #b9b6ae;--ink-3: #7d7a73;--panel: rgba(14, 16, 20, .72);--panel-solid: #12151a;--line: rgba(243, 241, 236, .12);--signal: #ffb21e;--signal-ink: #1a1204;--cool: #6fd3ff;--good: #5ee08f;--bad: #ff5b4d;--display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;--body: "Barlow", "Segoe UI", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden;background:#07080a;color:var(--ink);font-family:var(--body)}#view{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#ui{position:fixed;inset:0;pointer-events:none;user-select:none}#ui>*{pointer-events:auto}.nums{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.loading{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 70% 20%,#1b1f26,#07080a 60%)}.loading .brand{font-family:var(--display);font-weight:800;font-style:italic;font-size:clamp(48px,9vw,120px);letter-spacing:-.02em;line-height:.9}.loading .brand b{color:var(--signal)}.loading .bar{width:min(420px,80vw);height:3px;background:var(--line);margin-top:28px;overflow:hidden}.loading .bar i{display:block;height:100%;width:0;background:var(--signal);transition:width .2s}.loading .step{margin-top:12px;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:var(--ink-2)}.loading .err{margin-top:18px;max-width:560px;color:var(--bad);font-size:15px;line-height:1.5}.menu{position:absolute;inset:0;display:grid;grid-template-columns:minmax(320px,520px) 1fr;pointer-events:auto;background:linear-gradient(90deg,#07080aeb,#07080ab8 34%,#07080a00 70%)}.menu .col{padding:max(40px,env(safe-area-inset-top)) 48px 40px max(48px,env(safe-area-inset-left));display:flex;flex-direction:column;min-width:0}.menu .logo{font-family:var(--display);font-weight:800;font-style:italic;font-size:64px;line-height:.85;letter-spacing:-.02em}.menu .logo b{color:var(--signal)}.menu .tag{margin-top:10px;color:var(--ink-2);font-size:14px;letter-spacing:.04em}.menu .ver{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:600 13px var(--display);letter-spacing:.16em;color:var(--ink-3)}.menu .ver b{color:var(--signal-ink);background:var(--signal);padding:2px 7px;letter-spacing:.14em}.menu .ver .upd{color:var(--cool);border:1px solid var(--cool);padding:1px 7px}.log h4{margin:14px 0 4px;font:700 15px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.log ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:14px;line-height:1.5}.log .meta{font:600 13px var(--display);letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}.menu .crumb{margin-top:44px;font-family:var(--display);font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}.menu .title{font-family:var(--display);font-weight:700;font-size:40px;text-transform:uppercase;letter-spacing:.02em;margin:2px 0 18px;text-wrap:balance}.items{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}.item{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;width:100%;padding:12px 16px 12px 20px;border:0;border-left:3px solid transparent;background:transparent;color:var(--ink);font:600 22px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.item small{display:block;margin-top:4px;font:500 14px/1.35 var(--body);letter-spacing:0;text-transform:none;color:var(--ink-2)}.item .val{font:600 18px var(--display);letter-spacing:.06em;color:var(--signal);text-transform:uppercase}.item.on,.item:focus-visible{background:linear-gradient(90deg,#ffb21e29,#ffb21e00);border-left-color:var(--signal);outline:none;transform:translate(4px)}.item[aria-disabled=true]{color:var(--ink-3);cursor:default}.item[aria-disabled=true] .val{color:var(--ink-3)}.item .bar{width:160px;height:4px;background:var(--line);position:relative}.item .bar i{position:absolute;inset:0 auto 0 0;background:var(--signal)}.menu .hint{margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;gap:18px;color:var(--ink-3);font:500 13px var(--body)}.menu .hint kbd{font:600 12px var(--display);letter-spacing:.08em;padding:2px 7px;border:1px solid var(--line);border-radius:3px;color:var(--ink-2);margin-right:6px}.menu .side{align-self:end;justify-self:end;padding:40px max(48px,env(safe-area-inset-right)) 40px 40px;max-width:520px}.card{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);padding:22px 24px}.card h3{margin:0 0 6px;font:700 28px/1 var(--display);text-transform:uppercase;letter-spacing:.03em}.card p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.5}.stats{display:grid;grid-template-columns:auto 1fr auto;gap:8px 14px;margin-top:16px;align-items:center;font:600 15px var(--display);letter-spacing:.08em;text-transform:uppercase}.stats .meter{height:4px;background:var(--line);position:relative}.stats .meter i{position:absolute;inset:0 auto 0 0;background:var(--signal)}.stats span:last-child{color:var(--ink-2)}.credits{font-size:14px;line-height:1.6;color:var(--ink-2)}.credits a{color:var(--cool)}.credits h4{margin:14px 0 2px;font:700 16px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--display)}.hud .tl,.hud .tr{position:absolute;top:max(18px,env(safe-area-inset-top));display:flex;gap:10px}.hud .tl{left:max(22px,env(safe-area-inset-left))}.hud .tr{right:max(22px,env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:6px}.chip{background:var(--panel);border:1px solid var(--line);padding:8px 14px 6px;min-width:96px}.chip label{display:block;font-size:12px;letter-spacing:.22em;color:var(--ink-3);text-transform:uppercase}.chip b{font-size:34px;font-weight:700;line-height:1;letter-spacing:.01em}.chip b small{font-size:18px;color:var(--ink-2);font-weight:600}.times{background:var(--panel);border:1px solid var(--line);padding:10px 14px;display:grid;grid-template-columns:auto auto;gap:2px 18px;font-size:20px}.times dt{color:var(--ink-3);font-size:13px;letter-spacing:.2em;text-transform:uppercase;align-self:center}.times dd{margin:0;text-align:right;font-weight:600}.times dd.cur{font-size:28px}.times dd.invalid{color:var(--bad);text-decoration:line-through}.delta{font-size:18px;font-weight:700;padding:2px 10px}.delta.good{color:var(--good)}.delta.bad{color:var(--bad)}.cluster{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:270px;height:200px}.cluster svg{position:absolute;inset:0;overflow:visible}.cluster .speed{position:absolute;left:0;right:0;top:66px;text-align:center;font-size:76px;font-weight:700;line-height:1;letter-spacing:-.01em}.cluster .unit{position:absolute;left:0;right:0;top:142px;text-align:center;font-size:13px;letter-spacing:.32em;color:var(--ink-3)}.cluster .gear{position:absolute;right:2px;bottom:6px;width:54px;height:54px;border:2px solid var(--line);display:grid;place-items:center;font-size:36px;font-weight:800;background:var(--panel)}.cluster .gear.shift{border-color:var(--signal);color:var(--signal)}.cluster .rpm{position:absolute;left:2px;bottom:10px;font-size:14px;color:var(--ink-2);letter-spacing:.08em}.cluster .nitro{position:absolute;left:0;bottom:-10px;width:120px;height:4px;background:var(--line)}.cluster .nitro i{position:absolute;inset:0 auto 0 0;background:var(--cool)}.minimap{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:220px;height:220px;background:var(--panel);border:1px solid var(--line)}.center-msg{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none}.center-msg .big{font-size:clamp(64px,12vw,150px);font-weight:800;font-style:italic;line-height:.9;text-shadow:0 6px 30px rgba(0,0,0,.5)}.center-msg .big.go{color:var(--signal)}.toast{margin-top:10px;display:inline-block;padding:8px 18px;background:var(--panel);border:1px solid var(--line);font-size:22px;letter-spacing:.08em;text-transform:uppercase;animation:toast 2.4s forwards}.toast.warn{border-color:var(--bad);color:#ffd2cd}.toast.info{border-color:var(--cool)}.toast.good{border-color:var(--good)}@keyframes toast{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.lights{display:flex;gap:14px;justify-content:center;margin-bottom:12px}.lights i{width:34px;height:34px;border-radius:50%;background:#2a1110;border:2px solid #000;box-shadow:inset 0 0 8px #000}.lights i.on{background:#ff3b2a;box-shadow:0 0 26px #ff3b2a}.lights.go i{background:#33e07a;box-shadow:0 0 26px #33e07a}.fps{position:absolute;left:50%;top:8px;transform:translate(-50%);font:600 13px var(--display);letter-spacing:.1em;color:var(--ink-2);background:var(--panel);padding:2px 10px;white-space:nowrap}.fps:empty{display:none}.results table{border-collapse:collapse;width:100%;font-family:var(--display);font-size:20px}.results th{text-align:left;font-size:13px;letter-spacing:.2em;color:var(--ink-3);font-weight:600;padding:4px 8px}.results td{padding:8px;border-top:1px solid var(--line)}.results td.best{color:var(--signal)}@media(max-width:760px){.menu{grid-template-columns:1fr;background:#07080adb}.menu .side{display:none}.menu .col{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.minimap{width:140px;height:140px}.cluster{transform:scale(.8);transform-origin:right bottom}}
