html,body,#root{width:100%;height:100%;overflow:hidden}button,input{font:inherit}.hud{--dp: clamp(.5px, min(calc(100vw / 2050), calc(100vh / 1645)), 1px);--hud-type-unit: max(12px, calc(20 * var(--dp)));--hud-type-label: max(13px, calc(24 * var(--dp)));--hud-font-speed: 600 calc(96 * var(--dp)) / 1 var(--font-family);--hud-font-limit: 500 calc(48 * var(--dp)) / 1 var(--font-family);--hud-font-distance: 500 calc(28 * var(--dp)) / 1.2 var(--font-family);--hud-font-unit: 600 var(--hud-type-unit) / 1.2 var(--font-family);--hud-font-label: 500 var(--hud-type-label) / 1.2 var(--font-family);--hud-font-chip: 700 var(--hud-type-label) / 1.2 var(--font-family);--hud-cluster-w: calc(697.466 * var(--dp));--hud-cluster-h: calc(440 * var(--dp));--hud-hint-h: max(44px, calc(44 * var(--dp)));--hud-band-h: var(--hud-hint-h);--hud-projection-h: calc(var(--hud-cluster-h) + 32 * var(--dp) + var(--hud-band-h));--hud-edge: max(16px, calc(40 * var(--dp)));--hud-accent: var(--color-info);position:relative;width:100%;height:100%;overflow:hidden;color:var(--color-text-primary)}.icon{display:inline-block;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;flex:none}.hud__video,.hud__poster{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hud__poster{background-image:url(/dual-drive/hud/road-poster.jpg);background-size:cover;background-position:center}.hud__scrim{position:absolute;z-index:0;inset-inline-start:calc(-418.48 * var(--dp));inset-block-start:calc(-396 * var(--dp));inline-size:calc(1534.425 * var(--dp));block-size:calc(1232 * var(--dp));pointer-events:none;background:radial-gradient(ellipse farthest-side at center,#000000a3,#0000009e 45%,#00000075 62%,#00000036 80%,#0000)}.hud__projection{position:absolute;z-index:1;inline-size:var(--hud-cluster-w);block-size:var(--hud-projection-h);inset-inline-start:min(58.2421%,calc(100% - var(--hud-cluster-w) - var(--hud-edge)));inset-block-start:min(61.6413%,calc(100% - var(--hud-projection-h) - var(--hud-edge)))}.hud-cluster{position:relative;z-index:1;inline-size:var(--hud-cluster-w);block-size:var(--hud-cluster-h)}.hud-chip{position:absolute;inset-inline-start:calc(100 * var(--dp));inset-block-start:0;margin:0;block-size:calc(68 * var(--dp));display:flex;align-items:center;gap:calc(13 * var(--dp));color:var(--color-hazard);font:var(--hud-font-chip);white-space:nowrap}.hud-chip__glyph{inline-size:calc(68 * var(--dp));block-size:calc(68 * var(--dp));filter:drop-shadow(0 calc(5 * var(--dp)) calc(20 * var(--dp)) currentColor)}.hud-chip__label{text-shadow:0 calc(5 * var(--dp)) calc(20 * var(--dp)) currentColor}.hud-speed{position:absolute;inset-inline-start:calc(37 * var(--dp));inset-block-start:calc(91 * var(--dp));inline-size:calc(194 * var(--dp));block-size:calc(194 * var(--dp));border:calc(8 * var(--dp)) solid var(--color-secondary);border-radius:50%;display:grid;place-content:center;justify-items:center;text-align:center;box-shadow:0 calc(20 * var(--dp)) calc(40 * var(--dp)) color-mix(in srgb,var(--color-secondary) 40%,transparent)}.hud-speed__value{font:var(--hud-font-speed);color:var(--color-text-primary);text-shadow:0 calc(20 * var(--dp)) calc(40 * var(--dp)) color-mix(in srgb,var(--color-text-primary) 40%,transparent)}.hud-speed__unit{margin-block-start:calc(8 * var(--dp));font:var(--hud-font-unit);letter-spacing:calc(2 * var(--dp));color:var(--color-text-primary);text-shadow:0 calc(20 * var(--dp)) calc(40 * var(--dp)) color-mix(in srgb,var(--color-text-primary) 40%,transparent)}.hud-limit{position:absolute;inset-inline-start:calc(278 * var(--dp));inset-block-start:calc(171 * var(--dp));inline-size:calc(80.575 * var(--dp));block-size:calc(80.575 * var(--dp));border:calc(4 * var(--dp)) solid var(--color-error);border-radius:50%;display:grid;place-content:center}.hud-limit__value{font:var(--hud-font-limit);color:var(--color-text-primary)}.hud-navcard{position:absolute;inset-inline-start:calc(404 * var(--dp));inset-block-start:calc(177 * var(--dp));inline-size:calc(295.466 * var(--dp));block-size:calc(151.19 * var(--dp));color:var(--color-info)}.hud-navcard__outline{position:absolute;inset:0;inline-size:100%;block-size:100%}.hud-navcard__turn{position:absolute;inset-inline-start:calc(39.163 * var(--dp));inset-block-start:calc(13.494 * var(--dp));inline-size:calc(71.799 * var(--dp));block-size:calc(85.513 * var(--dp))}.hud-navcard__distance{position:absolute;inset-inline-start:calc(31.147 * var(--dp));inset-block-start:calc(104.007 * var(--dp));font:var(--hud-font-distance)}.hud-navcard__divider{position:absolute;inset-inline-start:calc(145.73 * var(--dp));inset-block-start:calc(25.55 * var(--dp));inline-size:calc(4 * var(--dp));block-size:calc(100.825 * var(--dp));background:currentColor}.hud-navcard__glyph{position:absolute;inset-inline-start:calc(174.146 * var(--dp));inset-block-start:calc(19 * var(--dp));inline-size:calc(96.001 * var(--dp));block-size:calc(79.609 * var(--dp))}@keyframes hud-pending-blink{0%,to{opacity:1}50%{opacity:0}}.hud-navcard[data-pending] .hud-navcard__glyph,.hud-navcard[data-pending] .hud-navcard__label{animation:hud-pending-blink 1s step-end infinite}.hud-navcard__label{position:absolute;inset-inline-start:calc(222 * var(--dp));inset-block-start:calc(109 * var(--dp));transform:translate(-50%);font:var(--hud-font-label);white-space:nowrap}.hud-status__item{position:absolute;inset-block-start:calc(347 * var(--dp));transform:translate(-50%);display:grid;grid-template-rows:calc(59 * var(--dp)) auto;align-items:end;justify-items:center;color:var(--color-text-primary)}.hud-status__item--climate{inset-inline-start:calc(27 * var(--dp))}.hud-status__item--fuel{inset-inline-start:calc(136 * var(--dp))}.hud-status__item--parking{inset-inline-start:calc(248.5 * var(--dp))}.hud-status__glyph--thermometer{inline-size:calc(26 * var(--dp));block-size:calc(58 * var(--dp))}.hud-status__glyph--fuel{inline-size:calc(54 * var(--dp));block-size:calc(59 * var(--dp))}.hud-status__glyph--parking{inline-size:calc(59 * var(--dp));block-size:calc(59 * var(--dp))}.hud-status__label{margin-block-start:calc(6 * var(--dp));font:var(--hud-font-label);white-space:nowrap}.hud-request{position:absolute;z-index:1;inset-inline-start:calc(404 * var(--dp));inset-block-start:calc(347 * var(--dp));inline-size:calc(295.466 * var(--dp));margin:0;display:grid;gap:calc(4 * var(--dp));color:var(--color-text-primary)}.hud-band{position:relative;z-index:1;margin-block-start:calc(32 * var(--dp));block-size:var(--hud-band-h);display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--dp));color:var(--color-text-primary)}.hud-request--hazard,.hud-band--hazard{--hud-accent: var(--color-hazard)}.hud-request--system,.hud-band--system{--hud-accent: var(--color-error)}.hud-request__headline{font:var(--hud-font-distance);color:var(--hud-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-request__detail{font:var(--hud-font-label);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-band__countdown{font:var(--hud-font-distance);color:var(--hud-accent);font-variant-numeric:tabular-nums}.hud-hint{display:inline-flex;align-items:center;gap:calc(12 * var(--dp));min-block-size:var(--hud-hint-h);min-inline-size:var(--hud-hint-h);padding:0 calc(12 * var(--dp));border:0;border-radius:var(--radius-button);background:none;color:var(--color-text-primary);font:var(--hud-font-label);white-space:nowrap;cursor:pointer}.hud-hint--right{flex-direction:row-reverse}.hud-hint:disabled{opacity:.45;cursor:default}.hud-hint__glyph{inline-size:max(20px,calc(40 / 24 * 1em));aspect-ratio:50 / 36;color:var(--color-secondary)}.hud-hint__glyph--right{transform:scaleX(-1)}.hud__meta{position:absolute;z-index:2;inset-block-start:var(--hud-edge);inset-inline-start:var(--hud-edge);display:flex;align-items:center;gap:calc(24 * var(--dp));flex-wrap:wrap;font:var(--hud-font-label)}.hud__meta p{margin:0}.connection{color:var(--color-success)}.connection--stale{color:var(--color-hazard)}.hud__room{color:var(--color-text-secondary)}.text-button{min-block-size:max(44px,calc(44 * var(--dp)));padding:0 calc(12 * var(--dp));border:0;background:none;color:var(--color-text-secondary);font:var(--hud-font-label);text-decoration:underline;cursor:pointer}.disclaimer{margin:0;color:var(--color-text-secondary);font:var(--hud-font-label);white-space:nowrap}.hud-pairing{inline-size:min(30rem,calc(100% - 2rem));margin:10vh auto;padding:2rem;color:var(--color-text-primary);background:var(--color-surface-modal);border:1px solid var(--color-border-default);border-radius:var(--radius-button)}.hud-pairing .eyebrow{margin:0;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.14em;font:var(--type-caption)}.hud-pairing h1{font:var(--type-h1)}.hud-pairing form{display:grid;gap:.8rem}.hud-pairing input{min-block-size:max(44px,4rem);padding:0 1rem;border:1px solid var(--color-border-default);border-radius:var(--radius-button);background:var(--color-surface-card);color:var(--color-text-primary);font-size:2rem;letter-spacing:.3em;text-transform:uppercase}.hud-pairing button{min-block-size:max(44px,var(--button-height));padding:0 var(--button-padding-inline);border:0;border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-text-primary);font:var(--type-button);cursor:pointer}.hud-pairing button:disabled{opacity:.45;cursor:default}.hud-pairing small,.hud-pairing [role=alert]{display:block;margin-block-start:1rem;color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){.hud__video,.hud-band,.hud-hint{transition:none}}:root,[data-theme=light]{color-scheme:light;--color-surface-base: #f0f4f8;--color-surface-card: #fff;--color-surface-dock: #fff;--color-surface-modal: #fff;--color-border-base: #0d1b3e;--color-border-default: rgba(13, 27, 62, .12);--color-border-active: #00f0ff;--color-primary: #0066ff;--color-secondary: #00b4d8;--color-success: #00a854;--color-hazard: #ff9e00;--color-error: #d70015;--color-info: #007aff;--color-text-primary: #0d1b3e;--color-text-secondary: #5a6b82;--color-text-disabled: #a0aec0;--shadow-card: 0 8px 24px rgba(13, 27, 62, .12);--shadow-modal: 0 12px 32px rgba(13, 27, 62, .18);--shadow-overlay: 0 20px 40px rgba(13, 27, 62, .24);--shadow-glow: 0 20px 40px rgba(0, 102, 255, .2)}[data-theme=dark]{color-scheme:dark;--color-surface-base: #060b19;--color-surface-card: #0d1b3e;--color-surface-dock: #060b19;--color-surface-modal: #081026;--color-border-base: #fff;--color-border-default: rgba(255, 255, 255, .12);--color-border-active: #00f0ff;--color-primary: #0052ff;--color-secondary: #00f0ff;--color-success: #00e676;--color-hazard: #ffe600;--color-error: #ff3b30;--color-info: #00b0ff;--color-text-primary: #fff;--color-text-secondary: #8a99ad;--color-text-disabled: #404d63;--shadow-card: 0 8px 24px rgba(0, 0, 0, .45);--shadow-modal: 0 12px 32px rgba(0, 0, 0, .6);--shadow-overlay: 0 20px 40px rgba(0, 0, 0, .75);--shadow-glow: 0 20px 40px rgba(0, 240, 255, .4)}:root{--font-family: Roboto, system-ui, sans-serif;--radius-button: 12px;--button-height: 72px;--button-padding-inline: 24px;--type-display: 700 clamp(24px, 1.875vw, 48px) / 1.167 var(--font-family);--type-h1: 700 clamp(16px, 1.09375vw, 28px) / 1.286 var(--font-family);--type-h2: 500 clamp(14px, .78125vw, 20px) / 1.4 var(--font-family);--type-body-1: 500 clamp(13px, .625vw, 16px) / 1.5 var(--font-family);--type-body-2: 400 clamp(12px, .546875vw, 14px) / 1.429 var(--font-family);--type-button: 700 clamp(13px, .625vw, 16px) / 1.5 var(--font-family);--type-caption: 500 clamp(11px, .46875vw, 12px) / 1.333 var(--font-family);--blur-glass: 16px;--shadow-glow-strong: 0 20px 40px #0066ff;--shadow-glow-light: 0 20px 40px #0066ff40}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-surface-base);color:var(--color-text-primary);font:var(--type-body-2)}button,a{outline-offset:4px}:focus-visible{outline:3px solid var(--color-secondary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}