/* Parcel Pines fleet studio. This layer also keeps short windows scroll-free. */
:root{--forest:#285744;--gold:#b27731;--blue:#376e7b;--plum:#806381}
.topbar{height:82px;padding:0 20px;gap:14px;background:#fcfaf1;box-shadow:0 2px 12px #244b3b08;z-index:3}.brand{gap:8px;font-size:25px}.brand .brand-badge{width:70px;height:74px}.brand small{font-size:6px;letter-spacing:1.2px}.main-nav{gap:7px}.nav-button{--nav:#285744;--nav-light:#e3ecdf;border:1px solid color-mix(in srgb,var(--nav) 20%,transparent);background:var(--nav-light);color:var(--nav);padding:10px 13px;border-radius:10px;box-shadow:0 2px 0 color-mix(in srgb,var(--nav) 12%,transparent);transition:background .18s,transform .18s}.nav-button[data-view=garage]{--nav:#925e26;--nav-light:#f5e7cb}.nav-button[data-view=warehouses]{--nav:#326a79;--nav-light:#e1edef}.nav-button[data-view=journal]{--nav:#765979;--nav-light:#eee4eb}.nav-button.active{background:var(--nav);color:#fff9e9;box-shadow:0 3px 0 color-mix(in srgb,var(--nav) 80%,#000)}.nav-button:hover{transform:translateY(-1px)}.nav-button .icon{width:19px;height:19px}.top-actions>strong{font-size:17px}.top-actions .icon-button{border:1px solid #dce1d1;background:#f4f4e9}.top-actions{gap:6px}.top-actions .icon-button span{display:none}.brand.explorer-company:after{font-size:15px}
.button{transition:background .15s,box-shadow .15s}.button:disabled{opacity:.53}[data-action=fleet-dispatch],[data-action=crew-assign],[data-action=save-assignment],[data-action=hire-driver],[data-action=company-next]{background:var(--forest);border-color:var(--forest);color:#fffbed}[data-action=garage-buy],[data-action=hire-dialog],[data-action=buy-for-driver]{color:#8b5c25;background:#fbefda;border-color:#dbc294}
.truck-art{overflow:visible}.truck-body{transform-origin:50% 85%}.wheel-spin{transform-box:fill-box;transform-origin:center}.showcase,.shop-showroom,.style-studio>div:first-child{background:radial-gradient(ellipse at 50% 70%,#e4e9d7,transparent 66%)}.showcase .truck-art{width:100%;max-width:290px}.showcase h2{font-size:24px}
.delivery-scene{position:relative;isolation:isolate;width:100%;height:136px;min-height:88px;flex:1;max-height:155px;border-radius:11px;overflow:hidden;background:linear-gradient(#e4efe1,#f4f1ce);border:1px solid #d1ddc6}.scene-backdrop{position:absolute;inset:0;width:100%;height:100%}.scene-track{position:absolute;bottom:11%;left:0;right:0;height:26%;background:#617870;border-top:4px solid #a7b898;border-bottom:3px solid #8fa38a;overflow:hidden}.scene-track i{position:absolute;left:-60px;right:-60px;top:51%;height:3px;background:repeating-linear-gradient(90deg,#ece6bf 0 28px,transparent 28px 60px)}.scene-vehicle{position:absolute;width:76%;max-width:280px;left:12%;bottom:11%;line-height:0}.scene-vehicle .truck-art{width:100%;max-width:none}.scene-caption{position:absolute;bottom:5px;right:9px;font-size:7px;letter-spacing:1px;color:#f7f3dd;background:#365b50da;border-radius:4px;padding:4px 6px;font-weight:800}.scene-road .wheel-spin{animation:wheel-turn .8s linear infinite}.scene-road .truck-body{animation:road-bob .8s ease-in-out infinite}.scene-road .scene-track i{animation:road-scroll .75s linear infinite}.scene-road .scenery-pines{animation:pine-scroll 9s linear infinite}.scene-ready{background:linear-gradient(#e5ecdb,#f6edcf)}.scene-ready .scene-caption{background:#447853}.scene-stranded .scene-caption{background:#aa6741}.scene-stranded .scene-vehicle{opacity:.85}.scene-refuel .scene-vehicle{width:67%;left:8%}.scene-pump{position:absolute;right:10%;bottom:25%;width:27px;height:40px;background:#dcaa60;border:2px solid #657b60;border-radius:4px;color:#365d50;text-align:center}.scene-pump span{font-size:7px;font-weight:800;display:block;margin-top:3px}.scene-pump b{font-size:17px}.scene-refuel .scene-caption{background:#99652d}.scene-ferry{background:linear-gradient(#dcece4,#b9d7d4)}.scene-ferry .scene-track{background:repeating-linear-gradient(0deg,#719f9c 0 3px,#86afaa 3px 14px);height:29%;border:0}.scene-ferry .scene-track i{display:none}.scene-ferry .scene-vehicle{width:62%;left:16%;bottom:25%;animation:ferry-float 3s ease-in-out infinite}.ferry-deck{position:absolute;bottom:16%;left:6%;width:88%;height:27%;background:#fbf0d0;clip-path:polygon(0 0,100% 0,92% 83%,19% 100%,4% 58%);border-top:5px solid #bd814a;animation:ferry-float 3s ease-in-out infinite}.ferry-deck span{font-size:6px;font-weight:800;letter-spacing:1px;position:absolute;bottom:7px;right:20px;color:#497274}
@keyframes wheel-turn{to{transform:rotate(360deg)}}@keyframes road-bob{50%{transform:translateY(-1.4px)}}@keyframes road-scroll{to{transform:translateX(-60px)}}@keyframes pine-scroll{to{transform:translateX(-300px)}}@keyframes ferry-float{50%{transform:translateY(2px) rotate(.6deg)}}
.express-button{background:#fbefd4;color:#8c6024;border-color:#d5b674;white-space:nowrap}.express-button>span{display:flex;align-items:center;gap:5px}.express-button .icon{width:15px;height:15px}.pass-count{background:#9b6f30;color:#fff6df;min-width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px}.express-button.pass-ready{border-color:#d99b39;background:#ffedbb;box-shadow:0 0 0 2px #e5b35b45,0 0 13px #daa23d55;animation:pass-glow 2.4s ease-in-out infinite}.panel-bottom .express-button>span{font-size:10px}.panel-bottom .express-button{gap:4px}.panel-bottom .express-button .icon{display:none}.panel-bottom .pass-count{min-width:18px;height:18px;font-size:10px}.panel-bottom:has(.express-button){grid-template-columns:.9fr 1.4fr 1.2fr}@keyframes pass-glow{50%{box-shadow:0 0 0 3px #e5b35b60,0 0 20px #d99a3d85}}
.garage-tabs,.company-tabs{display:flex;gap:5px;padding:5px;border-radius:11px;background:#e9eddf;border:1px solid #d3dcc7;flex:none}.garage-tabs>button,.company-tabs>button{font-size:12px;padding:7px 18px;font-weight:700;border-radius:7px;min-width:0;position:relative}.garage-tabs>button.active{background:#93642f;color:#fff7e6;box-shadow:0 2px 5px #6c532922}.company-tabs>button.active{background:#785b78;color:#fff8ee}.truck-selector{display:flex;flex-direction:row;align-items:center;gap:12px;flex:none;font-size:11px}.truck-selector select{width:260px}.section-content{gap:10px}#garage-content,#journal-content{overflow:hidden}
.fleet-command,.crew-command{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;font-size:12px;color:var(--muted)}.fleet-command>div{display:flex;gap:7px}.fleet-command i{font-style:normal;margin:0 6px}.fleet-command b{color:var(--ink)}.fleet-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:13px;flex:1;min-height:0}.fleet-card{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px 19px;background:#fffdf5;border:1px solid #d7dfcb;border-radius:14px;min-width:0;min-height:0;box-shadow:0 3px 0 #345b4010}.fleet-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.fleet-card h3{font-size:20px;overflow-wrap:anywhere}.status-pill{font-size:9px;white-space:nowrap;border-radius:20px;padding:5px 8px;background:#e9eee1;color:#436b49;font-weight:700}.status-driving{background:#e1edf0;color:#397685}.status-ready{background:#e8eacd;color:#637226}.status-stranded,.no-driver{background:#f4e4ce;color:#976936}.fleet-card-body{display:grid;grid-template-columns:45% minmax(0,1fr);align-items:center;gap:13px;min-height:0}.fleet-mini-art{background:radial-gradient(ellipse,#edf0e2,transparent 70%);min-width:0;display:grid;place-items:center}.fleet-mini-art .truck-art{width:100%;max-height:107px}.fleet-card-details{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted);min-width:0}.fleet-card-details>b{font-size:16px;color:var(--ink)}.fleet-location{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.fleet-location .icon{width:13px;height:13px}.fleet-card-actions{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:6px}.fleet-card-actions .button{padding:5px 7px;font-size:11px;min-width:0}.fleet-foot{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);flex:none}.fleet-foot>div,.crew-pager{display:flex;align-items:center;gap:12px}.fleet-foot .button,.crew-pager .button{min-height:27px;padding:3px 13px}
.crew-command p{font-size:12px}.crew-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr);gap:18px;flex:1;min-height:0}.crew-roster{min-height:0;display:flex;flex-direction:column;gap:12px}.crew-list{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0}.crew-person{border:1px solid #d5ddc8;border-radius:11px;background:#fcfcf2;text-align:left;display:flex;align-items:center;gap:12px;padding:13px;min-height:0;flex:1;max-height:105px}.crew-person.selected{background:#e9efde;border-color:#859d73;box-shadow:inset 3px 0 #68865c}.crew-initial{height:39px;width:39px;flex:none;display:grid;place-items:center;border-radius:11px;background:#d9e4ce;color:#416245;font:23px Georgia,serif}.crew-person>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.crew-person b{font-size:14px}.crew-person small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.crew-state{margin-left:auto;font-size:9px;color:#658b91}.crew-state.available{color:#947039}.crew-pager{justify-content:center;font-size:10px;flex:none}.crew-detail{background:#fffdf5;border:1px solid #d7dfcb;border-radius:14px;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:13px;min-height:0;min-width:0}.crew-detail-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.crew-detail h2{margin-top:4px}.driver-level{font-size:9px;letter-spacing:1px;padding:7px 9px;border-radius:7px;background:#e8edde;color:#6d8258;white-space:nowrap}.crew-perk{font-size:12px;line-height:1.5;color:#65806c}.crew-experience{display:flex;flex-direction:column;gap:6px}.crew-experience small{font-size:10px;color:var(--muted)}.crew-experience .progress{height:5px}.assigned-truck{display:flex;flex-direction:column;gap:6px;padding:14px;background:#f1f2e6;border-radius:10px}.assigned-truck>span{font-size:8px;letter-spacing:1px;color:#7b8a70;font-weight:800}.assigned-truck>b{font-size:16px}.assigned-truck>small{font-size:10px;color:var(--muted)}.crew-assignment-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.crew-detail-actions{display:flex;gap:7px}.crew-detail-actions .button{flex:1;font-size:11px}.staff-hint{font-size:11px;line-height:1.5;color:#7a805b;margin:8px 0}.crew-detail .tiny{font-size:10px}
.truck-shop{gap:25px;padding:24px;max-width:1120px}.shop-showroom{min-height:0;text-align:center;gap:15px}.showroom-label{font-size:10px;color:#82906f;font-weight:700;letter-spacing:1px}.shop-options{display:grid;grid-template-columns:1fr;gap:11px}.purchase-card.truck-shop .truck-art{max-width:420px;width:100%;max-height:none}.truck-shop .staff-hint{font-size:11px;margin:0}.purchase-total{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:10px}.purchase-total>span{font-size:12px;font-weight:700}.purchase-total small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.truck-shop .vehicle-detail{font-size:11px}.truck-shop .price{font-size:27px}.depot-art{width:100%;max-width:510px;max-height:330px;overflow:visible}.depot-layout{background:linear-gradient(120deg,#edf0df,#fffdf4 55%);gap:30px}.depot-scene{min-height:0}.depot-scene h2{color:#47644b}.depot-worker{animation:yard-loading 6s ease-in-out infinite}@keyframes yard-loading{50%{transform:translate(14px,4px)}}
.company-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.company-tabs>button{padding:7px 13px;font-size:11px}.company-tabs i{display:inline-grid;place-items:center;background:#f1d89e;color:#705429;font-style:normal;font-size:9px;width:15px;height:15px;border-radius:4px;margin-left:4px}.company-tools{display:flex;gap:7px}.company-tools .button{font-size:11px;padding:7px 10px}.company-dashboard{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(115px,.8fr) minmax(120px,1fr);gap:14px}.company-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.company-stats>div{padding:17px 22px;border:1px solid #d9dfcd;background:#fcfbf1;border-radius:11px;display:flex;flex-direction:column;gap:5px}.company-stats b{font:28px Georgia,serif;color:#376449}.company-stats span{font-size:10px;color:var(--muted)}.company-feature{background:linear-gradient(120deg,#e3e9d3,#f4ebd1);border:1px solid #cfd8b9;border-radius:15px;padding:22px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px}.company-feature>div{display:flex;flex-direction:column;gap:10px;max-width:620px}.company-feature h2{font-size:29px}.company-feature p:not(.eyebrow){font-size:12px;line-height:1.6;color:#708165}.company-feature>.button{flex:none}.company-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;min-height:0}.company-shortcuts>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;min-height:0;min-width:0;padding:19px 22px;border:1px solid #dedace;background:#fffcf3;border-radius:12px}.company-shortcuts>button:hover{background:#f8f1df;border-color:#cbb98f}.shortcut-icon{width:33px;height:33px;display:grid;place-items:center;background:#efead7;border-radius:9px;color:#927341}.company-shortcuts b{font:19px Georgia,serif;color:#596c50}.company-shortcuts small{font-size:11px;line-height:1.5;color:var(--muted)}.company-shortcuts>button>span:last-child{margin-top:auto;color:#946c36;font-size:11px;font-weight:700}.company-section-title{display:flex;align-items:baseline;gap:14px;flex:none;padding:3px 1px}.company-section-title h2{font-size:22px}.company-section-title p{font-size:11px;color:var(--muted)}.company-rows{gap:11px;flex:1;min-height:0}.company-row{padding:17px 20px;gap:16px;border-radius:12px;background:#fffdf4}.company-row h3{font-size:21px}.company-row>div{gap:8px;min-width:0}.company-row p{font-size:12px;line-height:1.45}.company-row span{font-size:10px}.company-row .button{flex:none}.company-row .eyebrow{font-size:8px;letter-spacing:1px}.company-row .progress{max-width:none;height:5px;margin:0}.goal-progress{display:flex;align-items:center;gap:10px}.goal-progress>span{white-space:nowrap}.goal-progress .progress{flex:1}.reward-label{font-weight:700;color:#92753a}.achievement-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px}.achievement-card .button{align-self:flex-start;min-height:29px;font-size:11px}.achievement-card>div{display:flex;flex-direction:column;gap:7px;flex:1}.achievement-card.claimed{background:#eff1e7}.achievement-card.reward-ready{border-color:#c2a45e;background:#fff8e4}.achievement-card.reward-ready .button{background:#8c6d32;border-color:#8c6d32;color:#fff6da}.achievement-card h3{font-size:20px}#journal-content[data-section=goals] .company-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.story-stamp{font:34px Georgia,serif!important;color:#9b8056;padding:13px;border-radius:10px;background:#f4ead4}.customer-mark{width:43px;height:43px;border-radius:12px;background:#e4eddf;display:grid;place-items:center;color:#587d59;flex:none}.journal-dot{width:9px;height:9px;border-radius:50%;background:#a89664;flex:none}.journal-entry>div>span{color:#8d997f}.pager{flex:none}.pass-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1100px){.brand{font-size:22px}.brand small{display:none}.main-nav{gap:5px}.nav-button{padding:9px 10px;font-size:11px}.topbar{gap:10px;padding:0 14px}.company-navigation{align-items:stretch;flex-direction:column;gap:8px}.company-tabs>button{flex:1}.company-tools{justify-content:flex-end}.company-tools .button{padding:4px 10px;min-height:31px}.company-stats>div{padding:12px 17px}.company-feature{padding:18px 21px}.company-shortcuts>button{padding:15px 16px;gap:8px}.company-shortcuts b{font-size:18px}.company-shortcuts small{font-size:10px}.crew-detail{padding:20px;gap:11px}.crew-layout{grid-template-columns:minmax(200px,.8fr) minmax(0,1.3fr);gap:12px}.fleet-card{padding:13px;gap:10px}.fleet-card h3{font-size:18px}.fleet-card-body{gap:8px}.fleet-command .button{font-size:11px}}
@media(min-width:721px) and (max-height:680px){.topbar{height:70px}.brand .brand-badge{width:59px;height:64px}.section-content{gap:7px}.garage-tabs,.company-tabs{padding:3px}.garage-tabs>button,.company-tabs>button{min-height:29px;padding:5px 14px}.truck-selector select{min-height:27px}.fleet-card{padding:9px 12px;gap:7px}.fleet-card h3{font-size:17px}.fleet-mini-art .truck-art{max-height:66px}.fleet-card-details{gap:3px;font-size:9px}.fleet-card-details b{font-size:13px}.fleet-card-actions .button{font-size:10px;min-height:27px;padding:4px 6px}.fleet-cards{gap:9px}.crew-detail{padding:13px 17px;gap:8px}.crew-detail h2{font-size:23px}.crew-perk{font-size:11px}.assigned-truck{padding:9px;gap:4px}.crew-person{padding:9px;max-height:75px}.crew-list{gap:7px}.truck-shop{padding:14px 20px;gap:20px}.truck-shop>div:last-child{gap:7px}.shop-options{gap:7px}.truck-shop .vehicle-detail,.truck-shop .staff-hint{font-size:10px}.truck-shop h2{font-size:23px}.truck-shop .price{font-size:24px}.truck-shop .tiny{font-size:9px}.purchase-total{padding-top:7px}.depot-art{max-height:230px}.company-dashboard{gap:10px;grid-template-rows:auto minmax(92px,.8fr) minmax(105px,1fr)}.company-stats>div{padding:8px 15px}.company-stats b{font-size:23px}.company-feature{padding:12px 20px}.company-feature h2{font-size:23px}.company-feature>div{gap:6px}.company-feature p:not(.eyebrow){font-size:11px}.company-shortcuts>button{padding:13px 17px;gap:6px}.shortcut-icon{display:none}.company-shortcuts b{font-size:17px}.company-shortcuts small{font-size:10px}.company-section-title h2{font-size:19px}.company-section-title p{font-size:10px}.company-row{padding:10px 14px;gap:8px}.achievement-card>div{gap:4px}.achievement-card h3{font-size:17px}.achievement-card p{font-size:10px}.achievement-card .eyebrow{font-size:7px}.achievement-card .button{min-height:26px;font-size:10px}.company-row span{font-size:9px}.delivery-scene{min-height:64px;max-height:90px}.scene-caption{font-size:6px;padding:3px 4px}.scene-vehicle{width:65%;left:16%}.crew-detail-actions .button{min-height:29px}.company-navigation{gap:5px}.company-tools .button{min-height:27px;font-size:10px}}
@media(max-width:720px){
 .topbar{height:105px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:62px 35px;gap:0 8px;padding:0 10px 8px}.brand{font-size:20px;padding:0;gap:5px}.brand .brand-badge{width:56px;height:60px}.main-nav{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}.nav-button{padding:6px 7px;min-height:32px;gap:6px;font-size:11px;border-radius:7px}.nav-button .icon{width:16px;height:16px}.top-actions{gap:4px}.top-actions>strong{font-size:14px}.top-actions .icon-button{min-height:28px;width:28px;padding:4px}.top-actions [data-action=help]{display:none}.top-actions .icon{width:17px;height:17px}.brand.explorer-company:after{display:none}.immersive .topbar{height:105px}.immersive .brand{font-size:20px}.immersive .brand .brand-badge{width:56px;height:60px}.view-heading h1{font-size:22px}.view-heading>span{max-width:140px}
 .garage-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px;gap:3px}.garage-tabs>button{font-size:10px;padding:5px 2px;min-height:30px}.section-content{gap:8px}.truck-selector{font-size:10px;gap:8px}.truck-selector select{flex:1;width:auto;min-height:29px}.fleet-command{align-items:stretch;flex-direction:column;gap:7px;font-size:10px}.fleet-command>div{justify-content:stretch;gap:5px}.fleet-command .button{flex:1;min-height:29px;padding:5px;font-size:10px}.fleet-cards{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:9px}.fleet-card{padding:11px 13px;gap:7px}.fleet-card h3{font-size:18px}.fleet-card-body{grid-template-columns:42% minmax(0,1fr);gap:12px}.fleet-card-details{font-size:9px;gap:4px}.fleet-card-details>b{font-size:14px}.fleet-mini-art .truck-art{max-height:90px}.fleet-card-actions .button{min-height:29px;font-size:10px;padding:5px}.status-pill{font-size:8px;padding:4px 7px}.fleet-foot{font-size:9px}.fleet-foot>div{gap:9px}.fleet-foot .button{padding:3px 9px;min-height:25px}
 .crew-command{gap:5px}.crew-command p{font-size:10px;max-width:180px;line-height:1.4}.crew-command .button{padding:6px 9px;font-size:10px;min-height:29px}.crew-layout{grid-template-columns:1fr;grid-template-rows:minmax(125px,.5fr) minmax(240px,1fr);gap:9px}.crew-roster{gap:5px}.crew-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.crew-person{max-height:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:9px;gap:5px;position:relative}.crew-initial{display:none}.crew-person b{font-size:12px}.crew-person small{font-size:8px;line-height:1.3}.crew-person>span:nth-child(2){gap:4px}.crew-state{font-size:8px;margin:0}.crew-pager{gap:12px;font-size:9px}.crew-pager .button{min-height:23px;padding:1px 11px}.crew-detail{padding:15px;gap:9px}.crew-detail h2{font-size:23px}.crew-detail .eyebrow{font-size:7px}.driver-level{font-size:8px;padding:6px}.crew-perk{font-size:11px}.crew-experience small{font-size:9px}.assigned-truck{padding:10px;gap:4px}.assigned-truck>b{font-size:14px}.assigned-truck>small{font-size:9px}.crew-assignment-control{gap:7px}.crew-assignment-control label{font-size:9px}.crew-assignment-control select{font-size:11px}.crew-assignment-control .button{min-height:32px;padding:6px 9px;font-size:10px}.crew-detail-actions .button{font-size:10px;padding:6px 9px;min-height:31px}
 .truck-shop{display:flex;flex-direction:column;gap:10px;padding:13px;justify-content:center}#garage-content[data-tab=buy] .truck-shop>div:first-child{max-height:none;min-height:0;width:100%;display:flex;flex-direction:column;gap:3px}#garage-content[data-tab=buy] .truck-art{max-height:118px;width:auto;max-width:100%}.truck-shop>div:last-child{gap:8px;width:100%}.showroom-label{font-size:8px;letter-spacing:.6px}.truck-shop h2{font-size:23px}.truck-shop .shop-options{grid-template-columns:1fr 1fr;gap:8px}.shop-options select{font-size:10px;padding:5px}.truck-shop label{font-size:10px;gap:3px}.truck-shop select{min-height:29px}.truck-shop .vehicle-detail,.truck-shop .staff-hint{font-size:10px;line-height:1.4}.truck-shop .price{font-size:24px}.purchase-total{padding-top:8px}.truck-shop .tiny{font-size:9px}.truck-shop .button{min-height:31px;font-size:11px}.style-studio>div:first-child{max-height:160px}.style-studio .truck-art{max-height:150px}.depot-art{max-height:200px}.depot-layout{padding:15px;gap:12px}.depot-scene h2{font-size:24px}.depot-scene>span{font-size:10px}.depot-controls{gap:9px}.depot-controls p{font-size:11px}
 .company-navigation{gap:8px}.company-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px;gap:2px}.company-tabs>button{font-size:9px;padding:4px 1px;min-height:30px}.company-tabs i{position:absolute;top:-5px;right:-1px;font-size:8px;width:14px;height:14px;margin:0}.company-tools{justify-content:space-between}.company-tools .button{padding:5px 10px;font-size:10px;min-height:29px}.company-dashboard{gap:9px;grid-template-rows:auto minmax(130px,.9fr) minmax(155px,1fr)}.company-stats{gap:6px}.company-stats>div{padding:10px;gap:5px}.company-stats b{font-size:21px}.company-stats span{font-size:8px}.company-feature{padding:14px;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.company-feature h2{font-size:23px}.company-feature>div{gap:6px}.company-feature .eyebrow{font-size:7px}.company-feature p:not(.eyebrow){font-size:10px;line-height:1.5}.company-feature .button{min-height:28px;padding:5px 10px;font-size:10px}.company-shortcuts{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px}.company-shortcuts>button{padding:10px 12px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:3px 9px}.shortcut-icon{width:29px;height:29px;grid-row:1/-1;border-radius:7px}.shortcut-icon .icon{width:17px;height:17px}.company-shortcuts b{font-size:15px;grid-column:2}.company-shortcuts small{font-size:8px;grid-column:2;line-height:1.4}.company-shortcuts>button>span:last-child{display:none}.company-section-title{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.company-section-title h2{font-size:20px}.company-section-title p{font-size:10px;line-height:1.4}.company-row{padding:13px;gap:9px}.company-row h3{font-size:19px}.company-row p{font-size:11px}.company-row>div{gap:6px}.company-row span{font-size:9px}.company-row .button{max-width:100px;font-size:10px;padding:5px 8px;min-height:30px}#journal-content[data-section=goals] .company-rows{grid-template-columns:1fr}.achievement-card{gap:10px}.achievement-card>div{gap:7px}.achievement-card .button{max-width:none}.story-stamp{font-size:23px!important;padding:8px}.story-card{flex-wrap:wrap}.story-card>div{flex:1;min-width:120px}.story-card>.button{margin-left:auto}.customer-mark{width:33px;height:33px}.customer-mark .icon{width:19px;height:19px}.customer-card{flex-wrap:wrap}.customer-card>.button{margin-left:auto}.journal-entry h3{font-size:17px}.pager{font-size:10px;gap:8px}.pager .button{min-height:28px;padding:4px 9px}.delivery-scene{max-height:145px;min-height:80px}.pass-selectors{grid-template-columns:1fr;gap:8px}dialog:has(#pass-choice){padding:19px 16px}.pass-card{margin:10px 0}.pass-wallet{padding:8px}.pass-wallet b{font-size:19px}
}
@media(max-width:720px) and (max-height:740px){
 .topbar{height:97px;grid-template-rows:56px 34px;padding-bottom:7px}.brand .brand-badge{width:50px;height:55px}.brand{font-size:19px}.immersive .topbar{height:97px}.immersive .brand .brand-badge{width:50px;height:55px}.section-content{gap:6px}.garage-tabs>button{min-height:27px;font-size:9px}.fleet-command{gap:5px;font-size:9px}.fleet-command .button{min-height:26px;font-size:9px}.fleet-card{padding:9px 11px;gap:6px}.fleet-card h3{font-size:16px}.fleet-card-details{gap:3px;font-size:8px}.fleet-card-details>b{font-size:12px}.fleet-mini-art .truck-art{max-height:64px}.fleet-card-actions .button{min-height:26px;padding:4px;font-size:9px}.fleet-foot{font-size:8px}.crew-layout{grid-template-rows:minmax(93px,.38fr) minmax(230px,1fr);gap:6px}.crew-person{padding:6px;gap:4px}.crew-person b{font-size:11px}.crew-person small{font-size:8px}.crew-person .crew-state{font-size:7px}.crew-detail{padding:10px 12px;gap:7px}.crew-detail h2{font-size:20px}.crew-perk{font-size:10px;line-height:1.4}.crew-experience{gap:4px}.crew-experience small{font-size:8px}.assigned-truck{padding:8px;gap:4px}.assigned-truck>b{font-size:13px}.crew-detail-actions .button{min-height:28px;font-size:9px;padding:5px}.crew-detail .tiny{font-size:9px}.crew-assignment-control select{min-height:28px;font-size:10px}.crew-assignment-control .button{min-height:28px}.crew-command p{font-size:9px}.crew-command .button{font-size:9px;min-height:27px}.purchase-card.truck-shop{gap:6px;padding:10px}#garage-content[data-tab=buy] .truck-art{max-height:85px}.truck-shop>div:last-child{gap:6px}.truck-shop .vehicle-detail{font-size:9px}.truck-shop h2{font-size:21px}.truck-shop .staff-hint{font-size:9px;line-height:1.35}.truck-shop .price{font-size:22px}.showroom-label{font-size:7px}.truck-shop .tiny{font-size:8px}.truck-shop select{min-height:27px}.truck-shop .button{min-height:28px}.style-studio>div:first-child,.style-studio .truck-art{max-height:95px}.depot-art{max-height:140px}.depot-scene h2{font-size:21px}.depot-controls p{font-size:10px}.depot-controls{gap:7px}.depot-controls .button{min-height:28px;padding:5px}.depot-controls .tiny{font-size:9px}.depot-layout{padding:12px;gap:8px}.company-tabs>button{min-height:27px;font-size:8px}.company-tools .button{min-height:27px;font-size:9px}.company-navigation{gap:6px}.company-dashboard{gap:7px;grid-template-rows:auto minmax(115px,.8fr) minmax(137px,1fr)}.company-stats>div{padding:8px}.company-stats b{font-size:19px}.company-stats span{font-size:7px}.company-feature{padding:11px;gap:7px}.company-feature h2{font-size:20px}.company-feature p:not(.eyebrow){font-size:9px}.company-shortcuts>button{padding:7px 10px}.company-shortcuts b{font-size:14px}.company-shortcuts small{font-size:8px}.company-section-title h2{font-size:18px}.company-section-title p{font-size:9px}.company-row{padding:10px;gap:8px}.company-row h3{font-size:17px}.company-row p{font-size:10px}.company-row .eyebrow{font-size:7px}.company-row span{font-size:8px}.achievement-card>div{gap:5px}.company-row .button{font-size:9px;min-height:27px}.company-row .progress{height:4px}.delivery-scene{min-height:60px;max-height:90px}.scene-vehicle{width:60%;left:20%}.scene-caption{font-size:6px;padding:3px 5px}.pass-selectors{grid-template-columns:1fr 1fr;gap:7px}.pass-selectors label{font-size:9px}.pass-selectors select{font-size:10px;padding:5px}.pass-card h3{font-size:21px}.pass-card p{font-size:10px}.pass-card .tiny{font-size:8px}dialog:has(#pass-choice) .tiny{font-size:9px}dialog:has(#pass-choice) .dialog-actions{margin:8px 0}.pass-wallet b{font-size:17px}.pass-wallet{font-size:9px;margin-bottom:10px}
}
@media(min-width:450px) and (max-width:720px) and (max-height:600px){
 .crew-layout{grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);grid-template-rows:1fr;gap:9px}.crew-list{display:flex;flex-direction:column}.crew-person{padding:8px;flex:1;max-height:78px;gap:3px}.crew-person>span:nth-child(2){gap:3px}.crew-detail{gap:6px;padding:10px}.crew-detail h2{font-size:18px}.crew-detail .eyebrow{font-size:6px}.crew-detail .crew-experience{display:none}.crew-detail-actions{gap:4px}.crew-detail-actions .button{font-size:9px}.assigned-truck{padding:7px}.assigned-truck>b{font-size:12px}.crew-command .button{min-height:25px}.purchase-card.truck-shop{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px 13px}#garage-content[data-tab=buy] .truck-art{max-height:none;width:100%}.truck-shop>div:last-child{gap:5px}.truck-shop .shop-options{grid-template-columns:1fr;gap:5px}.truck-shop .vehicle-detail{display:none}.truck-shop .showroom-label{font-size:7px;line-height:1.5}.truck-shop h2{font-size:19px}.truck-shop .staff-hint{font-size:8px}.truck-shop .tiny{font-size:8px}.truck-shop .price{font-size:20px}.purchase-total{padding-top:5px}.purchase-total small{font-size:8px}.truck-shop label{font-size:9px}.truck-shop select{min-height:26px;font-size:9px}.truck-shop .button{min-height:26px;font-size:10px}.fleet-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.fleet-card-body{display:flex;flex-direction:column;gap:3px}.fleet-card-details{width:100%;gap:3px}.fleet-card-title{flex-wrap:wrap;gap:5px}.fleet-card h3{font-size:15px}.fleet-card-actions{grid-template-columns:1fr 1fr}.fleet-card-actions .button:first-child{grid-column:1/-1}.fleet-card .truck-art{max-height:60px}.fleet-card{gap:7px;padding:9px}.company-dashboard{grid-template-rows:auto minmax(105px,1fr) minmax(100px,.8fr)}.company-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}.company-shortcuts>button{display:flex;gap:5px;padding:9px}.company-shortcuts .shortcut-icon{display:none}.company-shortcuts b{font-size:13px}.company-shortcuts small{font-size:8px}.company-stats>div{padding:6px 10px}.company-feature{flex-direction:row;align-items:center;gap:9px}.company-feature .button{max-width:100px;font-size:9px}.company-feature h2{font-size:19px}.company-section-title{flex-direction:row;align-items:baseline;gap:8px}.company-section-title p{font-size:8px}.company-section-title h2{font-size:17px}.achievement-card>div{gap:4px}.achievement-card h3{font-size:16px}.achievement-card .eyebrow{display:none}.achievement-card{flex-direction:row;align-items:center;padding:8px 11px}.achievement-card .button{align-self:center;max-width:100px}.achievement-card .reward-label{font-size:8px}.depot-layout{display:grid;grid-template-columns:43% minmax(0,1fr);gap:12px}.depot-art{max-height:165px}.depot-controls{gap:6px}.depot-controls h3{font-size:18px}.depot-controls p{font-size:9px}.depot-controls .tiny{font-size:8px}.depot-scene h2{font-size:19px}.specialty-control{gap:4px;padding-top:7px}.depot-controls .button{font-size:9px;min-height:25px}.specialty-control select{min-height:27px;font-size:10px}.specialty-control label{font-size:9px}.style-studio{display:grid;grid-template-columns:150px minmax(0,1fr)}.style-studio>div:first-child,.style-studio .truck-art{max-height:none}.style-studio h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.express-button.pass-ready{animation:none;box-shadow:0 0 0 2px #e5b35b65,0 0 12px #d99a3d50}.scene-road .wheel-spin,.scene-road .truck-body,.scene-road .scene-track i,.scene-road .scenery-pines,.scene-ferry .scene-vehicle,.ferry-deck,.depot-worker{animation:none}}
@media(max-width:449px) and (max-height:740px){.depot-art{max-height:100px}.depot-scene{gap:5px}.depot-layout{gap:6px;padding:10px}.specialty-control{gap:5px;padding-top:8px}}
.delivery-scene .scene-vehicle{height:95%;width:auto;aspect-ratio:36/17;max-width:85%;left:50%;translate:-50% 0}.delivery-scene .scene-vehicle .truck-art{width:100%;height:100%}
@media(min-width:450px) and (max-width:720px) and (max-height:600px){.delivery-scene{min-height:40px;max-height:60px}}
@media(min-width:721px) and (max-height:680px){.dispatch-panel:has(.contract-filters){gap:3px;padding:8px}}