@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@500;700&display=swap');
:root{--amber:#ffb31a;--ink:#080b0f;--muted:#9ba3ad}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;color:#fff;font-family:Inter,Arial,sans-serif}body{display:flex;align-items:flex-end;justify-content:center;padding:36px}#overlay{display:grid;grid-template-columns:minmax(360px,620px) minmax(600px,900px);gap:12px;width:min(1540px,100%)}.card{background:linear-gradient(115deg,rgba(12,16,22,.96),rgba(5,7,10,.91));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #0009;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--amber),transparent 75%)}.route{padding:22px 28px}.eyebrow,small{font-size:10px;letter-spacing:.2em;color:var(--muted);font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:8px;box-shadow:0 0 10px var(--amber)}.cities{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font:700 26px 'Barlow Condensed';letter-spacing:.04em}.road{font:700 11px Inter;color:#111;background:var(--amber);padding:5px 8px;border-radius:2px}.route-line{display:flex;align-items:center;margin:10px 4px}.route-line i{width:8px;height:8px;border:2px solid var(--amber);border-radius:50%}.route-line b{height:1px;flex:1;background:linear-gradient(90deg,var(--amber),#656a70,var(--amber))}.job{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.job strong{color:var(--amber)}.dashboard{display:grid;grid-template-columns:180px 90px 1fr 180px;min-height:150px;align-items:center}.dashboard>div{padding:18px 24px;border-right:1px solid #ffffff12}.dashboard>div:last-child{border:0}.speed{display:flex;align-items:baseline}.speed span{font:800 78px/1 'Barlow Condensed';letter-spacing:-.04em}.speed small{margin-left:8px}.gear{text-align:center}.gear strong{display:block;color:var(--amber);font:700 40px 'Barlow Condensed'}.stats>div{display:grid;grid-template-columns:64px 1fr 38px;gap:10px;align-items:center;margin:13px 0}.bar{height:5px;background:#ffffff18}.bar i{display:block;height:100%;width:68%;background:var(--amber);transition:width .3s}.bar.danger i{width:2%;background:#ff5263}.stats span{font:600 11px 'Inter'}.eta strong{display:block;font:700 36px 'Barlow Condensed';margin:4px 0}.eta span{color:var(--muted);font-size:11px;white-space:nowrap}.driving-assists{position:absolute;right:12px;top:10px!important;z-index:3;display:flex;gap:8px;padding:0!important;border:0!important}.assist{height:42px;display:flex;align-items:center;gap:7px;padding:5px 8px;background:#0d1218e8;border:1px solid #ffffff18;border-radius:4px;opacity:.55;transition:.25s}.assist.active{opacity:1;border-color:#ffb31a88;box-shadow:0 0 14px #ffb31a1f}.assist small{font-size:7px}.assist strong{font:700 15px 'Barlow Condensed';color:#fff}.assist-icon{font:800 10px 'Barlow Condensed';color:var(--amber);border:1px solid var(--amber);border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.assist.limit{opacity:1}.limit-ring{width:29px;height:29px;border:3px solid #e33;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center}.limit-ring b{font:800 13px 'Barlow Condensed'}.assist.overspeed{background:#4b090ddd;border-color:#ff5263;animation:pulse 1s infinite}.assist.overspeed .limit-ring{box-shadow:0 0 14px #ff3045}@keyframes pulse{50%{transform:scale(1.06)}}@media(max-width:1050px){#overlay{grid-template-columns:1fr}.route{display:none}.dashboard{grid-template-columns:150px 80px 1fr 160px}.speed span{font-size:62px}}body.config #overlay{transform:scale(var(--scale,1));transform-origin:bottom center}