:root{--font-display: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-body: system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--tracking-caps: .12em}:root,[data-theme=light]{--canvas: #faf9f5;--surface: #f5f0e8;--card: #efe9de;--card-raised: #e8e0d2;--hairline: #e0d8cb;--hairline-soft: #ebe6df;--ink: #141413;--body: #3d3d3a;--muted: #6c6a64;--muted-soft: #8e8b82;--coral: #cc785c;--coral-active: #a9583e;--on-coral: #fdfcfa;--success: #4f9c63;--warning: #c08a1a;--error: #c64545;--good-holz: #6b8f5e;--good-erz: #b8863b;--city: #cc785c;--transfer: #5b7c96;--map-grid: #ece5d8;--map-route: #bdb1a0;--map-node-fill: #fdfcfa;--truck-empty: #a49a8c;--shadow: 0 1px 2px rgba(20, 20, 19, .06), 0 4px 12px rgba(20, 20, 19, .05)}[data-theme=dark]{--canvas: #181715;--surface: #1f1e1b;--card: #252320;--card-raised: #2d2b27;--hairline: #35322c;--hairline-soft: #2b2924;--ink: #faf9f5;--body: #d9d5cc;--muted: #8e8b82;--muted-soft: #6c6a64;--coral: #d9835f;--coral-active: #e79c7c;--on-coral: #1a1408;--success: #6bc47e;--warning: #dcae3a;--error: #e0645f;--good-holz: #79bd7f;--good-erz: #e0a355;--city: #d9835f;--transfer: #8ab4cf;--map-grid: #211f1c;--map-route: #4a443c;--map-node-fill: #201e1b;--truck-empty: #6c6a64;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100dvh}body{background:var(--canvas);color:var(--body);font-family:var(--font-body);font-size:14px;font-variant-numeric:tabular-nums;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.topbar,.controls,.statusbar,canvas{user-select:none;-webkit-user-select:none}#app{display:flex;flex-direction:column}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--hairline);flex-shrink:0}.wordmark{font-family:var(--font-display);font-size:21px;font-weight:400;letter-spacing:.16em;color:var(--ink);padding-right:var(--space-xs)}.stat{display:flex;flex-direction:column;line-height:1.3}.stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--muted)}.stat-value{font-size:18px;font-weight:500;color:var(--ink)}.stat-value.alarm{color:var(--error)}.stat-value.event{font-size:14px}#stat-event[hidden]{display:none}#stat-event[data-kind=fuel] .stat-value{color:var(--error)}#stat-event[data-kind=subsidy] .stat-value{color:var(--success)}.goal{width:180px}.goal-track{height:5px;margin-top:6px;border-radius:var(--radius-pill);background:var(--card-raised);overflow:hidden}.goal-fill{height:100%;width:0%;border-radius:var(--radius-pill);background:var(--coral);transition:width .35s ease}.spacer{flex:1}.btn-group{display:flex;gap:var(--space-xxs)}.btn-group button{font:inherit;font-size:12px;font-weight:500;padding:7px 12px;cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--hairline);border-radius:var(--radius-sm);transition:color .12s,border-color .12s,background .12s}.btn-group button:hover{color:var(--ink);border-color:var(--muted-soft)}.btn-group button[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:var(--on-coral)}#theme-toggle[aria-pressed=true]{background:transparent;border-color:var(--hairline);color:var(--muted)}#theme-toggle[aria-pressed=true]:hover{color:var(--ink);border-color:var(--muted-soft)}.main{flex:1;display:flex;min-height:0}.map-wrap{flex:1;position:relative;min-width:0}canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none}.controls{display:contents}.sidebar{width:288px;flex-shrink:0;padding:var(--space-md);background:var(--surface);border-left:1px solid var(--hairline);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);overscroll-behavior:contain}.sidebar h2{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--muted)}.sheet-handle{display:none}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-md)}.card-title{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:18px;color:var(--ink);margin-bottom:var(--space-sm)}.swatch{width:10px;height:10px;border-radius:var(--radius-pill);flex-shrink:0}.kv{display:flex;justify-content:space-between;gap:var(--space-xs);padding:3px 0;font-size:13px;color:var(--muted)}.kv strong{color:var(--ink);font-weight:500}.meter{height:6px;margin:8px 0 4px;border-radius:var(--radius-pill);background:var(--card-raised);overflow:hidden}.meter>i{display:block;height:100%;border-radius:var(--radius-pill);transition:width .15s linear}.action{width:100%;margin-top:var(--space-sm);padding:10px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;color:var(--on-coral);background:var(--coral);border:1px solid var(--coral);border-radius:var(--radius-md);transition:background .12s,border-color .12s}.action:hover:not(:disabled){background:var(--coral-active);border-color:var(--coral-active)}.action:disabled{background:var(--card-raised);border-color:var(--hairline);color:var(--muted-soft);cursor:not-allowed}.action.secondary{background:transparent;color:var(--muted);border-color:var(--hairline)}.action.secondary:hover{color:var(--error);border-color:var(--error);background:transparent}.hint-body{font-size:13px;line-height:1.65;color:var(--muted)}.hint-body strong{color:var(--ink);font-weight:500}kbd{font:inherit;font-size:11px;padding:1px 5px;background:var(--card-raised);border:1px solid var(--hairline);border-radius:var(--radius-xs);color:var(--body)}.statusbar{flex-shrink:0;padding:10px var(--space-lg);font-size:13px;color:var(--muted);background:var(--surface);border-top:1px solid var(--hairline)}.statusbar strong{color:var(--coral);font-weight:500}.overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);background:color-mix(in srgb,var(--canvas) 88%,transparent);backdrop-filter:blur(4px)}.overlay[data-open=true]{display:flex}.overlay h1{font-family:var(--font-display);font-size:40px;font-weight:400;letter-spacing:-.01em;color:var(--ink)}.overlay p{max-width:400px;text-align:center;line-height:1.65;color:var(--muted)}.overlay .action{width:190px}#saves,#manual{width:min(560px,92vw);padding:var(--space-lg);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);color:var(--body);box-shadow:var(--shadow);overscroll-behavior:contain}#saves::backdrop,#manual::backdrop{background:#0006;backdrop-filter:blur(3px)}#saves h2,#manual h2{font-family:var(--font-display);font-size:22px;font-weight:400;color:var(--ink);margin-bottom:var(--space-md)}#saves-list{display:flex;flex-direction:column;gap:var(--space-xs)}.saves-error{margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:13px;color:var(--error);border:1px solid var(--error);border-radius:var(--radius-sm)}.save-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-xxs) var(--space-sm);align-items:center;padding:var(--space-sm);background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-md)}.save-row[data-active=true]{border-color:var(--coral)}.save-row .btn-group{grid-row:span 2}.save-name{font:inherit;font-size:15px;color:var(--ink);width:100%;padding:2px var(--space-xxs);margin-left:calc(var(--space-xxs) * -1);background:transparent;border:1px solid transparent;border-radius:var(--radius-xs)}.save-name:hover{border-color:var(--hairline-soft)}.save-name:focus{outline:none;border-color:var(--coral);background:var(--canvas)}.save-meta{font-size:13px;color:var(--muted)}.dialog-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--hairline)}.dialog-actions .action{flex:1}#manual-list{display:flex;flex-direction:column;gap:var(--space-md);max-height:min(60vh,520px);overflow-y:auto}.manual-entry h3{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:var(--space-xxs)}@media (pointer: coarse){.btn-group button,.save-name,.action{min-height:44px}.btn-group button{min-width:44px;font-size:14px}.btn-group button:hover{color:var(--muted);border-color:var(--hairline)}.btn-group button[aria-pressed=true]:hover{color:var(--on-coral)}.save-name:hover{border-color:transparent}}@media (max-width: 759px),(max-height: 499px){.topbar{flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding:calc(var(--space-xs) + env(safe-area-inset-top)) var(--space-md) var(--space-xs)}.wordmark,.spacer{display:none}.stat-value{font-size:16px}.goal{flex:1 0 100%;width:auto}.main{flex-direction:column}.map-wrap{flex:1;min-height:0}.sidebar{width:100%;flex-shrink:1;max-height:min(42dvh,300px);overflow-y:auto;border-left:none;border-top:1px solid var(--hairline);padding:var(--space-sm) var(--space-md)}.sidebar[data-open=false],.sidebar h2{display:none}.sidebar{padding-top:0;gap:0}.sheet-handle{display:block;flex-shrink:0;align-self:stretch;height:44px;margin:0;padding:0;border:none;background:transparent;cursor:grab;touch-action:none}.sheet-handle:before{content:"";display:block;width:40px;height:4px;margin:20px auto;border-radius:var(--radius-pill);background:var(--muted-soft)}.sheet-handle:active{cursor:grabbing}.sidebar[data-collapsed=true]{max-height:44px;overflow:hidden;padding-bottom:0}#app{--toolbar-h: calc(60px + env(safe-area-inset-bottom)) ;padding-bottom:var(--toolbar-h)}.controls{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:var(--space-xs);min-height:var(--toolbar-h);padding:var(--space-xs) var(--space-md) calc(var(--space-xs) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--hairline)}#speeds{flex:1}#speeds button{flex:1;padding-left:0;padding-right:0}.statusbar{padding:8px var(--space-md);font-size:12px;line-height:1.4;min-height:calc(2lh + 16px)}#app:has(.sidebar[data-open=true]) .statusbar{display:none}.overlay{padding:var(--space-lg)}.overlay h1{font-size:30px}.overlay .action{width:100%;max-width:280px}}@media (max-height: 499px) and (min-width: 600px){.main{flex-direction:row}.goal{flex:0 1 160px}.sidebar{width:260px;max-height:none;height:auto;flex-shrink:0;border-top:none;border-left:1px solid var(--hairline)}.sidebar[data-open=false],.statusbar{display:none}#saves,#manual{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:none;overflow-y:auto;padding:calc(var(--space-lg) + env(safe-area-inset-top)) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom))}#manual-list{max-height:none;overflow-y:visible}.save-row{grid-template-columns:1fr}.save-row .btn-group{grid-row:auto}.save-row .btn-group button{flex:1}.dialog-actions{flex-wrap:wrap}}