@font-face{font-family:'Heritage LCD';src:url('heritage-lcd.ttf') format('truetype');font-weight:400;font-display:swap}
/* Original vector artwork, drawn for live telemetry rather than photo overlays. */
#heritage-panel{display:none;position:absolute;inset:70px 16px 88px;align-items:center;justify-content:center;flex-direction:column;gap:8px}
[data-view=heritage] #heritage-panel{display:flex}
:root[data-view=heritage] .map-panel,:root[data-view=heritage] .pod,:root[data-view=heritage] .power-panel,:root[data-view=heritage] #recenter,:root[data-view=heritage] #gps-banner,:root[data-view=heritage] #simple-cameras,:root[data-view=heritage] #guidance{display:none!important}
#heritage-face{width:min(100%,1250px);min-height:0;flex:1;display:flex;align-items:center;justify-content:center}
.heritage-face{width:100%;height:100%;max-height:100%;stroke:none;fill:none;overflow:visible;filter:drop-shadow(0 12px 12px #0006)}
.heritage-face text{stroke:none;fill:#edeedd;font-family:'Avenra UI',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0}
.heritage-face .h-dial-number{font-size:28px;font-weight:600}.heritage-face .h-small{font-size:17px;font-weight:600;letter-spacing:1px}.heritage-face .h-micro{font-size:13px;letter-spacing:2px}.heritage-face .h-tiny{font-size:12px;letter-spacing:.8px}.heritage-face .h-unit{font-size:27px;font-weight:650;letter-spacing:2px}.heritage-face .h-wordmark{font-size:24px;font-style:italic;font-weight:800;letter-spacing:2px}.heritage-face .h-window{font-family:'Heritage LCD',monospace;font-weight:400;fill:#13213a;letter-spacing:-3px}.heritage-face .h-dark{fill:#172330}.heritage-face .h-speed{font-size:102px}.heritage-face .h-rsv-speed{font-size:115px;fill:#3e111c}.heritage-face .h-lcd{font-size:53px}.heritage-face .h-dt-digits{font-size:48px}.heritage-face .h-odo{font-family:monospace;font-size:36px;letter-spacing:2px}.heritage-face .h-power-digital{font-family:monospace;font-size:34px;letter-spacing:2px}.heritage-face .h-clock{font-size:34px;letter-spacing:0}.heritage-face .h-small.h-window{font-size:23px;letter-spacing:0}.heritage-face .h-mode{fill:#bde9b9}
.heritage-face [data-needle]{transform-origin:0 0;transition:transform .18s linear}
#heritage-options{min-height:44px;align-self:center;flex:none;border:1px solid var(--line);border-radius:12px;padding:8px 18px;color:var(--muted);font-size:13px;background:var(--panel)}
.heritage-readings{display:flex;gap:24px;flex:none;align-items:center;justify-content:center;max-width:100%;font-variant-numeric:tabular-nums}
.heritage-readings>div{display:flex;align-items:baseline;gap:6px}.heritage-readings strong{font-size:27px;font-weight:600}.heritage-readings small{font-size:11px;color:var(--muted)}
.heritage-health{display:flex;gap:20px;justify-content:center;flex:none;font-size:11px;letter-spacing:.05em;color:var(--muted);min-height:15px;text-align:center;max-width:100%}
[data-charge=low] #heritage-status,[data-charge=critical] #heritage-status{color:var(--warn);font-weight:700}[data-charge=critical] #heritage-status{color:var(--red)}[data-charge=saved] #heritage-status{color:var(--warn)}[data-flow=regen] #heritage-flow{color:var(--good)}
.heritage-choices button{flex-direction:column;font-size:17px;font-weight:650;min-height:74px}.heritage-choices small{font-size:10px;font-weight:450}.heritage-choices button.selected{border:1px solid var(--accent)}
#heritage-settings{scroll-margin-top:12px}
@media(prefers-reduced-motion:reduce){.heritage-face [data-needle]{transition:none}}

[data-heritage=dt50] .heritage-face .h-dial-number{font-size:25px}

/* Allocate the body to the instruments, with all display controls in one row. */
#heritage-panel{inset:68px 5px 80px;gap:4px}
#heritage-face{width:100%;min-height:0;flex:1}
.heritage-face{filter:none;overflow:visible}
.heritage-readings{display:none}
.heritage-health{font-size:11px;gap:16px;line-height:1.2;min-height:15px;flex-wrap:wrap}
.heritage-toolbar{display:contents}
#heritage-options{display:none}
:root[data-view=heritage] .heritage-toolbar{display:flex;position:absolute;top:max(8px,env(safe-area-inset-top));left:max(70px,env(safe-area-inset-left));right:max(70px,env(safe-area-inset-right));z-index:6;justify-content:center;align-items:center;gap:8px}
:root[data-view=heritage] .view-dock{position:static;transform:none;flex:none}
:root[data-view=heritage] #heritage-options{display:block;align-self:auto;min-height:48px;padding:8px 12px;font-size:12px;white-space:nowrap}
:root[data-view=heritage] .brand,:root[data-view=heritage] #clock{display:none}
.heritage-face .h-wide-speed{font-family:monospace;font-size:42px}
.heritage-face .h-roomy-speed{font-family:monospace;font-size:70px}
.heritage-face .h-roomy-lcd{font-size:66px}
.heritage-face[data-format=roomy] .h-dial-number{font-size:34px}
:root[data-heritage=dt50] .heritage-face[data-format=roomy] .h-dial-number{font-size:30px}
@media(max-width:800px){.view-dock button{min-width:56px;width:auto;font-size:11px}.brand,#clock{display:none}}
@media(max-aspect-ratio:8/5){.heritage-choices{grid-template-columns:1fr}.heritage-choices button{flex-direction:row;min-height:52px;gap:15px}.view-dock,[data-view=simple] .view-dock{left:50%;right:auto;transform:translateX(-50%)}.brand{display:none}}
@media(max-width:560px){:root[data-view=heritage] .heritage-toolbar{gap:5px;left:66px;right:66px}:root[data-view=heritage] .view-dock button{min-width:40px;padding:0 5px;font-size:10px;height:44px}:root[data-view=heritage] #heritage-options{padding:6px 8px;font-size:10px;min-height:44px}.heritage-health{font-size:9px;gap:3px 10px}}
@media(max-width:420px){:root[data-view=heritage] .heritage-toolbar{flex-wrap:wrap;gap:4px}#heritage-panel{top:116px}}
@media(max-height:420px){#heritage-panel{bottom:68px;gap:2px}.heritage-health{font-size:9px;min-height:11px}}

/* Period-inspired superbike instruments, with distinct palettes and real EV units. */
.heritage-face .h-classic-value{font-family:monospace;font-size:44px;letter-spacing:0}
.heritage-face .h-classic-trip{font-family:monospace;font-size:31px;letter-spacing:1px}
.heritage-face .h-battery-digital{font-family:monospace;font-size:32px}
.heritage-face .h-mini-number{font-size:17px;font-weight:600}
.heritage-face .h-green-ink text{fill:#70df8c}
.heritage-face .h-green-ink path{stroke:#70df8c}
.heritage-face .h-mini-gauge .h-tiny{font-size:12px;letter-spacing:.5px}
.heritage-face .h-sp-number{font-size:27px;font-style:italic;fill:#d9e7b8}
.heritage-face .h-sp-speed{font-size:145px}
.heritage-face[data-format=roomy] .h-sp-speed{font-size:195px}
.heritage-face .h-sp-reading{font-size:55px;letter-spacing:-2px}
.heritage-face .h-sp-bottom-reading{font-size:48px;letter-spacing:-2px}
.heritage-face .h-sp-trip{font-size:35px;letter-spacing:0}
.heritage-face .h-k5-speed{font-size:142px}
.heritage-face [data-power-segment]{fill:#23372c;stroke:#7e9465;stroke-width:.6}
.heritage-face [data-power-segment][data-on=true]{fill:#c5e889}
.heritage-face [data-power-bar][data-signal=unknown]{opacity:.45}
.heritage-choices{grid-template-columns:repeat(3,1fr)}
.heritage-choices button{min-height:60px;font-size:15px}
@media(max-aspect-ratio:8/5){.heritage-choices{grid-template-columns:repeat(2,1fr)}.heritage-choices button{flex-direction:column;gap:4px}}
@media(max-width:420px){.heritage-choices{grid-template-columns:1fr}.heritage-choices button{flex-direction:row;min-height:48px;gap:12px}}