:root{--asfalto: #1a1c1f;--asfalto-2: #26292d;--ambar: #ffb21a;--faixa: #edeae2;--concreto: #8d939b;--freio: #e2412b;--scrim: rgba(26, 28, 31, .78);--cond: "Saira Condensed", "Arial Narrow", sans-serif;--body: "Saira", system-ui, sans-serif;--t-xs: .8rem;--t-sm: .9rem;--t-md: 1rem;--t-lg: 1.25rem;--t-xl: 1.95rem;--t-2xl: 3.05rem;--t-hero: clamp(3.4rem, 9vw, 7.4rem);--gutter: clamp(16px, 3.4vw, 48px);--ease-out: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--asfalto);color:var(--faixa)}body{font-family:var(--body);font-size:var(--t-md);line-height:1.45;-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}button{font:inherit;color:inherit}.screen{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--gutter);padding-bottom:max(var(--gutter),env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:opacity .35s var(--ease-out),visibility 0s linear .35s}.screen[data-active]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s var(--ease-out)}.glyph{display:inline-grid;place-items:center;min-width:1.9em;height:1.6em;padding:0 .4em;margin-right:.55em;border:1.5px solid currentColor;border-radius:.35em;font-family:var(--cond);font-weight:800;font-size:.78em;line-height:1;letter-spacing:.02em;opacity:.9}.glyph:empty{display:none}.btn{display:inline-flex;align-items:center;padding:.7em 1.3em;background:transparent;border:1.5px solid rgba(237,234,226,.4);border-radius:4px;font-family:var(--cond);font-weight:800;font-size:var(--t-lg);letter-spacing:.01em;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.btn:hover{border-color:var(--faixa)}.btn--primary{background:var(--ambar);border-color:var(--ambar);color:var(--asfalto)}.btn--primary:hover{background:#ffc24a;border-color:#ffc24a}.btn:disabled{opacity:.4;cursor:default}:focus{outline:none}:focus-visible,[data-focus]{outline:2px solid var(--ambar);outline-offset:4px}.btn--primary:focus-visible,.btn--primary[data-focus]{outline-color:var(--faixa)}.lane{display:flex;gap:10px;margin:0;padding:0;list-style:none}.lane>*{display:block;flex:1;height:6px;background:#edeae229;border-radius:1px}.lane>[data-on]{background:var(--ambar)}.boot{display:grid;place-content:center;justify-items:center;gap:28px;background:var(--asfalto)}.boot__logo{width:min(340px,70vw)}.boot .lane{width:min(420px,78vw)}.boot .lane>*{transition:background-color .25s}.boot__status{margin:0;color:var(--concreto);font-size:var(--t-sm)}.title{display:flex;align-items:flex-end;background:linear-gradient(90deg,var(--scrim) 0%,rgba(26,28,31,.35) 46%,transparent 70%)}.title__block{max-width:34rem;display:grid;gap:22px;margin-bottom:4vh}.title__logo{width:min(460px,82vw)}.title__lede{margin:0;font-family:var(--cond);font-weight:600;font-size:var(--t-xl);line-height:1.1}.title__actions{display:flex;flex-wrap:wrap;gap:12px}.title__note{margin:0;max-width:30rem;color:var(--concreto);font-size:var(--t-sm)}.title[data-active] .title__logo{animation:wipe .9s var(--ease-out) both}.title[data-active] .title__lede,.title[data-active] .title__actions,.title[data-active] .title__note{animation:rise .6s var(--ease-out) both}.title[data-active] .title__lede{animation-delay:.45s}.title[data-active] .title__actions{animation-delay:.58s}.title[data-active] .title__note{animation-delay:.7s}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.garage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"back ." "id stats" "foot foot";background:linear-gradient(90deg,var(--scrim) 0%,transparent 42%),linear-gradient(0deg,var(--scrim) 0%,transparent 30%)}.back{grid-area:back;justify-self:start;display:inline-flex;align-items:center;padding:.4em .2em;background:none;border:0;cursor:pointer;font-family:var(--cond);font-weight:800;font-size:var(--t-lg);color:var(--concreto)}.back:hover{color:var(--faixa)}.garage__id{grid-area:id;align-self:end;padding-bottom:28px}.garage__brand{margin:0;font-weight:600;font-size:var(--t-lg);color:var(--ambar)}.garage__mask{overflow:hidden}.garage__model{margin:0;font-family:var(--cond);font-weight:900;font-size:var(--t-hero);line-height:.88;letter-spacing:-.01em;text-wrap:balance}.garage__year{margin:10px 0 0;color:var(--concreto);font-size:var(--t-md)}.garage__model[data-swap=next]{animation:in-next .45s var(--ease-out) both}.garage__model[data-swap=prev]{animation:in-prev .45s var(--ease-out) both}@keyframes in-next{0%{clip-path:inset(0 0 0 100%);transform:translate(6%)}to{clip-path:inset(0);transform:none}}@keyframes in-prev{0%{clip-path:inset(0 100% 0 0);transform:translate(-6%)}to{clip-path:inset(0);transform:none}}.stats{grid-area:stats;align-self:end;justify-self:end;width:min(330px,100%);margin:0 0 28px;display:grid;gap:14px}.stat{display:grid;grid-template-columns:5.5rem 1fr;align-items:baseline;gap:12px}.stat dt{color:var(--concreto);font-size:var(--t-sm)}.stat dd{margin:0;display:grid;gap:6px}.stat__val{font-family:var(--cond);font-weight:800;font-size:var(--t-xl);line-height:1;font-variant-numeric:tabular-nums}.stat__bar{display:block;height:3px;background:#edeae229}.stat__bar i{display:block;height:100%;width:0;background:var(--faixa);transition:width .5s var(--ease-out)}.garage__foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.picker{display:flex;align-items:center;gap:14px;flex:1;max-width:520px}.picker__arrow{display:grid;place-items:center;width:44px;height:44px;flex:none;background:none;border:1.5px solid rgba(237,234,226,.3);border-radius:4px;cursor:pointer}.picker__arrow .glyph{margin:0;border:0;font-size:1rem}.picker__arrow:hover{border-color:var(--faixa)}.lane--index{flex:1}.lane--index>li{height:6px;cursor:pointer;transition:background-color .2s,transform .3s var(--ease-out)}.lane--index>li[data-on]{transform:scaleY(1.6)}.btn--drive{font-size:var(--t-xl);padding:.55em 1.6em}.garage__loading{position:absolute;left:50%;top:55%;transform:translate(-50%);margin:0;color:var(--concreto)}.hud,.hud[data-active]{pointer-events:none}#scene{touch-action:none}html,body{touch-action:manipulation;-webkit-user-select:none;user-select:none}.hud__place{position:absolute;left:var(--gutter);bottom:var(--gutter)}.hud__district{margin:0;font-family:var(--cond);font-weight:800;font-size:var(--t-lg)}.hud__car{margin:0;color:var(--concreto);font-size:var(--t-sm)}.hud__hints{position:absolute;right:var(--gutter);top:var(--gutter);display:grid;gap:6px;justify-items:end;font-size:var(--t-sm);color:#edeae2d9;transition:opacity .8s ease}.hud__hints p{margin:0;display:flex;align-items:center;text-shadow:0 1px 6px rgba(0,0,0,.6)}.hud__hints[data-hidden]{opacity:0}.cluster{position:absolute;right:var(--gutter);bottom:var(--gutter);width:min(300px,64vw);display:grid;gap:8px}.cluster__row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.nitro{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.nitro__label{display:inline-flex;align-items:center;font-size:var(--t-xs);color:var(--concreto)}.nitro__label .glyph{margin-right:.4em}.nitro__bar{gap:3px}.nitro__bar>li{height:5px;transition:background-color .12s}.nitro[data-on] .nitro__bar>li[data-on]{background:var(--faixa);box-shadow:0 0 8px #ffb21ae6}.nitro[data-on] .nitro__label{color:var(--ambar)}.nitro[data-empty] .nitro__bar>li{animation:blink .5s steps(2) infinite}@keyframes blink{50%{background:#e2412b80}}.rpm{display:flex;gap:4px;margin:0;padding:0;list-style:none;transform:skew(-18deg)}.rpm>li{flex:1;height:10px;background:#edeae224;transition:background-color 60ms linear}.rpm>li[data-on]{background:var(--ambar)}.rpm>li[data-red]{background:#e2412b4d}.rpm>li[data-red][data-on]{background:var(--freio)}.rpm[data-flash]>li[data-on]{background:var(--faixa)}.speed{margin:0;display:flex;align-items:baseline;gap:8px;font-family:var(--cond);font-weight:900;font-size:clamp(3.4rem,8vw,5.4rem);line-height:.85;font-variant-numeric:tabular-nums;text-shadow:0 2px 18px rgba(0,0,0,.45)}.speed__unit{font-weight:600;font-size:var(--t-md);color:var(--concreto)}.gear{margin:0;min-width:2.3ch;padding:.05em .25em;text-align:center;font-family:var(--cond);font-weight:900;font-size:var(--t-2xl);line-height:1;border:2px solid var(--faixa);border-radius:4px}.gear[data-pop]{animation:pop .22s var(--ease-out)}.gear[data-reverse]{border-color:var(--freio);color:var(--freio)}@keyframes pop{0%{transform:scale(1.25)}to{transform:none}}.toast{position:absolute;left:50%;top:var(--gutter);transform:translate(-50%,-8px);margin:0;padding:.45em 1em;background:var(--asfalto-2);border-left:3px solid var(--ambar);font-weight:500;opacity:0;transition:opacity .25s,transform .25s var(--ease-out)}.toast[data-on]{opacity:1;transform:translate(-50%)}.pause{display:flex;align-items:center;background:#1a1c1f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause__panel{padding-left:clamp(0px,4vw,60px)}.pause__title{margin:0 0 18px;font-family:var(--cond);font-weight:900;font-size:var(--t-2xl);line-height:1}.menu{position:relative;display:grid;justify-items:start;padding-left:26px}.menu button{padding:.22em 0;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--cond);font-weight:800;font-size:var(--t-xl);color:#edeae28c;transition:color .15s}.menu button:hover,.menu button[data-focus]{color:var(--faixa);outline:none}.menu__bar{position:absolute;left:0;top:0;width:6px;height:26px;background:var(--ambar);transition:transform .22s var(--ease-out)}.controls{display:grid;place-items:center;background:#1a1c1fdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls__panel{width:min(620px,100%);display:grid;gap:20px;justify-items:start}.controls__title{margin:0;font-family:var(--cond);font-weight:900;font-size:var(--t-2xl);line-height:1}.controls__table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.controls__table th{text-align:left;font-weight:500;color:var(--concreto);padding:0 8px 8px 0;border-bottom:1px solid rgba(237,234,226,.18)}.controls__table td{padding:9px 8px 9px 0;border-bottom:1px solid rgba(237,234,226,.08)}.controls__table td .glyph{margin-right:.3em}.touch{--edge-left: max(18px, env(safe-area-inset-left));--edge-right: max(18px, env(safe-area-inset-right));--edge-bottom: max(18px, env(safe-area-inset-bottom));--edge-top: max(14px, env(safe-area-inset-top));position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}body[data-device=touch] .touch{display:block}.touch__btn{position:absolute;width:var(--size);height:var(--size);display:grid;place-items:center;padding:0;border-radius:50%;border:2px solid rgba(237,234,226,.35);background:#1a1c1f6b;color:var(--faixa);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .08s,background-color .08s,border-color .08s}.touch__btn svg{width:42%;height:42%}.touch__btn[data-on]{transform:scale(.92);background:#edeae238;border-color:var(--faixa)}.touch__btn--accent{border-color:var(--ambar);color:var(--ambar)}.touch__btn--accent[data-on]{background:var(--ambar);color:var(--asfalto)}.touch__btn[data-id=nitro]{border-color:#ffb21a99;color:var(--ambar)}.touch__btn[data-id=nitro][data-on]{background:var(--ambar);color:var(--asfalto)}body[data-device=touch] .hud__hints{display:none}body[data-device=touch] .hud__place{top:max(14px,env(safe-area-inset-top));bottom:auto}body[data-device=touch] .cluster{left:50%;right:auto;bottom:auto;top:max(10px,env(safe-area-inset-top));transform:translate(-50%);width:min(240px,46vw);gap:4px}body[data-device=touch] .speed{font-size:clamp(2.2rem,7vw,3.2rem)}body[data-device=touch] .gear{font-size:var(--t-xl)}body[data-device=touch] .toast{top:auto;bottom:130px}.rotate{display:none}@media (orientation: portrait) and (pointer: coarse){.rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;gap:14px;justify-items:center;background:var(--asfalto);text-align:center;padding:24px}.rotate svg{width:64px;height:64px;color:var(--ambar)}.rotate p{margin:0;font-family:var(--cond);font-weight:800;font-size:var(--t-xl)}}@media (max-width: 720px){.garage{grid-template-columns:1fr;grid-template-areas:"back" "id" "stats" "foot";grid-template-rows:auto 1fr auto auto}.garage__id{padding-bottom:12px}.stats{justify-self:stretch;width:100%;margin-bottom:16px;gap:8px}.stat__val{font-size:var(--t-lg)}.btn--drive{width:100%;justify-content:center}.hud__hints{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}}