:root{color-scheme:dark;--forest: #263a23;--panel: #1d2e1b;--rule: #34492f;--ink: #f3e9db;--muted: #bdc3ae;--faint: #86927c;--drum: #0f170e;--lgf: #f05822;--lgf-rim: #ab1a11;--ios: #3987e5;--android: #199e70;--web: #c98500;--warning: #fab219;--critical: #d03b3b;--font-display: "Bricolage Grotesque", serif;--font-ui: "Hanken Grotesk", sans-serif;--gutter: clamp(16px, 2.2vw, 40px);--gap: clamp(12px, 1.4vw, 24px);font-family:var(--font-ui);font-size:clamp(14px,.95vw + .4vh,22px);line-height:1.35;color:var(--ink);background:var(--forest);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--forest)}body.idle,body.idle *{cursor:none!important}h1,h2,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top top" "hero today" "users km" "facts facts";gap:var(--gap);height:100vh;padding:var(--gutter)}.board[hidden]{display:none}.top{grid-area:top;display:flex;align-items:center;gap:var(--gap)}.brand{display:flex;align-items:center;gap:.6em;margin-right:auto}.brand h1{font-family:var(--font-display);font-size:1.6rem;font-weight:500}.lgf{display:block;width:2.6rem;height:auto}.status{color:var(--muted)}.status[data-state=error]{color:var(--warning)}.clock{font-family:var(--font-display);font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums}.hero{grid-area:hero;display:flex;flex-direction:column;justify-content:center;gap:.4em}.odometer{font-family:var(--font-display);--cell: 1.2em;display:inline-flex;align-self:flex-start;gap:.06em;padding:.08em;border-radius:.12em;background:#0a1009;font-size:clamp(52px,9vh,132px);font-weight:500;line-height:var(--cell);font-variant-numeric:tabular-nums}.drum{display:block;width:.72em;height:var(--cell);overflow:hidden;border-radius:.05em;background:linear-gradient(#000 0%,var(--drum) 22%,#1f2c1d 50%,var(--drum) 78%,#000 100%);text-align:center}.drum.tenths{margin-left:.08em;background:linear-gradient(#7a2a0c 0%,var(--lgf) 30%,#ff8a55 50%,var(--lgf) 70%,#7a2a0c 100%);color:var(--drum)}.drum.lead-zero{color:#33422f}.strip{display:flex;flex-direction:column;transition:transform 1.6s cubic-bezier(.3,.1,.2,1)}.strip span{display:block;height:var(--cell)}.hero-label{font-size:1.35rem;color:var(--muted)}.today{grid-area:today;display:grid;grid-template-columns:repeat(2,1fr);align-content:center;gap:var(--gap) calc(var(--gap) * 2)}.figure-value{font-family:var(--font-display);font-size:clamp(36px,5.6vh,80px);font-weight:500;line-height:1}.figure-label{color:var(--muted);font-size:1.1rem}.panel{background:var(--panel);border-radius:10px;padding:clamp(12px,1.2vw,22px)}.chart-panel{display:flex;flex-direction:column;min-height:0;gap:.6em}.chart-panel:first-of-type{grid-area:users}.chart-panel:nth-of-type(2){grid-area:km}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}h2{font-size:1.2rem;font-weight:500}.sub{color:var(--muted);font-size:.95rem}.legend{display:flex;gap:1.1em;margin:0;padding:0;list-style:none;color:var(--muted)}.legend li{display:flex;align-items:center;gap:.4em}.swatch{width:.8em;height:.8em;border-radius:3px;background:var(--c)}.chart{position:relative;flex:1;min-height:0}.chart svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.chart .grid{stroke:var(--rule);stroke-width:1}.chart .axis{stroke:#4a6243;stroke-width:1}.chart .tick{fill:var(--faint);font-size:.8rem;font-variant-numeric:tabular-nums}.chart .hit{fill:transparent}.chart .hit:hover{fill:#f4f1e80a}.tooltip{position:fixed;top:0;left:0;z-index:10;min-width:10em;padding:.6em .8em;border-radius:8px;background:#131f12;box-shadow:0 0 0 1px var(--rule);pointer-events:none;font-size:.9rem}.tooltip p{margin-bottom:.3em;color:var(--muted)}.tooltip ul{margin:0;padding:0;list-style:none}.tooltip li{display:flex;align-items:center;gap:.45em}.tooltip li b{margin-left:auto;padding-left:1em;font-variant-numeric:tabular-nums}.tooltip .sum{margin-top:.3em;padding-top:.3em;border-top:1px solid var(--rule)}.facts{grid-area:facts;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:var(--gap)}.fact{display:flex;flex-direction:column;gap:.35em}.fact h2{color:var(--muted)}.fact-value{font-family:var(--font-display);font-size:clamp(32px,4.6vh,64px);font-weight:500;line-height:1.05}.vehicles{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:.3em}.vehicle{display:grid;grid-template-columns:minmax(0,5.5em) 1fr;align-items:center;gap:.8em;margin:0}.vehicle img{display:block;width:100%;height:auto;aspect-ratio:480 / 304;object-fit:cover;border-radius:8px}.vehicle figcaption{display:grid}.vehicle-name{font-weight:500;font-size:1.1rem}.vehicle-share{font-family:var(--font-display);font-size:clamp(28px,3.8vh,52px);font-weight:500;line-height:1.05}.meter .track{height:8px;border-radius:4px;background:var(--rule);overflow:hidden}.meters{display:grid;gap:.7em}.meter p{display:flex;align-items:baseline;gap:.5em;margin-bottom:.25em}.meter p b{margin-left:auto;font-variant-numeric:tabular-nums}.meter p b.none{font-weight:400;color:var(--faint)}.meter .fill{width:calc(var(--share) * 100%);height:100%;border-radius:4px;background:var(--ink)}.meter.warning .fill{background:var(--warning)}.meter.critical .fill{background:var(--critical)}.flag{padding:0 .45em;border-radius:4px;font-size:.8rem;font-weight:500;color:var(--drum)}.flag:before{content:"▲ "}.flag.warning{background:var(--warning)}.flag.critical{background:var(--critical);color:var(--ink)}.gate{display:grid;place-items:center;min-height:100vh}.gate[hidden]{display:none}.gate .lgf{width:min(40vmin,320px)}@media(max-width:900px),(max-aspect-ratio:1/1){.board{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"top" "hero" "today" "users" "km" "facts";height:auto}.chart{min-height:220px}.facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.odometer{font-size:clamp(40px,13vw,96px)}}@media(prefers-reduced-motion:reduce){.strip{transition:none}}