/* Parcel Pines: rendered world and a working company office. */
:root{--forest:#28533f;--paper:#fffdf3;--line:#d6dac7;--brass:#ae7d39}
.topbar{display:grid;grid-template-columns:minmax(235px,.9fr) minmax(360px,1.9fr) auto;gap:22px;height:82px;background:linear-gradient(#fffdf4,#f2f1e4);border-bottom:1px solid #c6cbb4;padding:0 22px}
.main-nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-width:0}.nav-button,.nav-button[data-view]{--nav:#31553e;--nav-light:#efefdf;border:1px solid #c6cfb7;background:linear-gradient(#fcfbed,#e9ecda);box-shadow:inset 0 0 0 3px #fffdf66b,0 3px 0 #d3d7c4;color:#3f5a43;border-radius:11px 11px 14px 14px;padding:10px 8px;min-width:0;white-space:nowrap;font-size:12px;letter-spacing:.2px}.nav-button.active,.nav-button[data-view].active{color:#fff6d7;background:linear-gradient(#41694c,#284d39);border-color:#31553e;box-shadow:inset 0 0 0 3px #96a26c30,0 3px 0 #193e2b}.nav-button .icon{color:#9b7133}.nav-button.active .icon{color:#edcb86}.nav-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.brand .brand-badge{width:70px;height:74px}.brand{min-width:0}.top-actions{justify-content:flex-end;white-space:nowrap}.top-actions .icon-button{border-color:#d0d6bf;background:#f1f1e2}
.rendered-truck{overflow:hidden;filter:drop-shadow(0 4px 3px #29463416)}.driver-portrait{width:48px;height:48px;flex:none;border-radius:50%;background:#e8e8d7;overflow:hidden;border:2px solid #f7f2df;box-shadow:0 0 0 1px #c8d0b9}.fleet-driver{display:flex;align-items:center;gap:9px}.fleet-driver>div{display:flex;flex-direction:column;gap:4px}.fleet-driver b{font-size:17px}.fleet-driver small{font-size:9px}.fleet-card-details>.fleet-driver{margin:4px 0}.fleet-card-details>.fleet-driver .driver-portrait{width:46px;height:46px}.fleet-card-details .icon{width:12px;height:12px;margin-right:3px;vertical-align:middle}.fleet-card-details>b{font-size:16px}.fleet-card-details{font-size:10px}.fleet-mini-art{height:100%;min-height:0}.fleet-mini-art .truck-art{height:100%;max-height:150px;width:100%}.fleet-card-body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.fleet-card-actions{grid-template-columns:1.6fr repeat(3,1fr)}.fleet-card-actions .button{min-width:0;font-size:10px;padding:6px}.fleet-card-title h3{display:flex;align-items:center;gap:5px}.rename-truck{font:13px Segoe UI;min-height:24px;width:24px;color:#778870;opacity:.8}.rename-truck:hover{opacity:1;background:#e9edda;border-radius:5px}.filter-toggle{border:1px solid #ccd2bc;background:#f8f7eb;border-radius:7px;padding:5px 12px;font-size:11px}.filter-toggle.active{background:#dfE7d3;color:#365d41}.fleet-cards:has(>.fleet-card:only-child){grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;max-width:900px;align-self:center;width:100%}.fleet-cards:has(>.fleet-card:only-child) .fleet-mini-art .truck-art{max-height:280px}.fleet-cards:has(>.fleet-card:only-child) .fleet-card{padding:24px}.fleet-cards:has(>.fleet-card:only-child) .fleet-card h3{font-size:28px}.fleet-cards:has(>.fleet-card:only-child) .fleet-driver b{font-size:22px}.fleet-cards:has(>.fleet-card:only-child) .fleet-driver .driver-portrait{width:68px;height:68px}
.crew-person{grid-template-columns:54px minmax(0,1fr) auto}.crew-person .driver-portrait{width:50px;height:50px}.crew-detail-title{gap:12px}.crew-detail-title>.driver-portrait{width:76px;height:76px}.crew-detail-title>div{flex:1}.crew-detail-title h2{margin-top:5px}.garage-tabs>button{flex:1}.garage-tabs{display:flex}.garage-layout{grid-template-columns:minmax(175px,.65fr) minmax(0,1.9fr)}.showcase .truck-art{height:230px;max-width:300px}.upgrades-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.upgrade-card{display:grid;grid-template-rows:minmax(45px,1fr) auto auto auto auto;gap:5px;padding:12px;min-height:0;overflow:hidden}.part-render{width:100%;height:100%;min-height:0;overflow:hidden;border-radius:9px;max-height:125px}.upgrade-card h3{font-size:18px}.upgrade-card p{font-size:10px;line-height:1.4}.upgrade-card>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.upgrade-card>div>span{font-size:17px}.upgrade-card small{font-size:8px}.shop-showroom .truck-art{height:330px;max-height:100%;width:100%}.showroom-label{line-height:1.5}.truck-shop .shop-showroom{overflow:hidden}
.map-sprite{overflow:hidden;filter:drop-shadow(0 2px 2px #173d4633)}.truck-driving .map-sprite{animation:map-engine .5s ease-in-out infinite}.map-truck .truck-chip{transform:translate(0,-40px)}#map-detail-layer{opacity:0;transition:opacity .25s}.detail-zoom #map-detail-layer{opacity:1}.map-depot{opacity:0;pointer-events:none;transition:opacity .2s}.detail-zoom .map-depot{opacity:1}.rendered-scenery{position:absolute;inset:0;background:linear-gradient(#ebf2de70,#bad0ae30),url('assets/rendered/map-nw.png') center 60%/200% auto}.scene-road .rendered-scenery{animation:landscape-drive 30s linear infinite}.scene-road .scene-vehicle{animation:rendered-bob .7s ease-in-out infinite}.delivery-scene .scene-vehicle{aspect-ratio:1.15;height:145%;bottom:-6%;max-width:72%}.scene-ferry .scene-vehicle{bottom:4%;height:132%;animation:ferry-float 3s ease-in-out infinite}.scene-refuel .scene-vehicle{left:43%}.scene-ready .scene-vehicle,.scene-stranded .scene-vehicle{animation:none}.delivery-scene{min-height:88px;max-height:170px}.scene-track{height:25%;bottom:7%}.scene-caption{z-index:3}.scene-ferry .rendered-scenery{background:linear-gradient(#c3dfde66,#99bdbdaa),url('assets/rendered/map-se.png') center bottom/150% auto}.scene-stranded .rendered-scenery{filter:saturate(.6)}
.job-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:none}.job-tab{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:10px 8px;border:1px solid #cfd7bf;border-radius:9px;background:#f3f2e6;min-width:0;position:relative}.job-tab b{font-family:Georgia,serif;font-size:15px;line-height:1.15;min-height:33px}.job-tab strong{font-size:16px;color:#3c6746}.job-tab span{font-size:10px;font-weight:700}.job-tab small{font-size:8px;color:#71816f;line-height:1.3}.job-tab em{font-size:8px;font-style:normal;border-top:1px solid #d3d9c3;padding-top:5px;width:100%;color:#527246}.job-tab.selected{border-color:#537350;background:linear-gradient(#e6edcf,#f5efd6);box-shadow:inset 0 3px 0 #5b7750}.job-tab-pager{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#73816c}.job-tab-pager button{min-height:22px;width:28px;border:1px solid #d5dac6;border-radius:5px}.selected-contract{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid #d9ddcb}.selected-contract b{font-size:12px}.selected-contract span{font-size:10px;color:#72806e}.dispatch-panel:has(.job-tabs){gap:7px}.route-choice{display:flex;flex-direction:column;gap:4px}.route-choice small{font-size:9px;color:#667d58}.route-choice .segmented{margin:0}.route-choice button{flex:1;font-size:10px;min-height:30px}.auto-route-note{font-size:9px;color:#5c7a50}.trip-cost-line{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6c7d6a;gap:5px}.trip-cost-line button{font-size:10px;min-height:23px}.route-stats{padding:9px 8px}.trip-breakdown{display:flex;flex-direction:column;gap:9px;padding:16px;background:#edf0df;border-radius:9px;margin-bottom:12px}.trip-breakdown>div{display:flex;justify-content:space-between;gap:15px;font-size:12px}.panel-top h2{display:inline-block;padding:0 0 4px;border-bottom:3px solid #b98b44}.panel-bottom:has([data-action=queue-open]){display:grid;grid-template-columns:1fr 1fr;gap:6px}.panel-bottom:has([data-action=queue-open])>.tiny{grid-column:1/-1}.panel-bottom .button{font-size:10px}
.queue-locked{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;padding:20px}.queue-locked .truck-art{height:180px;max-width:260px}.queue-locked p{max-width:590px;line-height:1.7;color:#6d7e68;font-size:13px}.queue-unlocks{display:flex;gap:24px;padding:15px 20px;background:#e9eddb;border-radius:10px;font-size:11px;line-height:1.8}.queue-unlocks b{font-size:10px}.queue-toolbar{display:flex;align-items:center;gap:15px;flex:none}.queue-toolbar label{width:210px}.queue-toolbar>span{flex:1;color:#74816b;font-size:11px}.queue-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;flex:1;min-height:0}.queue-plan,.queue-offers{min-height:0;padding:18px;background:#fffcf1;border:1px solid #d2d8c1;border-radius:14px;display:flex;flex-direction:column;gap:10px}.queue-current{background:#35563f;color:#fff6da;padding:14px;border-radius:9px}.queue-current .eyebrow{color:#c2d0a8}.queue-current h3{margin:5px 0;font-size:22px}.queue-current p{font-size:10px;color:#e2e7cb;line-height:1.5}.queue-steps{display:flex;flex-direction:column;gap:7px;flex:1;min-height:0}.queue-steps article{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #d6ddc9;border-radius:8px;background:#f4f4e7;min-height:0}.queue-steps article>b{font-family:Georgia,serif;font-size:23px;color:#af8544;width:24px}.queue-steps article>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.queue-steps strong{font-size:11px}.queue-steps span{font-size:9px;color:#7a886f}.queue-steps button{font-size:19px;min-height:26px;width:26px}.queue-empty{padding:24px;color:#75866b;text-align:center;font-size:12px}.queue-warning{font-size:10px;line-height:1.4;background:#fff0d7;color:#936237;padding:8px;border-radius:7px}.queue-offers>div>h3{font-size:25px;margin-top:4px}.queue-offers label{flex-direction:row;align-items:center;gap:8px}.queue-offers label select{flex:1}.queue-offer-cards{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));flex:1;min-height:0;gap:8px}.queue-offer-cards article{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid #d5d9c6;background:#f4f1e4;border-radius:9px}.queue-offer-cards article>div{display:flex;flex-direction:column;gap:5px;min-width:0}.queue-offer-cards article b{font-family:Georgia,serif;font-size:21px}.queue-offer-cards article span{font-size:10px;color:#6b7b62}.queue-offer-cards article small{font-size:9px;color:#879078}.queue-offer-cards .button{white-space:nowrap;font-size:10px;background:#436447;color:#fff7df}.queue-return{padding:22px 12px;display:flex;flex-direction:column;gap:15px}.queue-return p{font-size:13px;line-height:1.7;color:#718269}.queue-mobile-tabs{display:none}
.depot-selector{display:flex;gap:16px;align-items:flex-end;flex:none}.depot-selector>label{width:250px}.depot-tabs{display:flex;flex:1;gap:6px;background:#e9ecd9;padding:5px;border:1px solid #d3dac4;border-radius:10px}.depot-tabs button{flex:1;font-size:11px;border-radius:6px;min-height:31px}.depot-tabs button.active{background:#4c6849;color:#fffae5}.depot-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;flex:1;min-height:0}.depot-showroom{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;background:radial-gradient(ellipse at 50% 65%,#dfe4cb,transparent 72%);border-radius:18px}.rendered-depot{width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:0}.rendered-depot .depot-art{max-width:510px;max-height:100%;height:100%;width:100%;overflow:hidden}.depot-specialty-label{font-size:8px;font-weight:800;letter-spacing:1.6px;padding:6px 13px;background:#e1e6d0;color:#55704e;border-radius:5px}.garden-award{font-size:9px;color:#916c34;margin-top:6px}.depot-showroom>h2{font-size:29px;margin:10px 0 4px}.depot-showroom>span{font-size:11px;color:#74806a}.depot-detail{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:13px;background:#fffdf4;border:1px solid #d3dac5;border-radius:16px;padding:24px}.depot-detail h2{font-size:27px}.depot-detail>p{font-size:12px;line-height:1.65;color:#6a7c65}.depot-detail>p.tiny{font-size:10px}.depot-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px}.depot-benefits>div{display:flex;flex-direction:column;gap:5px;padding:12px;background:#eff1e2;border-radius:9px}.depot-benefits b{font-size:23px;font-family:Georgia,serif;color:#40643e}.depot-benefits span{font-size:9px;color:#76866a}.depot-local{padding:10px 12px;border-left:3px solid #c09654;background:#f6f0df}.depot-local-stats{display:flex;flex-wrap:wrap;gap:5px 15px;font-size:9px;color:#7e886f}.depot-detail .button{align-self:stretch;background:#456746;color:#fff6dc}.depot-detail .depot-requirement{font-size:10px}.expansion-benefits{display:flex;flex-direction:column;gap:2px}.expansion-benefits>div{display:flex;justify-content:space-between;gap:10px;padding:13px 8px;border-bottom:1px solid #e0e3d0;font-size:12px}.expansion-benefits b{color:#477042}.specialty-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.specialty-cards>button{display:flex;align-items:center;gap:8px;padding:8px;background:#f3f3e7;border:1px solid #d5dbc7;border-radius:8px;text-align:left}.specialty-cards>button.selected{border-color:#648754;box-shadow:inset 0 0 0 1px #648754;background:#e9eed8}.specialty-cards .part-render{width:60px;height:60px;border-radius:7px;flex:none}.specialty-cards span{display:flex;flex-direction:column;gap:6px}.specialty-cards b{font-size:12px}.specialty-cards small{font-size:9px;color:#7c876f}
.company-navigation{gap:10px}.company-tabs{gap:3px}.company-tabs>button{font-size:10px;padding:8px 11px;min-width:0}.company-hub{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:13px;flex:1;min-height:0}.company-hub-main{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;min-height:0}.office-summary,.tracked-goals{border:1px solid #d1d9c0;border-radius:14px;padding:22px;background:#fbf8e9;display:flex;flex-direction:column;gap:13px;min-height:0;justify-content:center}.office-summary h2{font-size:29px}.office-summary p{font-size:12px;line-height:1.65;color:#708163}.office-summary-actions{display:flex;gap:8px}.office-summary-actions .button{font-size:11px;background:#456847;color:#fff6dd}.return-summary{display:flex;flex-direction:column;gap:7px;border-top:1px solid #d2d8c0;padding-top:13px;color:#768468;font-size:11px}.return-summary b{color:#476240}.return-summary small{font-size:9px}.tracked-goals{background:#f0f2e2;gap:10px}.tracked-goals>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.tracked-goals>div h3{font-size:22px}.tracked-goals>button{display:flex;flex-direction:column;gap:9px;background:#fffdf3;border:1px solid #dce0cb;border-radius:9px;padding:14px;text-align:left}.tracked-goals>button>span{display:flex;justify-content:space-between;gap:8px;align-items:center}.tracked-goals b{font-size:12px}.tracked-goals small{font-size:9px;color:#7d886e}.tracked-goals .progress{width:100%;height:5px}.company-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:13px 17px;background:#e9eddb;border-radius:11px;border:1px solid #d7ddc7}.company-ledger>div{display:flex;flex-direction:column;gap:5px}.company-ledger span{font-size:9px;color:#7c896e}.company-ledger b{font-family:Georgia,serif;font-size:21px;color:#44653d}.company-ledger small{grid-column:1/-1;color:#879179;font-size:8px}.office-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#6b7e60}.office-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex:1;min-height:0;gap:13px}.office-card{display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-rows:1fr auto;gap:10px 15px;border:1px solid #d4d9c4;border-radius:14px;background:#fffcf1;padding:18px;min-height:0}.office-card>.driver-portrait{width:78px;height:78px;align-self:center}.office-card>div{display:flex;flex-direction:column;gap:7px;justify-content:center;min-width:0}.office-card h3{font-size:23px}.office-card p{font-size:11px;line-height:1.5;color:#728267}.office-card small{font-size:9px;color:#93703d}.office-card .button{grid-column:1/-1;min-height:31px;background:#e8ecd8;color:#49633d}.office-card.owned{background:#eef1df;border-color:#aabb94}.office-note{font-size:10px;color:#7a856d;line-height:1.5}.goal-toolbar{display:flex;gap:10px;align-items:flex-end;flex:none}.goal-toolbar label{width:200px}.goal-toolbar>.button{margin-left:auto;min-height:32px}.company-row.achievement-card{padding:15px}.achievement-card .goal-actions{display:flex;flex-direction:row;gap:7px;width:100%}.achievement-card .goal-actions .button{flex:1;align-self:auto;font-size:10px;max-width:none;white-space:nowrap}.achievement-card>div:first-child{flex:1}.company-section-title{flex:none}.company-tabs>button i{font-size:8px}.forest-patron .brand:after{content:'✿';color:#9c743c}
@keyframes map-engine{50%{translate:0 -.6px}}@keyframes rendered-bob{50%{margin-bottom:1.5px;rotate:.25deg}}@keyframes landscape-drive{from{background-position:0 60%}to{background-position:100% 60%}}
@media(max-width:1100px){.topbar{grid-template-columns:minmax(170px,.8fr) minmax(280px,1.8fr) auto;gap:12px;padding:0 14px}.brand{font-size:21px}.brand .brand-badge{width:58px;height:64px}.nav-button{font-size:10px}.top-actions>strong{font-size:15px}.company-tabs>button{padding:7px 8px;font-size:9px}.company-tools .button{padding:7px;font-size:10px}.company-hub-main{gap:10px}.office-summary,.tracked-goals{padding:15px;gap:10px}.office-summary h2{font-size:25px}.tracked-goals>button{padding:10px}.office-card{padding:13px;grid-template-columns:62px 1fr;gap:9px}.office-card>.driver-portrait{width:62px;height:62px}.office-card h3{font-size:21px}.depot-detail{padding:18px;gap:10px}.depot-detail h2{font-size:24px}.depot-selector>label{width:205px}.queue-offer-cards article{padding:9px;gap:6px}.queue-offer-cards article b{font-size:19px}.queue-plan,.queue-offers{padding:13px;gap:9px}.upgrades-grid{gap:9px}.upgrade-card{padding:9px}.upgrade-card h3{font-size:16px}.garage-layout{grid-template-columns:175px minmax(0,1fr)}}
@media(min-width:721px) and (max-height:680px){.topbar{height:70px}.brand .brand-badge{height:65px;width:59px}.nav-button{padding:9px 8px}.fleet-card{padding:12px;gap:8px}.fleet-mini-art .truck-art{max-height:120px}.fleet-card-details{font-size:9px}.fleet-card-actions .button{min-height:29px;font-size:9px}.fleet-driver b{font-size:14px}.fleet-driver .driver-portrait{width:37px!important;height:37px!important}.fleet-card-title h3{font-size:21px}.company-hub{gap:8px}.company-stats>div{padding:10px 14px}.company-stats b{font-size:24px}.office-summary,.tracked-goals{padding:13px;gap:9px}.office-summary h2{font-size:23px}.office-summary p{font-size:10px}.return-summary{padding-top:8px;gap:4px;font-size:9px}.tracked-goals>button{padding:8px;gap:6px}.tracked-goals>div h3{font-size:20px}.company-ledger{padding:9px 13px;gap:6px}.company-ledger b{font-size:18px}.office-card{padding:11px;gap:6px;grid-template-columns:56px 1fr}.office-card>.driver-portrait{width:56px;height:56px}.office-card h3{font-size:19px}.office-card p{font-size:10px}.office-card>div{gap:4px}.office-card .eyebrow{font-size:6px}.office-card .button{min-height:27px}.depot-detail{padding:16px;gap:8px}.depot-detail h2{font-size:23px}.depot-detail>p{font-size:11px;line-height:1.45}.depot-benefits>div{padding:8px}.depot-benefits b{font-size:21px}.depot-local-stats{font-size:8px}.expansion-benefits>div{padding:10px 6px}.queue-toolbar{gap:9px}.queue-toolbar label{width:180px}.queue-plan,.queue-offers{gap:7px;padding:12px}.queue-current{padding:10px}.queue-current h3{font-size:19px}.queue-offer-cards article b{font-size:17px}.queue-offer-cards article span,.queue-offer-cards .button{font-size:9px}.queue-steps article{padding:7px}.queue-current p,.queue-plan>.tiny,.queue-offers>.tiny{font-size:9px}.upgrade-card{gap:4px;padding:8px}.upgrade-card h3{font-size:16px}.upgrade-card p{font-size:9px}.upgrade-card>div>span{font-size:15px}.upgrade-card .button{font-size:9px;min-height:26px}.part-render{max-height:90px}.showcase .truck-art{height:170px}.dispatch-panel:has(.job-tabs){padding:9px;gap:4px}.job-tab{padding:7px 6px;gap:3px}.job-tab b{font-size:13px;min-height:30px}.job-tab strong{font-size:14px}.job-tab small{font-size:7px}.job-tab em{padding-top:3px}.job-tab-pager button{min-height:20px}.selected-contract{padding:6px 0}.selected-contract b{font-size:10px}.selected-contract span{font-size:9px}.route-stats{padding:6px}.dispatch-panel .contract-filters select{min-height:28px}.dispatch-panel .panel-top h2{font-size:23px}.delivery-scene{min-height:58px;max-height:115px}.goal-toolbar label{font-size:9px}.goal-toolbar select{min-height:28px;font-size:10px}.company-row.achievement-card{padding:11px}.achievement-card h3{font-size:19px}.achievement-card p{font-size:10px}.achievement-card .goal-actions .button{min-height:26px;font-size:9px}.goal-progress{gap:4px}}
@media(max-width:720px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:56px 34px;height:97px;padding:0 10px 7px;gap:0 7px}.brand{font-size:20px}.brand .brand-badge{width:50px;height:55px}.main-nav{grid-column:1/-1;grid-row:2;gap:5px}.nav-button,.nav-button[data-view]{font-size:10px;padding:7px 3px;gap:5px;border-radius:7px 7px 9px 9px}.nav-button .icon{width:15px;height:15px}.top-actions>strong{font-size:14px}.top-actions .icon-button{min-height:27px;padding:4px}.top-actions .icon-button .icon{width:15px;height:15px}.top-actions{gap:4px}.immersive .topbar{height:97px}.fleet-cards:has(>.fleet-card:only-child) .fleet-card{padding:17px}.fleet-cards:has(>.fleet-card:only-child) .fleet-card h3{font-size:23px}.fleet-cards:has(>.fleet-card:only-child) .fleet-driver b{font-size:18px}.fleet-cards:has(>.fleet-card:only-child) .fleet-driver .driver-portrait{width:50px;height:50px}.fleet-card-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fleet-card-details{font-size:9px}.fleet-driver{gap:6px}.fleet-driver .driver-portrait{width:35px!important;height:35px!important}.fleet-driver b{font-size:13px}.fleet-driver small{font-size:7px}.fleet-card-title h3{font-size:18px}.fleet-card-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.fleet-card-actions .button:first-child{grid-column:1/-1}.fleet-card-actions .button{font-size:10px;min-height:29px}.fleet-card-details>span{line-height:1.4}.fleet-mini-art .truck-art{max-height:170px}.fleet-command{font-size:9px}.fleet-command .button,.filter-toggle{font-size:9px;padding:5px 8px;min-height:28px}.crew-person{grid-template-columns:42px minmax(0,1fr);gap:6px}.crew-person .driver-portrait{width:40px;height:40px}.crew-person .crew-state{display:none}.crew-detail-title>.driver-portrait{width:54px;height:54px}.crew-detail-title{gap:9px}.crew-detail-title h2{font-size:23px}.crew-layout{grid-template-rows:105px minmax(0,1fr)}.garage-layout{display:flex;flex-direction:column}.showcase .truck-art{height:85px;width:95px}.showcase{max-height:112px}.upgrades-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;gap:10px}.upgrade-card{padding:12px;gap:8px;grid-template-rows:minmax(55px,1fr) auto auto auto auto}.part-render{max-height:180px}.upgrade-card h3{font-size:19px}.upgrade-card p{font-size:11px;min-height:30px}.shop-showroom .truck-art{height:150px}.truck-shop .shop-showroom{max-height:160px}.queue-toolbar{flex-wrap:wrap;gap:5px 8px}.queue-toolbar label{width:calc(100% - 125px)}.queue-toolbar>span{font-size:9px;order:3;flex-basis:100%}.queue-toolbar>.button{font-size:10px;min-height:29px}.queue-mobile-tabs{display:flex;flex:none;gap:4px;background:#e9ecd9;padding:4px;border-radius:7px}.queue-mobile-tabs button{flex:1;font-size:10px;min-height:27px;border-radius:5px}.queue-mobile-tabs button.active{background:#456746;color:#fff9df}.queue-layout{display:block;min-height:0}.queue-layout[data-pane=plan] .queue-offers,.queue-layout[data-pane=offers] .queue-plan{display:none}.queue-plan,.queue-offers{height:100%;gap:9px;padding:12px}.queue-current{padding:11px}.queue-current h3{font-size:21px}.queue-current p{font-size:10px}.queue-steps article{padding:10px;gap:8px}.queue-steps strong{font-size:11px}.queue-offer-cards article{gap:8px}.queue-offer-cards article b{font-size:20px}.queue-offer-cards article span{font-size:9px}.queue-offer-cards .button{font-size:9px;min-height:30px;padding:5px 7px}.queue-locked{padding:12px;gap:12px}.queue-locked .truck-art{height:145px;max-width:190px}.queue-locked h2{font-size:24px}.queue-locked p{font-size:11px}.queue-unlocks{padding:10px;font-size:9px;gap:10px}.queue-unlocks b{font-size:8px}.depot-selector{gap:8px;flex-wrap:wrap}.depot-selector>label{flex:1;min-width:150px;font-size:9px}.depot-selector>.button{font-size:9px;min-height:30px}.depot-tabs{order:3;flex-basis:100%;padding:3px}.depot-tabs button{min-height:26px;font-size:10px}.depot-workspace{display:flex;flex-direction:column;gap:8px}.depot-showroom{height:138px;flex:none;display:grid;grid-template-columns:43% minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:10px;padding:5px 10px;text-align:left}.rendered-depot{height:100%;grid-row:1/-1}.rendered-depot .depot-art{height:100%;max-height:none;max-width:none}.depot-specialty-label{display:none}.garden-award{display:none}.depot-showroom>h2{font-size:24px;align-self:end;margin:0 0 5px}.depot-showroom>span{font-size:10px;align-self:start}.depot-detail{padding:13px;gap:8px;flex:1;justify-content:center}.depot-detail h2{font-size:23px}.depot-detail>p{font-size:10px;line-height:1.45}.depot-benefits{gap:5px}.depot-benefits>div{padding:7px 10px;gap:3px}.depot-benefits b{font-size:19px}.depot-benefits span{font-size:8px}.depot-local{padding:7px 9px}.depot-local-stats{font-size:8px;gap:4px}.depot-detail .button{min-height:28px;font-size:10px;padding:5px 9px}.depot-detail>p.tiny,.depot-detail .depot-requirement{font-size:9px}.expansion-benefits>div{padding:8px 5px;font-size:11px}.specialty-cards{gap:6px}.specialty-cards>button{padding:6px;gap:6px}.specialty-cards .part-render{width:40px;height:40px}.specialty-cards b{font-size:10px}.specialty-cards small{font-size:8px}.company-navigation{gap:6px}.company-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:3px;width:100%}.company-tabs>button{font-size:8px;padding:6px 2px;min-height:27px;letter-spacing:-.2px}.company-tools .button{min-height:27px;font-size:9px}.company-hub{gap:8px}.company-hub-main{display:flex;flex-direction:column;gap:8px}.office-summary{padding:12px;gap:8px;flex:1}.office-summary h2{font-size:22px}.office-summary p{font-size:10px;line-height:1.4}.office-summary-actions .button{font-size:9px;min-height:27px;padding:5px 10px}.office-summary .eyebrow{font-size:6px}.return-summary{font-size:9px;padding-top:7px;gap:4px}.return-summary small{font-size:8px}.tracked-goals{padding:10px;gap:5px;flex:1}.tracked-goals>div h3{font-size:18px}.tracked-goals>div button{font-size:9px;min-height:22px}.tracked-goals>button{padding:6px 9px;gap:5px}.tracked-goals b{font-size:10px}.tracked-goals small{font-size:8px}.tracked-goals .progress{height:3px}.company-ledger{padding:9px 10px;gap:7px}.company-ledger span{font-size:7px;line-height:1.3}.company-ledger b{font-size:15px}.company-ledger small{font-size:7px;line-height:1.4}.office-toolbar{font-size:9px;gap:8px}.office-toolbar .button{font-size:9px;min-height:27px;padding:5px 8px}.office-cards{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:9px}.office-card{padding:13px;grid-template-columns:64px minmax(0,1fr);gap:6px 11px}.office-card>.driver-portrait{width:64px;height:64px}.office-card h3{font-size:22px}.office-card p{font-size:10px}.office-card .eyebrow{font-size:6px}.office-card small{font-size:8px}.office-card .button{min-height:27px;font-size:10px}.office-note{font-size:8px;line-height:1.45}.goal-toolbar{gap:6px}.goal-toolbar label{flex:1;width:auto;font-size:8px;min-width:0}.goal-toolbar select{font-size:9px;min-height:27px;padding:5px}.goal-toolbar .button{font-size:9px;min-height:27px;padding:5px 8px}.company-section-title h2{font-size:19px}.company-section-title p{font-size:9px}.company-row.achievement-card{padding:12px}.achievement-card h3{font-size:21px}.achievement-card p{font-size:10px}.achievement-card .goal-actions{gap:5px}.achievement-card .goal-actions .button{font-size:9px;min-height:26px}.achievement-card>div:first-child{gap:6px}.delivery-scene{min-height:75px;max-height:155px}.job-tab{padding:9px 7px}.job-tab b{font-size:15px}.job-tab strong{font-size:16px}.selected-contract b{font-size:12px}.route-stats b{font-size:17px}.trip-cost-line{font-size:10px}}
@media(max-width:720px) and (max-height:740px){.fleet-card-body{grid-template-columns:1fr;grid-template-rows:minmax(80px,1fr) auto;gap:8px}.fleet-card-details{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:9px;align-items:center}.fleet-card-details>.fleet-driver{grid-column:1/-1;grid-row:1;justify-content:center;margin:0}.fleet-card-details>span:first-child{grid-column:1/-1;text-align:center}.fleet-cards:has(>.fleet-card:only-child) .fleet-mini-art .truck-art{max-height:140px}.fleet-cards:has(>.fleet-card:only-child) .fleet-card{padding:13px;gap:9px}.fleet-cards:has(>.fleet-card:only-child) .fleet-card h3{font-size:23px}.fleet-card-actions .button{min-height:27px;font-size:9px}.fleet-command .button,.filter-toggle{font-size:8px;padding:5px 7px}.crew-layout{grid-template-rows:87px minmax(0,1fr)}.crew-person .driver-portrait{width:32px;height:32px}.crew-person{grid-template-columns:33px minmax(0,1fr)}.crew-person b{font-size:10px}.crew-person small{font-size:7px}.crew-detail-title>.driver-portrait{width:43px;height:43px}.crew-detail-title h2{font-size:21px}.crew-detail{gap:7px}.showcase{max-height:94px}.showcase .truck-art{height:72px}.upgrade-card{padding:10px;gap:6px}.upgrade-card h3{font-size:17px}.upgrade-card p{font-size:10px;min-height:26px}.upgrade-card .part-render{max-height:125px}.depot-showroom{height:92px}.depot-showroom>h2{font-size:22px}.depot-showroom>span{font-size:9px}.depot-detail{padding:10px;gap:6px}.depot-detail h2{font-size:20px}.depot-detail>p{font-size:9px}.depot-benefits>div{padding:6px 8px;gap:2px}.depot-benefits b{font-size:17px}.depot-benefits span{font-size:7px}.depot-local-stats{font-size:7px}.depot-local{padding:6px 8px}.depot-detail>p.tiny,.depot-detail .depot-requirement{font-size:8px}.expansion-benefits>div{padding:7px 4px;font-size:10px}.office-summary{padding:10px;gap:6px}.office-summary h2{font-size:20px}.office-summary p{font-size:9px}.return-summary{font-size:8px;gap:3px;padding-top:6px}.return-summary small{font-size:7px}.tracked-goals{padding:8px;gap:4px}.tracked-goals>button{padding:5px 8px;gap:4px}.tracked-goals>div h3{font-size:16px}.tracked-goals b{font-size:9px}.tracked-goals small{font-size:7px}.company-ledger{padding:7px 9px;gap:5px}.company-ledger b{font-size:14px}.company-ledger span{font-size:6px}.company-ledger small{font-size:6px}.company-hub{gap:6px}.company-hub-main{gap:6px}.company-stats>div{padding:8px}.company-stats b{font-size:20px}.company-stats span{font-size:7px}.office-card{padding:10px;grid-template-columns:50px minmax(0,1fr);gap:5px 8px}.office-card>.driver-portrait{width:50px;height:50px}.office-card h3{font-size:19px}.office-card p{font-size:9px}.office-card small{font-size:8px}.office-card>div{gap:5px}.office-note{font-size:7px}.achievement-card h3{font-size:18px}.achievement-card p{font-size:9px}.company-row.achievement-card{padding:10px}.achievement-card .goal-actions .button{font-size:8px;min-height:25px}.achievement-card>div:first-child{gap:4px}.company-section-title h2{font-size:17px}.company-section-title p{font-size:8px}.company-section-title{gap:3px}.job-tab{padding:7px 6px;gap:3px}.job-tab b{font-size:13px;min-height:29px}.job-tab strong{font-size:14px}.job-tab small{font-size:7px}.job-tab em{font-size:7px;padding-top:3px}.job-tab-pager{font-size:8px}.job-tab-pager button{min-height:20px}.dispatch-panel:has(.job-tabs){gap:4px;padding:10px}.dispatch-panel:has(.job-tabs) .panel-top h2{font-size:23px}.selected-contract{padding:5px 0;gap:3px}.selected-contract b{font-size:10px}.selected-contract span{font-size:8px}.route-stats{padding:6px}.route-stats b{font-size:15px}.trip-cost-line,.trip-cost-line button{font-size:9px}.route-choice button{min-height:26px}.route-choice small{font-size:8px}.dispatch-panel .contract-filters select{min-height:27px;font-size:10px}.delivery-scene{min-height:52px;max-height:95px}.queue-toolbar label{font-size:9px}.queue-toolbar select{min-height:27px;font-size:10px}.queue-current{padding:9px}.queue-current h3{font-size:18px;margin:4px 0}.queue-current p{font-size:9px}.queue-plan,.queue-offers{padding:10px;gap:7px}.queue-steps article{padding:8px}.queue-steps strong{font-size:10px}.queue-steps span{font-size:8px}.queue-steps article>b{font-size:19px;width:20px}.queue-offer-cards article b{font-size:17px}.queue-offer-cards article span{font-size:8px}.queue-offer-cards article small{font-size:7px}.queue-plan>.tiny,.queue-offers>.tiny{font-size:8px}.queue-offer-cards .button{font-size:8px}.queue-locked .truck-art{height:120px}.queue-locked{gap:9px}.queue-locked h2{font-size:22px}.queue-locked p{font-size:10px}}
@media(min-width:450px) and (max-width:720px) and (max-height:600px){.fleet-card-body{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.fleet-card-details{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.fleet-card-details>.fleet-driver{align-self:flex-start}.fleet-card-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.fleet-card-actions .button:first-child{grid-column:auto}.fleet-cards:has(>.fleet-card:only-child) .fleet-card{padding:12px}.depot-workspace{display:grid;grid-template-columns:34% 1fr}.depot-showroom{height:auto;display:flex;padding:3px}.rendered-depot{height:190px}.depot-showroom>h2{font-size:21px;align-self:center}.depot-showroom>span{font-size:8px;text-align:center}.depot-detail{gap:6px}.depot-detail h2{font-size:19px}.depot-selector{flex-wrap:nowrap}.depot-selector>label{width:140px;min-width:120px;flex:0}.depot-tabs{order:0;flex-basis:auto}.depot-tabs button{font-size:8px}.depot-selector>.button{font-size:8px;padding:5px}.depot-benefits b{font-size:16px}.depot-detail>p{font-size:8px}.company-hub-main{display:grid;grid-template-columns:1.15fr 1fr;gap:7px}.office-summary h2{font-size:18px}.office-summary p{font-size:8px}.office-summary-actions{gap:4px}.office-summary-actions .button{font-size:8px;padding:4px 6px}.return-summary{font-size:7px}.return-summary small{font-size:7px}.tracked-goals>button>span{align-items:flex-start;flex-direction:column;gap:2px}.tracked-goals b{font-size:8px}.tracked-goals>div h3{font-size:15px}.company-ledger{padding:6px 9px}.office-cards{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.office-card{grid-template-columns:42px minmax(0,1fr);padding:9px}.office-card>.driver-portrait{width:42px;height:42px}.office-card h3{font-size:17px}.office-card p{font-size:8px}.office-card small{font-size:7px}.office-note{font-size:7px}.achievement-card .goal-actions{width:auto;flex-direction:column}.company-row.achievement-card{align-items:center}.achievement-card .goal-actions .button{font-size:8px}.garage-layout{display:grid;grid-template-columns:140px minmax(0,1fr)}.showcase{display:flex;flex-direction:column;max-height:none;gap:6px;text-align:center;padding:8px}.showcase .truck-art{width:130px;height:130px}.showcase h2{font-size:19px}.showcase .specs{font-size:8px;flex-wrap:wrap}.upgrade-card{padding:8px;gap:4px}.upgrade-card h3{font-size:16px}.upgrade-card p{font-size:9px}.upgrade-card>div>span{font-size:13px}.upgrade-card .button{font-size:8px;padding:4px 6px}.queue-layout{display:grid;grid-template-columns:1fr 1fr;gap:8px}.queue-layout .queue-plan,.queue-layout .queue-offers{display:flex!important}.queue-mobile-tabs{display:none}.queue-current p{font-size:8px}.queue-current h3{font-size:16px}.queue-steps article{padding:6px;gap:5px}.queue-steps strong{font-size:8px}.queue-steps span{font-size:7px}.queue-offer-cards article{flex-direction:column;align-items:stretch;gap:4px;padding:7px}.queue-offer-cards article b{font-size:13px}.queue-offer-cards article span{font-size:7px}.queue-offer-cards article small{display:none}.queue-offer-cards .button{min-height:22px;padding:3px}.queue-offers>div>h3{font-size:19px}.queue-offers>label{font-size:8px}.queue-offers select{min-height:25px;font-size:9px}.queue-offers .pager{gap:8px}.queue-offers .pager .button{min-height:22px;padding:3px 7px}.queue-plan>.tiny,.queue-offers>.tiny{font-size:7px}.queue-toolbar>span{flex-basis:auto;order:0}.queue-toolbar label{width:140px}.queue-toolbar>.button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.truck-driving .map-sprite,.scene-road .rendered-scenery,.scene-road .scene-vehicle,.scene-ferry .scene-vehicle{animation:none}.nav-button,#map-detail-layer{transition:none}}

.rendered-depot .depot-art{overflow:hidden}.selected-truck .truck-chip rect{stroke:#edca7a;stroke-width:2}.forest-patron .brand:after{content:"✿";display:inline-grid;place-items:center;font-size:17px;width:23px;height:23px;border:1px solid #7e9d69;border-radius:50%;color:#587847;background:#e3ebd3}

/* Keep the complete dispatch action visible when the map shares its row. */
.dispatch-panel:has(.job-tabs){gap:5px;padding:12px}.dispatch-panel:has(.job-tabs) .panel-top h2{font-size:26px;line-height:1.1}.job-tab{padding:8px 7px;gap:3px}.job-tab b{font-size:14px;min-height:30px}.job-tab small{font-size:7px}.job-tab em{font-size:7px;padding-top:4px}.selected-contract{padding:6px 0;gap:3px;flex:none}.selected-contract b{font-size:11px;line-height:1.2}.selected-contract span{font-size:9px;line-height:1.3}.route-stats{padding:5px 8px;flex:none}.dispatch-panel:has(.job-tabs)>.tiny{font-size:8px;line-height:1.4}.dispatch-panel:has(.job-tabs)>.button{flex:none}
@media(max-height:740px){.dispatch-panel:has(.job-tabs){gap:4px;padding:9px}.dispatch-panel:has(.job-tabs) .panel-top h2{font-size:22px}.dispatch-panel:has(.job-tabs) .contract-filters{gap:7px}.dispatch-panel:has(.job-tabs) .contract-filters label{font-size:8px;gap:3px}.dispatch-panel:has(.job-tabs) .contract-filters select{min-height:26px;padding:4px 6px;font-size:9px}.dispatch-panel:has(.job-tabs) .job-tab{padding:6px 5px;gap:2px}.dispatch-panel:has(.job-tabs) .job-tab b{font-size:12px;min-height:26px}.dispatch-panel:has(.job-tabs) .job-tab strong{font-size:13px}.dispatch-panel:has(.job-tabs) .job-tab span{font-size:9px}.dispatch-panel:has(.job-tabs) .job-tab small{font-size:7px}.dispatch-panel:has(.job-tabs) .job-tab em{display:none}.dispatch-panel:has(.job-tabs) .selected-contract{display:none}.dispatch-panel:has(.job-tabs) .route-stats b{font-size:14px}.dispatch-panel:has(.job-tabs) .route-stats small{font-size:7px}.dispatch-panel:has(.job-tabs) .route-choice button{min-height:25px;font-size:9px}.dispatch-panel:has(.job-tabs) .route-choice small{font-size:8px}.dispatch-panel:has(.job-tabs) .trip-cost-line{min-height:20px;font-size:9px}.dispatch-panel:has(.job-tabs) .trip-cost-line button{font-size:9px;min-height:20px}.dispatch-panel:has(.job-tabs)>.tiny:not(.warning){display:none}.dispatch-panel:has(.job-tabs)>.button{min-height:29px;font-size:10px}}
.dispatch-panel:has(.job-tabs){gap:4px}.dispatch-panel:has(.job-tabs) .selected-contract{padding:4px 0}
@media(min-width:450px) and (max-width:720px) and (max-height:600px){.panel-bottom:has([data-action=queue-open]){grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.panel-bottom:has([data-action=queue-open]) .button{font-size:8px;min-height:26px;padding:4px}.panel-bottom:has([data-action=queue-open]) .icon{width:12px;height:12px}}
@media(min-width:450px) and (max-width:720px) and (max-height:600px){.dispatch-panel:has(.claim-countdown) .delivery-scene{min-height:40px;max-height:40px;flex:none}.dispatch-panel:has(.claim-countdown) .arrival-note{font-size:9px;line-height:1.3}}

/* Stable delivery scenes and a single opaque map image at each zoom. */
#map-detail-layer{opacity:1;transition:none;display:none}.detail-zoom #map-detail-layer{display:block}.detail-zoom #map-base-layer{display:none}
.scene-road .rendered-scenery,.scene-road .scene-vehicle{animation:none}
.scene-road .scene-track i{left:0;right:0;transform:none;background-size:60px 100%;animation:road-flow .85s linear infinite;will-change:background-position}
@keyframes road-flow{from{background-position:0 0}to{background-position:-60px 0}}
.job-list-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;flex:none}.job-list-heading b{font-weight:500}
.dispatch-panel .job-offer-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:62px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1px 4px 1px 1px}
.dispatch-panel .job-offer-list>.job-tab{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;flex:none;gap:8px;padding:10px;min-height:72px}
.dispatch-panel .job-offer-list>.job-tab>div{display:flex;flex-direction:column;gap:4px;min-width:0}.dispatch-panel .job-offer-list>.job-tab>div:last-child{align-items:flex-end;flex:none}
.dispatch-panel .job-offer-list .job-tab b{font-size:17px;min-height:0}.dispatch-panel .job-offer-list .job-tab strong{font-size:18px}.dispatch-panel .job-offer-list .job-tab span{font-size:9px}.dispatch-panel .job-offer-list .job-tab small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.dispatch-panel .job-offer-list .job-tab em{display:block;font-size:8px;padding-top:0;border:0}
.dispatch-panel:has(.job-offer-list) .selected-contract{display:none}.fleet-actions{gap:5px}.fleet-actions>.button{white-space:nowrap}.fleet-actions>[data-action=ready-fleet]{background:#254f3b;color:#fff2d4;border-color:#254f3b}
.dispatch-prompt{position:fixed;z-index:60;right:20px;bottom:104px;width:420px;max-width:calc(100vw - 24px);display:grid;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:12px;background:#f8f0d9;border:2px solid #8da576;border-radius:15px;box-shadow:0 12px 35px #193d4540;padding:20px 17px;animation:prompt-in .25s ease-out}
.dispatch-prompt h3{font-size:23px;margin:4px 0 8px}.dispatch-prompt p:not(.eyebrow){font-size:11px;line-height:1.6;margin:0 0 10px}.dispatch-prompt .eyebrow{font-size:7px}.dispatch-prompt small{display:block;font-size:8px;color:var(--muted);margin-top:7px}.prompt-art .truck-art{width:100%;height:auto}.prompt-close{position:absolute;right:8px;top:5px;font-size:22px;padding:1px 6px}.dispatch-prompt .button{font-size:11px;min-height:33px;width:100%}
@keyframes prompt-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.ready-fleet-list{display:flex;flex-direction:column;gap:9px;margin:14px 0}.ready-fleet-list>button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:left;background:#eaf0dd}.ready-fleet-list .driver-portrait{width:43px;height:43px;flex:none}.ready-fleet-list span{display:flex;flex-direction:column;gap:5px;flex:1}.ready-fleet-list b{font-size:16px}.ready-fleet-list small{font-size:9px}.ready-fleet-list strong{font-size:10px}
.depot-upgrade-list{display:flex;flex-direction:column;gap:10px;min-height:0}.depot-upgrade-list article{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:13px;align-items:center;padding:12px;border:1px solid #cad8b9;background:#edf2e3;border-radius:10px}.depot-upgrade-list .part-render{width:65px;height:65px}.depot-upgrade-list h3{font-size:21px;margin:0 0 5px}.depot-upgrade-list h3 span{font:9px sans-serif;white-space:nowrap;color:var(--muted)}.depot-upgrade-list p{font-size:11px;line-height:1.5;margin:0 0 5px}.depot-upgrade-list small{font-size:9px;color:#497043}.depot-upgrade-list .button{font-size:10px;min-width:110px}
@media(max-width:1100px){.fleet-actions>.button{font-size:10px;padding:7px 10px}.depot-upgrade-list article{grid-template-columns:45px minmax(0,1fr) auto;gap:9px;padding:10px}.depot-upgrade-list .part-render{width:45px;height:45px}.depot-upgrade-list h3{font-size:18px}.depot-upgrade-list p{font-size:10px}.depot-upgrade-list .button{min-width:90px;font-size:9px}}
@media(max-height:740px){.dispatch-panel .job-offer-list>.job-tab{min-height:59px;padding:7px 9px}.dispatch-panel .job-offer-list .job-tab b{font-size:15px}.dispatch-panel .job-offer-list .job-tab strong{font-size:15px}.dispatch-panel .job-offer-list .job-tab small{font-size:7px}.job-list-heading{font-size:8px}.depot-upgrade-list article{padding:9px;gap:9px}.depot-upgrade-list h3{font-size:18px}.depot-upgrade-list .part-render{width:48px;height:48px}.depot-upgrade-list{gap:7px}}
@media(max-width:720px){.fleet-actions>.button{font-size:8px;padding:5px 7px;min-height:26px}.dispatch-prompt{right:12px;bottom:95px;width:370px;padding:16px 12px;gap:9px;grid-template-columns:105px minmax(0,1fr)}.dispatch-prompt h3{font-size:21px}.dispatch-prompt p:not(.eyebrow){font-size:10px}.depot-upgrade-list article{grid-template-columns:36px minmax(0,1fr) auto;gap:6px;padding:8px}.depot-upgrade-list .part-render{width:36px;height:36px}.depot-upgrade-list h3{font-size:16px;margin-bottom:3px}.depot-upgrade-list h3 span{font-size:8px}.depot-upgrade-list p{font-size:8px;line-height:1.35;margin-bottom:4px}.depot-upgrade-list small{font-size:7px}.depot-upgrade-list .button{font-size:8px;min-width:80px;padding:5px}.depot-upgrade-list{gap:6px}.depot-tabs button{padding:5px 8px}}
@media(max-width:720px) and (max-height:740px){.depot-upgrade-list article{padding:5px;grid-template-columns:27px minmax(0,1fr) auto}.depot-upgrade-list .part-render{width:27px;height:27px}.depot-upgrade-list h3{font-size:14px}.depot-upgrade-list p{font-size:7px}.depot-upgrade-list .button{min-width:73px;font-size:7px}.depot-upgrade-list small{font-size:7px}.depot-upgrade-list{gap:5px}}
@media(prefers-reduced-motion:reduce){.scene-road .scene-track i,.dispatch-prompt{animation:none}}