:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#123d35;background:#f5f2e9;font-synthesis:none;font-weight:400;--ink:#123d35;--muted:#738077;--paper:#f5f2e9;--mint:#329d7b;--line:#d9e0d4;--clay:#d97854}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #df8058;outline-offset:4px}button:hover:not(:disabled){filter:brightness(.97)}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em}h1{font-family:Georgia,Times New Roman,serif;font-weight:400}svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}#world{position:absolute;top:0;right:0;bottom:0;left:0}#world canvas{display:block;width:100%;height:100%}#ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#ui button,#ui section,#ui aside,#ui nav,#ui canvas{pointer-events:auto}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#overlay>*{pointer-events:auto}.topbar{height:88px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(18,61,53,.12)}.brand{display:flex;align-items:center;gap:11px;text-align:left;letter-spacing:.16em;font-size:20px;font-weight:800;padding:0;min-height:48px}.brand-mark{width:42px;height:42px;background:var(--ink);color:var(--paper);border-radius:12px;display:grid;place-items:center;transform:rotate(-6deg)}.brand-mark svg{width:27px;height:27px}.brand-sub{display:block;font-size:7px;letter-spacing:.2em;margin-top:5px;font-weight:600}.top-note{font-size:10px;letter-spacing:.17em;display:flex;align-items:center;gap:9px}.live-dot{height:7px;width:7px;border-radius:50%;background:var(--mint);display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px #329d7b14}.top-actions{display:flex;align-items:center;gap:16px}.balance,.chip{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;white-space:nowrap}.balance svg{color:#a69561;width:18px;height:18px}.chip{font-variant-numeric:tabular-nums;font-weight:400}.chip svg{width:17px;height:17px}.icon-button{width:48px;height:48px;border:1px solid #123d351c;border-radius:50%;display:grid;place-items:center;background:#fffaf080}.steps{display:flex;align-items:center;gap:14px;font-size:11px;color:#8c9990}.steps span{white-space:nowrap}.steps b{font-size:10px;font-weight:600;margin-right:5px}.steps .active{color:var(--ink);font-weight:700}.steps i{height:1px;width:32px;background:#c9d2c6}.button{min-height:48px;padding:12px 21px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:700;line-height:1.35;transition:transform .15s,background .15s;white-space:nowrap}.button:active:not(:disabled){transform:translateY(2px)}.button.primary{background:var(--ink);color:#fffdf5;box-shadow:0 5px 14px #123d3512}.button.primary svg:last-child{margin-left:8px}.button.secondary{background:#e7ede3;border:1px solid #d4dfce}.button.subtle{background:transparent}.button.large{min-height:58px;padding:17px 26px}.text-button{font-size:12px;font-weight:600;min-height:48px;padding:8px 0;text-decoration:underline;text-decoration-color:#123d352c;text-underline-offset:5px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1.6}.small-note{font-size:11px;color:var(--muted);line-height:1.6}.pill{font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.5;border:1px solid #c5d9c9;padding:8px 12px;border-radius:30px;background:#eaf2e5;white-space:nowrap}.danger-text{color:#be573e!important}#app[data-phase=home] #ui{background:linear-gradient(90deg,#f5f2e9,#f5f2e9 33%,#f5f2e9eb 41%,#f5f2e946 54%,#f5f2e900 66%)}.home-content{position:absolute;top:calc(88px + 8%);left:7%;width:45%;max-width:570px}.home-content .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px}.home-content .eyebrow>span{width:25px;height:1px;background:var(--mint)}.home-content h1{font-size:clamp(56px,6.8vw,106px);line-height:1.04;letter-spacing:-.045em;margin:22px 0}.home-content h1 em{color:var(--mint);font-weight:400}.hero-description{font-size:14px;line-height:1.9;color:#66786b}.hero-buttons{display:flex;align-items:center;gap:9px;margin-top:28px}.home-stats{display:flex;gap:30px;margin-top:40px}.home-stats>div{display:flex;gap:10px;align-items:center}.home-stats svg{width:23px;height:23px;stroke:#859786}.home-stats strong{display:block;font-size:11px;font-weight:600}.home-stats small{font-size:9px;color:#8b9589;display:block;margin-top:6px}.scene-label{position:absolute;right:8%;bottom:115px;display:flex;align-items:center;gap:13px;padding:13px 19px;background:#fffdf5e0;border:1px solid #fff7e7;border-radius:9px;box-shadow:0 5px 20px #27372608}.scene-label strong{font-size:12px;display:block}.scene-label small{display:block;color:#7c897b;font-size:10px;margin-top:5px}.home-footer{position:absolute;bottom:0;left:5%;right:5%;height:76px;border-top:1px solid #123d3520;display:flex;align-items:center;justify-content:space-between;gap:12px}.home-footer>span{font-size:8px;font-weight:600;letter-spacing:.18em}.home-footer button{min-height:48px;display:flex;align-items:center;gap:10px;font-size:11px}.home-footer svg{width:16px;height:16px}.qa-entry{position:absolute;bottom:80px;left:5%;font-size:11px;min-height:48px;background:#fff9;padding:8px}#app:is([data-phase=orders],[data-phase=summary],[data-phase=garage]) #ui{background:#f5f2e9ed;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#app[data-phase=packing] #ui{background:var(--paper)}.menu-page,.summary-page,.garage-page{height:calc(100% - 88px);padding:36px 6% 28px;overflow:auto}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:27px}.section-title h1{font-size:43px;line-height:1.2;margin-top:7px}.section-title p{color:var(--muted);font-size:12px;margin-top:9px;line-height:1.5}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:27px;max-width:1280px;margin:auto}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}.order-card{border:1px solid #d8dfd1;border-radius:15px;background:#fffdf6;padding:17px;text-align:left;position:relative;display:flex;flex-direction:column;min-width:0;transition:border .2s,box-shadow .2s}.order-card.selected{border:1.5px solid #329d7b;background:#fffef8;box-shadow:0 4px 15px #123d3507}.card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.order-number{font-size:8px;letter-spacing:.15em;color:#899889;font-weight:700}.selection-check{border:1px solid #c7d1c3;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#91a08e;font-size:16px}.selection-check svg{width:14px;height:14px}.selected .selection-check{color:#fff;background:var(--mint);border-color:var(--mint)}.parcel-art{height:142px;position:relative;display:grid;place-items:center;perspective:450px}.parcel-cube{position:relative;width:69px;height:68px;background:var(--parcel);border-radius:4px;transform:rotate(-7deg) skewY(5deg);box-shadow:inset -13px 0 #00000009,inset 3px 0 #ffffff30,3px 7px #00000005;z-index:1}.parcel-cube:before{content:"";position:absolute;left:0;right:0;height:15px;top:-12px;background:var(--parcel);filter:brightness(1.12);transform:skew(-38deg);transform-origin:bottom left;border-radius:3px 3px 0 0}.parcel-cube:after{content:"";position:absolute;width:13px;top:-8px;bottom:0;left:25px;background:#fbefcd99;transform:skewY(-2deg)}.parcel-cube span{position:absolute;right:8px;bottom:9px;width:22px;height:22px;color:#123d3570;z-index:2}.parcel-cube svg{width:20px;height:20px}.parcel-shadow{position:absolute;background:#183d3310;width:96px;height:18px;border-radius:50%;bottom:27px;filter:blur(4px)}.order-card h2{font-size:18px;letter-spacing:-.025em;font-weight:700;line-height:1.3}.address{display:flex;align-items:flex-start;gap:5px;font-size:10px;color:#7b887a;line-height:1.5;margin-top:9px}.address svg{width:13px;height:13px;margin-top:1px}.order-attributes{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.order-attributes span{padding:5px 7px;border-radius:4px;background:#f0f2e9;font-size:9px;color:#788372;white-space:nowrap}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:22px;padding-top:15px;border-top:1px solid #e9ecdf}.card-bottom>span{font-size:7px;letter-spacing:.12em;color:#8d9788}.card-bottom strong{font-size:22px;font-weight:600}.card-bottom small{font-size:10px;font-weight:400;color:#929c8c}.route-panel{padding:23px;border-radius:15px;background:#e9eee3;border:1px solid #dce5d5;display:flex;flex-direction:column;min-width:0}.route-panel h2{font-size:25px;margin:10px 0 20px;letter-spacing:-.025em}.route-list{display:flex;flex-direction:column;gap:15px;margin-bottom:24px}.route-list>div{display:flex;align-items:center;gap:11px;position:relative;min-height:29px}.route-list>div+div:before{content:"";width:1px;height:18px;position:absolute;left:11px;top:-16px;background:#bed0be}.route-list b{width:23px;height:23px;border:1px solid #b9cbb8;border-radius:50%;font-size:9px;display:grid;place-items:center;background:#f1f6e9;flex-shrink:0}.route-list .depot-dot{background:var(--ink);width:9px;height:9px;margin:7px;border:0}.route-list span{font-size:11px;font-weight:600}.route-list small{font-size:9px;font-weight:400;display:block;color:#84917d;margin-top:4px}.route-total{display:flex;flex-direction:column;gap:9px;margin:auto 0 18px;border-top:1px solid #d1dcc9;padding-top:14px}.route-total>span{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#83907c}.route-total strong{color:var(--ink);font-weight:600}.route-panel .button{padding-left:10px;padding-right:10px;font-size:11px;gap:5px}.route-panel .small-note{font-size:9px;margin-top:12px;text-align:center}.packing-page{height:calc(100% - 88px);display:grid;grid-template-columns:270px minmax(0,1fr);padding:24px 5% 25px;gap:30px}.packing-sidebar{display:flex;flex-direction:column;min-height:0;overflow:auto}.packing-sidebar h1{font-size:46px;line-height:1.1;margin:8px 0 14px}.packing-sidebar>p{color:var(--muted);font-size:12px;line-height:1.65;max-width:240px;margin-bottom:20px}.cargo-list{display:flex;flex-direction:column;gap:8px}.cargo-item{border:1px solid #dbe1d5;border-radius:8px;display:flex;align-items:center;gap:8px;text-align:left;padding:9px 10px;min-height:59px;background:#fffdf5;position:relative}.cargo-item.active{border-color:var(--mint);background:#eaf3e8}.cargo-swatch{width:30px;height:32px;border-radius:4px;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.cargo-item strong{font-size:11px;font-weight:600;display:block;line-height:1.4}.cargo-item small{font-size:9px;color:#869180;display:block;margin-top:4px}.cargo-state{font-size:8px;color:#7b927e;margin-left:auto;white-space:nowrap}.stability-card{padding:16px 0;margin-top:17px}.stability-card>strong{display:block;font-size:18px;margin-top:6px;line-height:1.3}.stability-track{height:5px;border-radius:4px;background:#dae2d3;margin:10px 0 9px;overflow:hidden}.stability-track>span{display:block;height:100%;background:var(--mint);width:8%;border-radius:4px;transition:width .2s}.stability-card small{display:block;font-size:10px;color:#85907f;line-height:1.45}.packing-tools{display:flex;flex-direction:column;gap:5px;margin-top:auto}.packing-workspace{position:relative;display:grid;grid-template-rows:25px minmax(0,1fr) 52px 70px;min-height:0;background:#f1eee2;border:1px solid #e3e4d6;border-radius:14px;overflow:hidden}.packing-caption{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.15em;font-weight:600;z-index:1}.packing-caption span:last-child{letter-spacing:0;font-size:10px;font-weight:400;color:#83927e}#packing-canvas{width:100%;height:100%;min-height:0;overflow:hidden}.layer-controls{position:absolute;left:16px;top:47px;z-index:2;display:flex;align-items:center;gap:6px;background:#fffdf3cc;padding:3px 6px;border-radius:9px;border:1px solid #e0e4d5}.layer-controls>span{font-size:8px;letter-spacing:.08em;margin:0 6px}.layer-controls button{min-height:48px;min-width:48px;border-radius:7px;font-size:12px;color:#7e8d7c}.layer-controls button.active{background:var(--ink);color:#fff}.rotation-controls{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #dde0d0;padding:0 14px;background:#f7f4e9}.rotation-controls button{min-height:48px;padding:7px 14px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.rotation-controls svg{width:16px;height:16px}.rotation-controls button:last-child{border-left:1px solid #dfe4d8;color:#879280}.packing-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px;border-top:1px solid #dde0d0;background:#fffdf4}.packing-footer p{font-size:10px;line-height:1.5;color:#6f806e;max-width:290px;flex:1}.packing-footer .text-button{white-space:nowrap;font-size:10px}.packing-footer .button{font-size:12px;padding-left:15px;padding-right:15px}.driving-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-top{position:absolute;left:max(22px,env(safe-area-inset-left));top:max(22px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;gap:11px}.destination-card{display:flex;align-items:center;gap:13px;max-width:390px;padding:14px 18px;background:#fffdf5ed;border-radius:11px;box-shadow:0 7px 20px #19392e14;margin-right:auto;border:1px solid #fffdf5}.destination-card>svg{width:23px;height:23px;color:var(--mint)}.destination-card small{display:block;font-size:8px;letter-spacing:.12em;color:#849381}.destination-card strong{display:block;font-size:14px;margin:5px 0;font-weight:700}.destination-card span{font-size:10px;color:#85927f}.drive-clock{display:flex;align-items:center;justify-content:center;gap:8px;background:#fffdf5ef;border-radius:9px;min-height:48px;padding:12px 17px;box-shadow:0 4px 12px #173c3210}.drive-clock b{font-size:18px;font-variant-numeric:tabular-nums}.drive-clock svg{width:18px;height:18px;color:#85927f}.drive-clock.urgent{background:#fff1df;color:#bd5539}.hud-top .icon-button{background:#fffdf5ed;border:0}.map-panel{position:absolute;top:97px;right:max(22px,env(safe-area-inset-right));width:161px;padding:7px;border-radius:11px;background:#fffdf5e8;border:1px solid #fffdf5;box-shadow:0 4px 15px #123d3510}.map-panel canvas{width:100%;height:auto;display:block;border-radius:7px}.map-panel>span{display:block;text-align:center;font-size:7px;letter-spacing:.13em;padding:7px 0 2px;color:#768972}.cargo-hud{position:absolute;left:max(22px,env(safe-area-inset-left));top:119px;display:flex;flex-direction:column;gap:6px}.cargo-health{width:205px;background:#fffdf5e5;border-radius:7px;padding:8px 10px;display:flex;align-items:center;gap:8px}.cargo-health>span{height:24px;width:24px;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.cargo-health>div{flex:1;min-width:0}.cargo-health small{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.cargo-health i{display:block;height:3px;overflow:hidden;background:#d7dfd1;border-radius:3px}.cargo-health i b{display:block;background:var(--mint);height:100%;width:100%;border-radius:3px;transition:width .15s}.cargo-health em{font-size:9px;font-style:normal;min-width:28px;text-align:right}.cargo-health.completed{opacity:.6}.hazard-warning{position:absolute;top:120px;left:50%;transform:translate(-50%) translateY(-5px);background:#fff4d4f2;color:#8a5935;border-radius:7px;border:1px solid #e6c987;font-size:11px;line-height:1.4;font-weight:600;padding:11px 16px;opacity:0;max-width:270px;text-align:center;transition:opacity .15s,transform .15s}.hazard-warning.visible{opacity:1;transform:translate(-50%)}.drive-center{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:13px}.speed{color:#fffdf5;text-shadow:0 2px 5px #173b3270;text-align:center;line-height:1}.speed b{font-size:36px;font-weight:600;display:block}.speed span{font-size:8px;letter-spacing:.15em;display:block;margin-top:6px}.drive-center .button{box-shadow:0 4px 18px #123d3540;pointer-events:auto}.pickup-button{position:relative;overflow:hidden}.pickup-button #pickup-bar{position:absolute;bottom:0;left:0;height:4px;background:#86dfb2;width:0}.driving-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.steering-wrap{position:absolute;left:max(30px,env(safe-area-inset-left));bottom:max(35px,env(safe-area-inset-bottom));text-align:center}.steering-wrap>span{display:block;font-size:8px;letter-spacing:.18em;color:#fffdf5;margin-top:10px;text-shadow:0 1px 5px #123d3580}#joystick{pointer-events:auto;touch-action:none;width:114px;height:114px;background:#fffdf535;border:1.5px solid #fffdf57a;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 11px #fffdf512;cursor:grab}#joystick-knob{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fffdf5e8;color:var(--ink);font-size:23px;box-shadow:0 5px 9px #123d351a;pointer-events:none}.pedals{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:max(45px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}.pedals button{touch-action:none;pointer-events:auto;border:1px solid #fffdf58a;box-shadow:0 4px 14px #123d351a;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;min-height:48px;-webkit-user-select:none;user-select:none}.honk-control{width:49px;height:49px;border-radius:50%;background:#fffdf5dc;margin:0 0 12px}.honk-control svg{width:21px;height:21px}.brake-control{width:83px;height:88px;border-radius:13px;background:#fffdf5d9;color:var(--ink)}.throttle-control{width:92px;height:114px;border-radius:15px;background:#236955e8;color:#fffdf5}.brake-control>span{font-size:28px;font-weight:700;line-height:1;margin-bottom:12px}.throttle-control>span{font-size:38px;line-height:1;margin-bottom:13px}.pedals small{font-size:8px;letter-spacing:.08em;font-weight:600}.pedals .pressed{background:#63bd92;transform:translateY(2px);box-shadow:inset 0 3px 10px #123d3530}.steering-wrap .pressed{background:#ffffff60}.desktop-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#fffdf5bc;font-size:8px;letter-spacing:.015em;white-space:nowrap;text-shadow:0 1px 4px #123d3580}.qa-controls{position:absolute;left:245px;bottom:18px;pointer-events:auto;font-size:9px;display:flex;gap:5px;background:#fffdf5;padding:3px;border-radius:4px}.qa-controls button{min-height:30px;padding:4px 7px;background:#e1eedc}.qa-controls output{padding:8px}.modal-backdrop,.customer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14362cc2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:25px;overflow:auto}.info-dialog,.customer-dialog{width:min(100%,490px);background:#fffdf5;border-radius:18px;box-shadow:0 18px 70px #09271d40;padding:35px;position:relative;max-height:100%;overflow:auto}.info-dialog h2{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.15;margin:10px 0 23px}.info-dialog>p{font-size:13px;color:#7d8d79;line-height:1.65;margin-bottom:20px}.info-dialog>.button{display:flex;width:100%;margin-top:10px}.info-dialog>.text-button{display:block;width:100%;text-align:center}.info-dialog>.small-note{text-align:center;margin-top:12px;margin-bottom:0;font-size:10px}.close-button{position:absolute;right:12px;top:12px;min-width:48px;min-height:48px;font-size:26px;color:#849280}.help-list{padding-left:23px;display:flex;flex-direction:column;gap:16px;color:var(--mint);margin:0 0 23px}.help-list b{font-size:12px;color:var(--ink)}.help-list p{font-size:11px;color:#84917b;line-height:1.6;margin-top:5px}.notice{background:#edf1e6;border-radius:8px;padding:13px;color:#76866d!important;font-size:10px!important;line-height:1.65!important;margin:17px 0!important}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:72px;border-bottom:1px solid #e4e9dc}.setting-row b{font-size:13px;font-weight:600}.setting-row small{display:block;font-size:10px;color:#8a9681;margin-top:5px}.setting-row input{width:24px;height:24px;accent-color:var(--mint);cursor:pointer}.customer-dialog{text-align:center;max-width:530px}.customer-avatar{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#ead8b6;font-family:Georgia,serif;font-size:29px;margin:20px auto 10px;border:5px solid #f1e8d4}.customer-dialog h2{font-family:Georgia,serif;font-weight:400;font-size:28px}.customer-quote{font-family:Georgia,serif;font-size:19px;line-height:1.5;margin:15px auto 20px;max-width:360px;color:#536c57}.customer-package{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;border-top:1px solid #e7eadf;border-bottom:1px solid #e7eadf;padding:13px 0;margin-bottom:20px;flex-wrap:wrap;color:#809075}.customer-package svg{width:18px;height:18px}.customer-package strong{margin-left:auto;color:var(--mint);font-weight:600}.dialog-choices{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}.dialog-choices button{text-align:left;background:#f0f3e8;border:1px solid #d9e3d0;border-radius:9px;min-height:65px;padding:15px 17px}.dialog-choices button:hover{border-color:var(--mint)}.dialog-choices b{display:block;font-size:12px;font-weight:600}.dialog-choices span{display:block;font-size:10px;color:#8c9883;margin-top:5px}.summary-heading{text-align:center;margin:5px 0 30px}.summary-heading h1{font-size:48px;margin:9px 0 12px}.summary-heading p{font-size:12px;color:#84917e}.summary-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;max-width:960px;margin:auto}.result-list{display:flex;flex-direction:column;gap:12px}.result-card{display:flex;align-items:center;gap:14px;background:#fffdf5;padding:21px;border:1px solid #e0e6d8;border-radius:12px;min-height:104px}.result-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.result-icon.success{color:var(--mint);background:#e8f2e1}.result-icon.failed{color:#ce7754;background:#f8e9d9}.result-card h3{font-size:14px;font-weight:600;margin-bottom:7px}.result-card p{font-size:10px;color:#7f8e78;line-height:1.5}.result-card>div>small{font-size:9px;color:#94a08c;display:block;margin-top:7px;line-height:1.45}.result-money{margin-left:auto;white-space:nowrap;text-align:right}.result-money strong{display:block;font-size:21px;font-weight:600}.result-money small{font-size:10px;display:block;color:#9eab7e;margin-top:9px}.result-money svg{height:12px;width:12px;fill:#d4bb78;stroke:#d4bb78}.earnings{background:#e9eee1;border:1px solid #d9e3d1;padding:26px;border-radius:14px}.net-value{font-size:51px;letter-spacing:-.05em;font-weight:500;margin:14px 0 24px}.net-value small{font-size:13px;letter-spacing:0;margin-left:8px;color:#8a987b}.earnings-lines{display:flex;flex-direction:column;gap:13px;font-size:11px;color:#87967a;margin-bottom:22px}.earnings-lines span{display:flex;justify-content:space-between;gap:10px}.earnings-lines b{font-weight:600;color:var(--ink)}.earnings-lines .balance-line{border-top:1px solid #d0ddc3;padding-top:17px;margin-top:4px}.earnings .button{width:100%;margin-top:8px;font-size:12px}.garage-page{padding-left:10%;padding-right:10%}.garage-page>h1{font-size:58px;line-height:1.1;margin:12px 0 18px}.garage-page>p{font-size:13px;color:#829178;margin-bottom:28px}.upgrade-card{max-width:840px;display:grid;grid-template-columns:40% minmax(0,1fr);align-items:center;gap:25px;border:1px solid #dae3d3;border-radius:17px;background:#fffdf4;padding:28px 38px;margin-bottom:8px}.upgrade-card h2{font-size:23px;font-weight:600;margin:17px 0 11px;line-height:1.2}.upgrade-card p{font-size:12px;line-height:1.7;color:#84957c}.upgrade-price{font-size:32px;display:block;font-weight:600;margin:22px 0 15px}.upgrade-price small{font-size:12px;font-weight:400;color:#8b997f}.strap-art{height:220px;display:grid;place-items:center;position:relative;background:#edf0df;border-radius:13px;overflow:hidden}.strap-art>span{display:grid;place-items:center;height:100px;width:100px;background:#dca368;border-radius:7px;box-shadow:inset -15px 0 #b47e4333;transform:rotate(-9deg)}.strap-art svg{width:53px;height:53px;color:#795e3b}.strap-art>i{position:absolute;left:20%;right:20%;top:50%;height:19px;background:#568e77;border:3px solid #367457;transform:rotate(-30deg);z-index:1;border-radius:3px}.strap-art>i+i{transform:rotate(42deg)}.strap-art>b{position:absolute;right:19px;top:20px;background:#fafdf1;color:var(--mint);border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-size:23px}#toast{position:absolute;z-index:20;left:50%;bottom:24px;transform:translate(-50%,10px);max-width:min(560px,calc(100% - 40px));background:#fffdf5f7;border:1px solid #dde7d6;color:var(--ink);box-shadow:0 6px 24px #0f352926;padding:13px 20px;border-radius:9px;font-size:12px;line-height:1.5;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%)}#app:is([data-phase=driving],[data-phase=customer])~#toast,#app:is([data-phase=driving],[data-phase=customer]) #toast{bottom:175px}.fatal{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:8%;max-width:750px;height:100%}.fatal h1{font-size:38px}.fatal p{font-size:15px;line-height:1.7}.fatal button{min-height:48px;padding:10px 22px;background:var(--ink);color:#fff;align-self:flex-start;border-radius:8px}.fatal small{font-size:10px;color:#85917c;overflow-wrap:anywhere}@media(max-width:1050px){.topbar{margin:0 4%;height:74px}.top-note{font-size:8px}.steps{gap:8px;font-size:10px}.steps i{width:19px}.top-actions{gap:10px}.home-content{left:6%;top:calc(74px + 8%);width:47%}.home-content h1{font-size:clamp(54px,7.5vw,83px);margin:18px 0}.hero-description{font-size:12px}.hero-buttons{margin-top:23px}.home-stats{gap:20px;margin-top:29px}.menu-page,.summary-page,.garage-page{height:calc(100% - 74px);padding:27px 4%}.order-layout{gap:18px;grid-template-columns:minmax(0,1fr) 235px}.order-grid{gap:10px}.order-card{padding:14px}.order-card h2{font-size:15px}.parcel-art{height:120px}.route-panel{padding:19px}.section-title h1{font-size:36px}.packing-page{height:calc(100% - 74px);padding:20px 4%;grid-template-columns:230px minmax(0,1fr);gap:18px}.packing-sidebar h1{font-size:39px}.rotation-controls{gap:0}.rotation-controls button{padding:7px 9px;font-size:9px;gap:5px}.packing-footer{gap:9px;padding:10px 14px}.summary-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.upgrade-card{padding:25px}.home-footer{height:66px}.scene-label{bottom:92px;right:5%}}@media(max-height:560px)and (min-width:600px){.topbar{height:52px;margin:0 3%;gap:12px}.brand{font-size:15px;gap:8px;min-height:48px}.brand-mark{width:29px;height:29px;border-radius:8px}.brand-mark svg{width:22px;height:22px}.brand-sub{font-size:5px;margin-top:3px}.top-note{font-size:7px;letter-spacing:.1em}.top-actions{gap:9px}.balance,.chip{font-size:10px}.balance svg,.chip svg{height:15px;width:15px}.icon-button{height:48px;width:48px;border-color:transparent;background:transparent}.steps{gap:7px;font-size:9px}.steps i{width:15px}.steps b{font-size:8px;margin-right:3px}.home-content{top:78px;left:5%;width:48%}.home-content .eyebrow{font-size:7px;letter-spacing:.13em}.home-content .eyebrow>span{width:17px}.home-content h1{font-size:54px;line-height:1.01;margin:12px 0}.hero-description{font-size:10px;line-height:1.7}.hero-buttons{margin-top:15px;gap:3px}.button.large{min-height:48px;padding:11px 15px;font-size:11px}.hero-buttons .subtle{font-size:10px;padding:11px 12px}.hero-buttons svg{height:17px;width:17px}.home-stats{display:none}.home-footer{height:47px;left:3%;right:3%;border-top:0}.home-footer>span{font-size:6px;letter-spacing:.1em}.home-footer button{font-size:9px;gap:7px}.scene-label{bottom:70px;right:5%;padding:10px 13px;border-radius:7px;gap:9px}.scene-label strong{font-size:10px}.scene-label small{font-size:8px}.home-footer svg{height:14px;width:14px}.menu-page,.summary-page,.garage-page{height:calc(100% - 52px);padding:13px 3% 12px}.section-title{margin-bottom:12px;gap:10px;min-height:47px}.section-title h1{font-size:28px;margin-top:2px}.section-title .eyebrow{font-size:7px}.section-title p{font-size:9px;margin-top:4px}.pill{font-size:7px;padding:5px 9px}.order-layout{grid-template-columns:minmax(0,1fr) 200px;gap:12px}.order-grid{gap:9px}.order-card{padding:10px;border-radius:10px}.card-top{min-height:19px}.order-number{font-size:6px}.selection-check{width:19px;height:19px;font-size:13px}.selection-check svg{width:11px;height:11px}.parcel-art{height:65px}.parcel-cube{width:40px;height:39px;border-radius:3px;box-shadow:inset -8px 0 #00000009,inset 2px 0 #ffffff30}.parcel-cube:before{height:10px;top:-8px}.parcel-cube:after{width:8px;left:15px;top:-5px}.parcel-cube span{right:4px;bottom:4px;width:15px;height:15px}.parcel-cube svg{height:14px;width:14px}.parcel-shadow{width:58px;height:10px;bottom:8px}.order-card h2{font-size:12px;line-height:1.3;min-height:31px}.address{font-size:8px;gap:3px;margin-top:5px;line-height:1.4;min-height:23px}.address svg{width:10px;height:10px}.order-attributes{margin-top:7px;gap:3px}.order-attributes span{font-size:7px;padding:3px 4px}.card-bottom{margin-top:9px;padding-top:8px}.card-bottom strong{font-size:18px}.card-bottom small{font-size:8px}.card-bottom>span{font-size:6px;letter-spacing:.04em}.route-panel{padding:12px;border-radius:10px}.route-panel>.eyebrow{font-size:7px}.route-panel h2{font-size:20px;margin:3px 0 10px}.route-list{gap:8px;margin-bottom:11px}.route-list>div{gap:7px;min-height:24px}.route-list span{font-size:9px}.route-list small{font-size:7px;margin-top:2px;line-height:1.4}.route-list b{height:19px;width:19px;font-size:8px}.route-list .depot-dot{margin:5px}.route-list>div+div:before{left:9px;top:-9px;height:12px}.route-total{gap:5px;margin:0 0 9px;padding-top:8px}.route-total>span{font-size:8px}.route-panel .button{min-height:48px;font-size:9px;padding:9px 7px;gap:1px}.route-panel .button svg{height:16px;width:16px;margin-left:2px}.route-panel .small-note{display:none}.packing-page{height:calc(100% - 52px);padding:10px 3%;gap:12px;grid-template-columns:210px minmax(0,1fr)}.packing-sidebar{gap:6px}.packing-sidebar>.eyebrow,.packing-sidebar>p{display:none}.packing-sidebar h1{font-size:25px;line-height:1.2;margin:0 0 3px}.packing-sidebar h1 br{display:none}.cargo-list{gap:5px}.cargo-item{min-height:48px;padding:6px 7px;gap:7px;border-radius:6px}.cargo-swatch{width:23px;height:27px;font-size:10px}.cargo-item strong{font-size:9px}.cargo-item small{font-size:7px;margin-top:3px}.cargo-state{font-size:6px}.stability-card{padding:4px 0;margin:1px 0 0}.stability-card .eyebrow{font-size:6px}.stability-card>strong{font-size:13px;margin-top:3px}.stability-track{height:4px;margin:5px 0}.stability-card small{font-size:8px;line-height:1.3}.packing-tools{flex-direction:row;align-items:center;gap:7px;margin-top:auto}.packing-tools .button{font-size:9px;padding:8px 9px;gap:5px;min-height:48px}.packing-tools .button svg{height:15px;width:15px}.packing-tools .text-button{font-size:8px;white-space:nowrap}.packing-workspace{grid-template-rows:24px minmax(0,1fr) 48px 58px;border-radius:9px}.packing-caption{padding:9px 12px;font-size:6px}.packing-caption span:last-child{font-size:8px}.layer-controls{left:9px;top:31px;padding:0 3px;gap:1px;border-radius:6px;background:#fffdf3b8}.layer-controls>span{font-size:6px;margin:0 5px}.layer-controls button{width:48px;height:48px;padding:2px;font-size:10px}.rotation-controls{padding:0 4px;gap:0;justify-content:space-evenly}.rotation-controls button{padding:6px;font-size:8px;gap:4px;min-height:48px}.rotation-controls svg{height:13px;width:13px}.packing-footer{padding:5px 9px;gap:8px}.packing-footer .text-button{font-size:8px}.packing-footer p{font-size:8px;line-height:1.35;max-width:210px}.packing-footer .button{min-height:48px;padding:8px 10px;font-size:9px;gap:3px}.packing-footer .button svg{height:15px;width:15px;margin-left:2px}.hud-top{top:10px;left:14px;right:14px;gap:8px}.destination-card{padding:9px 12px;gap:8px;max-width:300px;min-height:58px}.destination-card>svg{height:19px;width:19px}.destination-card small{font-size:6px}.destination-card strong{font-size:11px;margin:3px 0}.destination-card span{font-size:8px}.drive-clock{padding:9px 12px;gap:6px;min-height:48px}.drive-clock b{font-size:16px}.hud-top .icon-button{height:48px;width:48px}.map-panel{top:75px;right:14px;width:98px;padding:5px;border-radius:8px}.map-panel>span{font-size:5px;letter-spacing:.08em;padding-top:4px}.cargo-hud{left:14px;top:78px;gap:4px}.cargo-health{width:167px;padding:6px 7px;gap:6px;min-height:34px}.cargo-health>span{height:21px;width:21px;font-size:9px}.cargo-health small{font-size:7px;margin-bottom:4px}.cargo-health em{font-size:7px;min-width:24px}.hazard-warning{top:80px;font-size:9px;max-width:220px;padding:9px 11px}.steering-wrap{bottom:14px;left:19px}.steering-wrap>span{font-size:6px;margin-top:5px}#joystick{height:91px;width:91px;box-shadow:inset 0 0 0 8px #fffdf512}#joystick-knob{height:48px;width:48px;font-size:20px}.pedals{right:18px;bottom:18px;gap:8px}.brake-control{height:70px;width:69px;border-radius:10px}.throttle-control{height:91px;width:73px;border-radius:11px}.brake-control>span{font-size:21px;margin-bottom:9px}.throttle-control>span{font-size:30px;margin-bottom:10px}.pedals small{font-size:6px}.honk-control{height:48px;width:48px;margin-bottom:8px}.drive-center{bottom:21px;gap:9px}.drive-center .button{font-size:10px;min-height:48px;padding:10px 14px}.speed b{font-size:26px}.speed span{font-size:6px;margin-top:4px}.desktop-hint{display:none}.qa-controls{left:200px;bottom:4px;font-size:7px}.qa-controls button{min-height:24px;padding:3px 5px}.qa-controls output{padding:5px}.summary-heading{margin:0 0 14px}.summary-heading>.eyebrow{font-size:7px}.summary-heading h1{font-size:31px;margin:4px 0 7px}.summary-heading p{font-size:9px}.summary-layout{grid-template-columns:minmax(0,1fr) 238px;gap:15px}.result-list{gap:8px}.result-card{padding:12px;gap:10px;min-height:69px;border-radius:8px}.result-icon{height:29px;width:29px}.result-icon svg{height:18px;width:18px}.result-card h3{font-size:11px;margin-bottom:4px}.result-card p{font-size:8px}.result-card>div>small{font-size:7px;margin-top:3px}.result-money strong{font-size:16px}.result-money small{font-size:8px;margin-top:5px}.earnings{padding:16px;border-radius:9px}.earnings>.eyebrow{font-size:7px}.net-value{font-size:34px;margin:7px 0 13px}.net-value small{font-size:9px}.earnings-lines{font-size:9px;gap:7px;margin-bottom:10px}.earnings-lines .balance-line{padding-top:9px;margin-top:2px}.earnings .button{min-height:48px;font-size:10px;padding:10px 13px;margin-top:5px}.earnings .small-note{font-size:8px}.garage-page{padding-left:6%;padding-right:6%;position:relative}.garage-page>.eyebrow{font-size:7px}.garage-page>h1{font-size:34px;margin:5px 0 9px}.garage-page>h1 br{display:none}.garage-page>p{font-size:10px;margin-bottom:15px}.upgrade-card{grid-template-columns:32% minmax(0,1fr);padding:16px;gap:22px;border-radius:10px;max-width:720px;margin-bottom:0}.strap-art{height:162px}.strap-art>span{height:76px;width:76px}.strap-art svg{height:37px;width:37px}.upgrade-card h2{font-size:18px;margin:10px 0 7px}.upgrade-card p{font-size:10px}.upgrade-price{font-size:25px;margin:12px 0 9px}.upgrade-price small{font-size:9px}.upgrade-card .button{min-height:48px;padding:10px 16px;font-size:10px}.garage-page>.text-button{position:absolute;right:6%;top:13px;font-size:9px}.modal-backdrop,.customer-backdrop{padding:12px}.info-dialog,.customer-dialog{padding:23px;border-radius:12px;max-width:490px}.info-dialog>.eyebrow,.customer-dialog>.eyebrow{font-size:7px}.info-dialog h2{font-size:29px;margin:6px 0 14px}.info-dialog>p{font-size:11px;margin-bottom:13px}.help-list{gap:9px;margin-bottom:14px}.help-list b{font-size:10px}.help-list p{font-size:9px;margin-top:3px}.notice{padding:9px;font-size:8px!important;margin:10px 0!important}.info-dialog>.button{margin-top:7px;font-size:11px}.setting-row{min-height:60px}.customer-dialog{max-width:565px;display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:20px;text-align:left}.customer-dialog>.eyebrow{grid-column:1/-1}.customer-avatar{grid-column:1;grid-row:2/4;height:63px;width:63px;margin:13px auto}.customer-dialog h2{grid-column:2;grid-row:2;font-size:24px;margin-top:9px}.customer-quote{grid-column:2;grid-row:3;font-size:15px;margin:9px 0 12px;line-height:1.4}.customer-package{grid-column:1/-1;font-size:9px;padding:9px 0;margin-bottom:10px}.dialog-choices{grid-column:1/-1;margin-bottom:8px;gap:7px}.dialog-choices button{min-height:56px;padding:11px 14px}.dialog-choices b{font-size:11px}.dialog-choices span{font-size:9px}.customer-dialog>.small-note{grid-column:1/-1;text-align:center;font-size:8px}#toast{font-size:10px;padding:10px 15px;bottom:12px;max-width:min(430px,calc(100% - 30px))}#app:is([data-phase=driving],[data-phase=customer]) #toast{bottom:127px}}@media(max-width:720px)and (max-height:560px){.top-note{display:none}.steps{gap:5px;font-size:8px}.steps i{width:9px}.steps b{display:none}.topbar,.top-actions{gap:6px}.balance{font-size:9px}.home-content{top:71px}.home-content h1{font-size:48px}.hero-description{font-size:9px}.scene-label{right:4%;bottom:61px}.order-layout{grid-template-columns:minmax(0,1fr) 178px;gap:8px}.order-grid{gap:6px}.order-card{padding:8px}.order-card h2{font-size:10px;min-height:26px}.order-attributes span{font-size:6px;padding:3px}.route-panel{padding:10px}.section-title p{font-size:8px}.section-title .pill{font-size:6px;padding:5px 7px}.packing-page{grid-template-columns:190px minmax(0,1fr);gap:8px;padding-left:2%;padding-right:2%}.packing-sidebar h1{font-size:23px}.cargo-item{padding:5px;gap:5px}.cargo-item strong{font-size:8px}.cargo-state{font-size:6px}.packing-tools{gap:5px}.packing-tools .button{font-size:8px;padding:8px}.packing-tools .text-button{font-size:7px}.packing-caption{font-size:5px}.rotation-controls button{padding:5px 4px;font-size:7px;gap:3px}.rotation-controls svg{height:11px;width:11px}.packing-footer{gap:5px;padding:5px 7px}.packing-footer p{font-size:7px}.packing-footer .button{font-size:8px;padding:8px}.packing-footer .text-button{font-size:7px}.layer-controls>span{display:none}.destination-card{max-width:270px}.hazard-warning{max-width:190px;font-size:8px}.summary-layout{grid-template-columns:minmax(0,1fr) 220px;gap:10px}.result-card{padding:10px;gap:8px}.result-card h3{font-size:10px}.result-icon{height:26px;width:26px}.result-money strong{font-size:14px}.earnings{padding:13px}}@media(max-height:560px)and (min-width:600px){.route-panel{padding:10px}.route-panel h2{font-size:18px;margin:2px 0 8px}.route-list{gap:5px;margin-bottom:8px}.route-list>div{min-height:18px}.route-list>div:first-child{display:none}.route-list small{display:none}.route-list>div+div:before{top:-7px;height:8px}.route-total{gap:4px;margin-bottom:8px;padding-top:8px}.route-panel .button{min-height:48px}}@media(max-height:400px)and (min-width:600px){.packing-sidebar{gap:3px}.stability-card{padding:2px 0}.stability-track{margin:4px 0}.summary-heading{margin-bottom:10px}.summary-heading h1{font-size:28px}.result-card{min-height:65px;padding-top:10px;padding-bottom:10px}}button{min-width:48px;min-height:48px}@media(max-height:560px)and (min-width:600px){.button,.text-button{font-size:11px}.packing-sidebar h1{font-size:24px;line-height:1.03;margin-bottom:4px}.packing-sidebar h1 br{display:block}.packing-sidebar{gap:5px}.cargo-item{padding:6px;gap:5px}.cargo-item strong{font-size:11px}.cargo-item small{font-size:11px;line-height:1.3}.cargo-state{font-size:9px}.cargo-swatch{font-size:11px}.packing-tools{flex-wrap:wrap;gap:2px}.packing-tools .button{font-size:11px;padding:8px;flex:1}.packing-tools .text-button{font-size:11px;flex:1;text-align:center;white-space:normal}.stability-card>strong{font-size:15px}.stability-card small{font-size:12px;line-height:1.35}.stability-card .eyebrow,.packing-caption{font-size:9px}.packing-caption span:last-child{font-size:11px}.layer-controls>span{font-size:9px}.layer-controls button{font-size:12px}.rotation-controls{padding:0 4px;justify-content:space-evenly;gap:0}.rotation-controls button{font-size:11px;padding:6px;min-width:48px;gap:4px;flex-shrink:0}.rotation-controls svg{width:12px;height:12px}.packing-footer{padding:5px 9px;gap:8px}.packing-footer .text-button{font-size:11px}.packing-footer .button{font-size:11px;padding:8px 10px}.packing-footer p{font-size:12px;line-height:1.3}.info-dialog>p,.help-list p,.notice,.small-note{font-size:12px!important}.help-list b,.setting-row b,.dialog-choices b{font-size:13px}.setting-row small,.dialog-choices span{font-size:12px}.customer-dialog>.small-note{font-size:12px}.customer-package,.hero-description{font-size:12px}.hero-buttons .subtle,.route-panel .button,.earnings .button,.upgrade-card .button,.drive-center .button{font-size:11px}}@media(max-width:720px)and (max-height:560px){.packing-page{grid-template-columns:190px minmax(0,1fr)}.cargo-item strong{font-size:11px}.cargo-state{display:none}.cargo-item small{font-size:10px}.rotation-controls button{padding:6px 4px;font-size:11px;gap:3px}.rotation-controls svg{width:11px;height:11px}.packing-footer{gap:6px;padding:5px 6px}.packing-footer .text-button{font-size:11px}.packing-footer .button{font-size:11px;padding:8px}.packing-footer p{font-size:12px}.packing-tools .button,.packing-tools .text-button{font-size:11px}}@media(max-height:560px)and (min-width:600px){.packing-footer p{max-height:46px;overflow:auto}.packing-tools{position:sticky;bottom:0;background:var(--paper);padding-top:3px;flex-shrink:0;z-index:3}.cargo-list,.stability-card{flex-shrink:0}}@media(max-height:560px)and (min-width:600px){.section-title p,.address,.order-attributes span,.card-bottom small,.route-list span,.route-total>span,.summary-heading p,.result-card p,.result-card>div>small,.result-money small,.earnings-lines,.earnings .small-note,.upgrade-card p{font-size:12px}.section-title .eyebrow,.order-number,.card-bottom>span,.route-panel>.eyebrow,.summary-heading>.eyebrow,.earnings>.eyebrow,.garage-page>.eyebrow{font-size:11px;letter-spacing:.04em}.section-title h1{font-size:28px}.section-title p{line-height:1.35}.section-title .pill{font-size:11px;letter-spacing:0;padding:6px 9px}.order-card h2{font-size:14px;line-height:1.3;min-height:36px}.order-number{font-size:11px;letter-spacing:.04em}.order-attributes{gap:4px;flex-wrap:wrap}.order-attributes span{font-size:11px;line-height:1.2;padding:4px}.address{font-size:12px;line-height:1.35;min-height:32px}.address svg{width:13px;height:13px}.card-bottom{flex-wrap:wrap;align-items:center;gap:5px}.card-bottom>span{font-size:10px;letter-spacing:0}.card-bottom strong{font-size:20px}.card-bottom small{font-size:12px}.route-panel h2{font-size:21px}.route-list span{font-size:12px;line-height:1.3}.route-list b{font-size:11px}.route-list>div{min-height:24px}.route-total{gap:7px}.route-total>span{font-size:11px}.route-panel .button{font-size:12px;white-space:normal;gap:4px}.route-panel>.eyebrow{font-size:10px}.destination-card{min-height:76px;max-width:320px;padding:9px 12px}.destination-card small{font-size:11px;letter-spacing:.025em;line-height:1.2}.destination-card strong{font-size:13px;line-height:1.3;margin:4px 0}.destination-card span{font-size:12px;line-height:1.3}.cargo-hud{top:98px;gap:5px}.cargo-health{width:194px;min-height:40px;padding:7px;gap:6px}.cargo-health small{font-size:11px;line-height:1.2;margin-bottom:5px}.cargo-health em{font-size:11px;min-width:30px}.cargo-health>span{font-size:12px;min-height:24px;min-width:24px}.cargo-health i{height:4px}.map-panel{top:98px}.map-panel>span{font-size:9px;letter-spacing:0;line-height:1.3}.hazard-warning{top:99px;max-width:230px;font-size:12px;line-height:1.3;padding:8px 10px}.pedals small{font-size:11px;letter-spacing:0;line-height:1.2}.brake-control{width:85px}.steering-wrap>span{font-size:11px;letter-spacing:.06em;line-height:1.2;margin-top:5px}.speed span{font-size:11px;letter-spacing:.04em}.drive-center{bottom:24px}.drive-center .button{font-size:12px}.summary-heading{margin-bottom:13px}.summary-heading p{font-size:12px}.result-card{min-height:85px;align-items:flex-start;padding:12px 10px}.result-card h3{font-size:13px;line-height:1.3}.result-card p,.result-card>div>small{font-size:12px;line-height:1.35}.result-money small{font-size:12px}.result-money strong{font-size:17px}.result-icon{margin-top:3px}.earnings-lines{font-size:12px;gap:10px}.earnings .button,.net-value small{font-size:12px}.upgrade-card p{font-size:12px;line-height:1.5}.garage-page>p{font-size:12px}.upgrade-price small,.upgrade-card .button{font-size:12px}.garage-page>.text-button{font-size:12px}.customer-dialog>.eyebrow{font-size:11px}.customer-quote{font-size:17px}.customer-package,.packing-tools .button,.packing-tools .text-button,.rotation-controls button,.packing-footer .button,.packing-footer .text-button{font-size:12px}.cargo-item small,.cargo-state{font-size:11px}.packing-caption,.stability-card .eyebrow{font-size:11px;letter-spacing:.02em}}@media(max-width:720px)and (max-height:560px){.section-title{align-items:flex-start}.section-title h1{font-size:26px}.section-title .pill{font-size:10px;max-width:180px;white-space:normal;text-align:center}.destination-card{max-width:300px}.hazard-warning{max-width:180px;font-size:12px}.cargo-health{width:185px}.pedals{gap:7px;right:15px}.brake-control{width:85px}.throttle-control{width:70px}.rotation-controls button{font-size:11px;padding:6px 3px}.packing-caption{font-size:10px}.packing-footer .button,.packing-footer .text-button,.packing-tools .button,.packing-tools .text-button{font-size:11px}.cargo-state{display:none}.cargo-item small{font-size:11px}.result-money strong{font-size:16px}.earnings-lines{font-size:11px}.result-card>div>small{font-size:11px}}@media(max-height:560px)and (min-width:600px){.qa-entry{top:55px;right:3%;bottom:auto;left:auto;font-size:11px;padding:8px 12px;background:#fffdf5d9;border-radius:7px}}#ui{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px)}.hud-top{left:22px;right:22px;top:22px}.map-panel{right:22px}.cargo-hud{left:22px}.steering-wrap{left:30px;bottom:35px}.pedals{right:30px;bottom:45px}.modal-backdrop,.customer-backdrop{padding-top:max(25px,env(safe-area-inset-top,0px));padding-right:max(25px,env(safe-area-inset-right,0px));padding-bottom:max(25px,env(safe-area-inset-bottom,0px));padding-left:max(25px,env(safe-area-inset-left,0px))}#toast{max-width:min(560px,calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 40px));bottom:calc(24px + env(safe-area-inset-bottom,0px))}.shock-meter{font-size:12px;line-height:1.3;padding:5px 9px;border:1px solid #fffdf578;border-radius:6px;background:#fffdf5e6;color:var(--ink);white-space:nowrap;box-shadow:0 2px 6px #123d3510}@media(max-height:560px)and (min-width:600px){.hud-top{top:10px;left:14px;right:14px}.map-panel{right:14px}.cargo-hud{left:14px}.steering-wrap{left:19px;bottom:14px}.pedals{right:18px;bottom:18px}.modal-backdrop,.customer-backdrop{padding-top:max(12px,env(safe-area-inset-top,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px))}.shock-meter{font-size:11px;padding:3px 6px}.drive-center{gap:5px}.speed b{font-size:24px}#toast{bottom:calc(12px + env(safe-area-inset-bottom,0px))}#app:is([data-phase=driving],[data-phase=customer]) #toast{bottom:calc(127px + env(safe-area-inset-bottom,0px))}}@media(max-width:720px)and (max-height:560px){.pedals{right:15px}}.packing-workspace{grid-template-rows:25px 45px minmax(0,1fr) 52px 70px}.packing-orientation{display:flex;align-items:center;padding:7px 20px;font-size:12px;line-height:1.4;color:var(--ink);background:#edf2e4;border-top:1px solid #e0e5d7;overflow:auto;min-height:0}.packing-workspace .layer-controls{top:82px}.packing-workspace .rotation-controls button[data-action=place-cargo]{background:#dfedd9;border-radius:7px;font-weight:700;margin:0 5px}.packing-workspace .rotation-controls button:disabled{opacity:.35}@media(max-height:560px)and (min-width:600px){.packing-workspace{grid-template-rows:24px 40px minmax(0,1fr) 52px 58px}.packing-orientation{font-size:12px;padding:5px 12px;line-height:1.3}.packing-workspace .layer-controls{top:72px}.packing-workspace .rotation-controls{justify-content:space-around;gap:1px}.packing-workspace .rotation-controls button{white-space:normal;text-align:center;line-height:1.25;font-size:12px;min-width:48px;min-height:48px;padding:5px 7px;flex:1;gap:3px}.packing-workspace .rotation-controls button[data-action=place-cargo]{margin:0 2px;flex:.7}.packing-workspace .rotation-controls button[data-action=remove-cargo]{flex:.65}.packing-workspace .rotation-controls svg{width:13px;height:13px;flex-shrink:0}}@media(max-width:720px)and (max-height:560px){.packing-workspace .rotation-controls button{font-size:11px;padding:5px 3px}.packing-workspace .rotation-controls svg{width:11px;height:11px}.packing-orientation{padding:5px 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.stability-card #packing-weight{display:block;font-size:12px;margin:6px 0;color:var(--ink)}.result-card .result-breakdown{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:8px;font-size:12px;line-height:1.4}.result-breakdown span{white-space:nowrap}.result-breakdown b{font-weight:600}.result-card>div:not(.result-money){min-width:0}@media(max-height:560px)and (min-width:600px){.stability-card #packing-weight{margin:3px 0}.result-card .result-breakdown{gap:4px 9px}}.order-grid{grid-row:1 / span 2}.route-panel{grid-column:2;grid-row:1}.order-confirm{grid-column:2;grid-row:2}.order-confirm .button{width:100%}.mobile-order-total{display:none}@media(max-width:599px),(max-width:900px)and (orientation:portrait){html,body,#app{height:100%;height:100dvh}#ui{--header-height: 96px}button,[data-control]{-webkit-user-select:none;user-select:none}.topbar{height:64px;margin:0 16px;gap:8px;flex-wrap:wrap;position:relative;border:0}.brand{font-size:16px;gap:8px;letter-spacing:.12em}.brand-mark{width:32px;height:32px;border-radius:9px}.brand-mark svg{width:23px;height:23px}.brand-sub{font-size:6px;letter-spacing:.1em}.top-note{display:none}.top-actions{gap:6px;margin-left:auto}.balance,.chip{font-size:12px;gap:4px}.balance svg,.chip svg{width:15px;height:15px}.chip svg{display:none}.icon-button{width:48px;height:48px;flex-shrink:0}.topbar:has(.steps){height:var(--header-height);padding-bottom:32px}.steps{display:flex;position:absolute;bottom:0;left:0;right:0;height:32px;justify-content:center;gap:9px;font-size:12px;border-bottom:1px solid var(--line)}.steps b{font-size:10px;margin-right:3px}.steps i{width:18px}.button{font-size:14px;min-height:52px;white-space:normal}.text-button{font-size:13px}.eyebrow{font-size:10px;letter-spacing:.1em}.small-note{font-size:12px}#app[data-phase=home] #ui{display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,#f5f2e950,#f5f2e900 22%,#f5f2e9ed 43%,#f5f2e9 65%)}#app[data-phase=home] .topbar{flex-shrink:0}.home-content{position:relative;top:auto;left:auto;width:auto;max-width:none;margin:clamp(100px,18dvh,180px) 24px 20px;flex:1}.home-content .eyebrow{font-size:10px;letter-spacing:.08em}.home-content h1{font-size:clamp(48px,14vw,72px);margin:14px 0;line-height:1.02}.hero-description{font-size:14px;line-height:1.6}.hero-buttons{display:grid;grid-template-columns:1fr auto;margin-top:22px;gap:6px}.button.large{font-size:14px;min-height:56px;padding:14px}.hero-buttons .subtle{padding:12px 9px}.home-stats{display:flex;margin-top:20px;gap:18px}.home-stats strong{font-size:12px}.home-stats small{font-size:10px;margin-top:3px}.home-stats svg{width:19px;height:19px}.home-footer{position:static;margin:0 20px;min-height:60px;height:auto;flex-shrink:0;border-top:1px solid var(--line)}.home-footer>span{font-size:7px;letter-spacing:.04em}.home-footer button{font-size:12px;gap:5px}.scene-label{display:none}.qa-entry{position:static;margin:0 20px 8px}.menu-page,.summary-page,.garage-page{height:calc(100% - 64px);padding:20px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.menu-page{height:calc(100% - var(--header-height));padding-bottom:0}.section-title{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.section-title h1{font-size:34px}.section-title p{font-size:13px;line-height:1.5}.pill{font-size:10px;letter-spacing:.05em}.order-layout{display:flex;flex-direction:column;gap:16px}.order-grid{display:flex;flex-direction:column;gap:10px}.order-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:6px 12px;padding:14px;border-radius:14px}.card-top{grid-column:1 / -1}.order-number{font-size:10px;letter-spacing:.06em}.selection-check{width:24px;height:24px}.parcel-art{grid-column:1;grid-row:2 / span 4;height:106px;align-self:center}.parcel-shadow{width:72px;bottom:10px}.order-card h2{grid-column:2;font-size:17px;line-height:1.3}.address{grid-column:2;font-size:12px;margin:0}.order-attributes{grid-column:2;margin:2px 0;gap:4px}.order-attributes span{font-size:11px;padding:4px 6px;white-space:normal}.card-bottom{grid-column:2;margin:2px 0 0;padding-top:8px}.card-bottom>span{font-size:10px;letter-spacing:0}.card-bottom strong{font-size:22px}.card-bottom small{font-size:12px}.route-panel{margin:0;padding:18px}.route-panel h2{font-size:24px;margin:6px 0 16px}.route-list{gap:12px;margin-bottom:18px}.route-list span,.route-total>span{font-size:13px}.route-list small,.route-panel .small-note{font-size:12px}.route-total{margin:0;padding-top:12px}.order-confirm{position:sticky;bottom:0;z-index:3;margin:0 -16px;padding:10px 16px 14px;background:#f5f2e9f5;border-top:1px solid var(--line);box-shadow:0 -6px 20px #123d3510}.mobile-order-total{display:block;margin-bottom:8px;font-size:12px;font-weight:600}.packing-page{height:calc(100% - var(--header-height));padding:12px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(610px,1fr) auto;gap:10px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.packing-sidebar{display:contents}.packing-sidebar>.eyebrow,.packing-sidebar>h1,.packing-sidebar>p{display:none}.cargo-list{order:1;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;min-height:74px;padding-bottom:3px}.cargo-item{flex:0 0 170px;padding:10px;min-height:66px;gap:7px}.cargo-item strong{font-size:12px}.cargo-item small{font-size:11px;line-height:1.3}.cargo-swatch{width:26px;height:30px}.cargo-state{display:none}.cargo-item.active{box-shadow:inset 0 0 0 1px var(--mint)}.packing-tools{order:2;flex-direction:row;gap:8px;margin:0}.packing-tools .button,.packing-tools .text-button{flex:1;font-size:13px;min-height:48px}.packing-workspace{order:3;min-height:610px;border-radius:12px;grid-template-rows:30px auto 48px minmax(180px,1fr) 100px auto}.packing-caption{padding:8px 12px;font-size:10px;letter-spacing:.05em}.packing-caption span:last-child{font-size:12px}.packing-orientation{grid-row:2;padding:6px 12px;font-size:12px;min-height:40px}.packing-workspace .layer-controls{grid-row:3;position:static;justify-content:center;padding:0;gap:8px;border:0;border-radius:0;background:#f7f4e9}.layer-controls>span{display:block;font-size:10px}#packing-canvas{grid-row:4;touch-action:none}.rotation-controls{grid-row:5;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:48px 48px;padding:2px 6px;gap:0}.rotation-controls button{grid-column:span 2;padding:4px;font-size:12px;line-height:1.3;white-space:normal;gap:4px}.rotation-controls svg{width:15px;height:15px}.packing-workspace .rotation-controls button[data-action=place-cargo],.packing-workspace .rotation-controls button[data-action=remove-cargo]{grid-column:span 3;margin:2px}.packing-footer{grid-row:6;flex-wrap:wrap;padding:8px 10px;gap:4px 8px;position:static}.packing-footer .text-button{font-size:12px}.packing-footer .button{flex:1;font-size:14px;padding:12px}.packing-footer p{order:3;flex-basis:100%;max-width:none;font-size:12px;line-height:1.4}.stability-card{order:4;padding:12px;margin:0;background:#e9eee3;border-radius:10px}.stability-card>strong{font-size:18px}.stability-card small{font-size:12px}.hud-top{top:10px;left:12px;right:12px;gap:6px;align-items:flex-start}.destination-card{flex:1;min-width:0;max-width:none;padding:10px;gap:6px;min-height:82px}.destination-card>svg{width:18px;height:18px}.destination-card>div{min-width:0}.destination-card small{font-size:9px;letter-spacing:.03em}.destination-card strong{font-size:13px;line-height:1.25;margin:4px 0}.destination-card span{font-size:12px}.drive-clock{padding:12px 8px;min-width:59px;gap:0}.drive-clock svg{display:none}.drive-clock b{font-size:16px}.map-panel{right:12px;top:102px;width:96px;padding:5px;border-radius:10px}.map-panel>span{display:none}.cargo-hud{left:12px;top:102px;gap:5px;max-width:calc(100% - 126px)}.cargo-health{width:180px;max-width:100%;min-height:36px;padding:6px 8px;gap:6px}.cargo-health>span{width:22px;height:22px;font-size:11px}.cargo-health small{font-size:11px;margin-bottom:5px}.cargo-health em{font-size:11px;min-width:30px}.hazard-warning{top:245px;width:calc(100% - 40px);max-width:360px;padding:9px 12px;font-size:13px}.driving-controls{user-select:none;-webkit-user-select:none}.driving-controls:before{content:"";position:absolute;inset:auto 0 0;height:185px;background:linear-gradient(transparent,#123d355c);pointer-events:none}.steering-wrap{left:18px;bottom:22px}#joystick{width:112px;height:112px;background:#fffdf555;border:2px solid #fffdf5a8}#joystick-knob{width:56px;height:56px;font-size:25px}.steering-wrap>span{font-size:11px;letter-spacing:.08em;margin-top:8px}.pedals{right:16px;bottom:38px;display:grid;grid-template-columns:72px 80px;align-items:end;gap:8px}.honk-control{grid-column:1;grid-row:1;justify-self:center;margin:0;width:48px;height:48px}.brake-control{grid-column:1;grid-row:2;width:72px;height:78px;border-radius:14px}.throttle-control{grid-column:2;grid-row:1 / span 2;width:80px;height:114px;border-radius:18px}.brake-control>span{font-size:26px;margin-bottom:8px}.throttle-control>span{font-size:36px;margin-bottom:10px}.pedals small{font-size:11px;letter-spacing:0}.drive-center{bottom:187px;gap:8px;width:calc(100% - 32px)}.speed{display:flex;align-items:baseline;gap:6px}.speed b{font-size:29px}.speed span{font-size:10px;margin:0;letter-spacing:.05em}.shock-meter{font-size:11px;padding:4px 8px}.drive-center .button{min-height:52px;font-size:14px;padding:12px 20px}.pickup-button{touch-action:none}.desktop-hint{display:none}#app:is([data-phase=driving],[data-phase=customer]) #toast{bottom:calc(290px + env(safe-area-inset-bottom,0px));font-size:13px}.qa-controls{left:12px;right:12px;bottom:0;gap:3px;font-size:8px}.qa-controls button{min-height:20px;min-width:0;font-size:8px;padding:3px}.qa-controls output{padding:3px}.summary-layout{grid-template-columns:minmax(0,1fr);gap:16px}.summary-heading{margin:0 0 20px}.summary-heading h1{font-size:34px}.summary-heading p{font-size:13px;line-height:1.5}.result-card{padding:14px 12px;gap:9px;align-items:flex-start}.result-icon{width:28px;height:28px}.result-icon svg{width:18px;height:18px}.result-card h3{font-size:14px}.result-card p,.result-card>div>small,.result-money small{font-size:12px}.result-money strong{font-size:18px}.earnings{padding:22px}.earnings-lines,.earnings .button{font-size:14px}.garage-page>h1{font-size:39px}.garage-page>p,.upgrade-card p{font-size:14px}.upgrade-card{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}.strap-art{height:145px}.upgrade-card h2{font-size:24px}.upgrade-card .button{width:100%}.modal-backdrop,.customer-backdrop{padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.info-dialog,.customer-dialog{padding:24px 20px;border-radius:18px}.info-dialog h2{font-size:30px;padding-right:20px}.help-list b,.dialog-choices b{font-size:14px}.help-list p,.dialog-choices span,.setting-row small{font-size:13px}.notice{font-size:12px!important}.customer-quote{font-size:20px}.customer-package{font-size:13px}.customer-dialog>.small-note{font-size:12px}.dialog-choices button{min-height:76px}}@media(max-width:360px){.brand{font-size:14px}.brand-sub{display:none}.topbar{margin:0 12px}.top-actions{gap:2px}.balance{font-size:11px}.home-content{margin-left:20px;margin-right:20px}.home-stats{gap:10px}.hero-buttons{grid-template-columns:1fr}.hero-buttons .subtle{min-height:48px}.steering-wrap{left:12px}#joystick{width:100px;height:100px}.pedals{right:12px;grid-template-columns:64px 72px;gap:7px}.brake-control{width:64px}.throttle-control{width:72px}.rotation-controls button{font-size:11px}}.packing-workspace{grid-template-rows:28px 44px auto minmax(240px,1fr) auto auto auto}.packing-caption{grid-row:1}.packing-orientation{grid-row:2}.packing-toolbar{grid-row:3}.packing-stage{grid-row:4}.packing-live-score{grid-row:5}.packing-workspace .rotation-controls{grid-row:6}.packing-workspace .packing-footer{grid-row:7}.delivery-receipt{display:block;text-align:center}.packing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.packing-views{display:flex;gap:6px}.packing-views button{min-height:48px;border:1px solid #d2dccf;border-radius:10px;padding:8px 12px;background:#f9fbf5;color:#294f43;font:inherit;cursor:pointer}.packing-views button[aria-pressed=true]{background:#215746;color:#fff}.packing-toolbar .layer-controls{position:static;transform:none;margin:0;width:auto}.packing-stage{flex:1;min-height:260px;position:relative}.packing-stage #packing-canvas{position:absolute;top:0;right:0;bottom:0;left:0}#packing-board{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,360px);margin:8px auto;padding:10px}.packing-cell{height:72px;border:2px solid #c2cdbb;border-radius:12px;background:var(--cargo-color);color:#163d33;font-size:24px;font-weight:800;cursor:pointer;touch-action:manipulation}.packing-cell small{display:block;font-size:10px;font-weight:600;margin-top:3px}.packing-cell.preview-valid{background:#bde8d0;border:3px solid #27835d}.packing-cell.preview-invalid{background:#ffd3c5;border:3px solid #c75635}.packing-workspace[data-view=grid] #packing-canvas{visibility:hidden}.packing-workspace[data-view="3d"] #packing-board,.packing-workspace[data-view=grid] [data-axis=x],.packing-workspace[data-view=grid] [data-axis=z]{display:none}.packing-live-score{text-align:center;color:#22664e;font-size:13px;font-weight:700;margin:8px 10px}.delivery-receipt .receipt-total{display:block;font-size:40px;color:#246b50;margin:16px 0}.receipt-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;background:#edf1e6;padding:14px;border-radius:12px}.receipt-lines span{display:flex;justify-content:space-between;gap:8px;font-size:13px}.receipt-feedback{font-size:15px;line-height:1.6}.delivery-receipt>.button{width:100%;margin-top:20px}.dialog-choices button span{color:#28614c;font-weight:600}@media(max-width:700px){.packing-page{grid-template-rows:repeat(4,max-content)}.packing-workspace{min-height:0;grid-template-rows:28px 44px auto 268px auto auto auto}.packing-toolbar{padding:8px;gap:6px;flex-wrap:wrap}.packing-toolbar .layer-controls{gap:4px;padding:0;border:0;background:none}.packing-toolbar .layer-controls>span{display:none}.packing-toolbar .layer-controls button{width:48px;height:48px;min-width:48px;padding:0}.packing-views button{padding:6px 9px;font-size:12px}.packing-stage{min-height:268px;flex:none}#packing-board{max-width:340px;margin:0 auto}.packing-cell{height:56px}.packing-workspace .rotation-controls{display:flex;position:static;transform:none;flex-wrap:wrap;justify-content:center;padding:6px}.packing-workspace .rotation-controls button{min-height:48px;flex:1;padding:8px;font-size:12px}.packing-workspace[data-view="3d"] .rotation-controls button{flex:1 0 28%}.driving-hud .map-panel{top:100px;width:76px;right:8px}.driving-hud .map-panel canvas{width:76px;height:89px}.driving-hud .map-panel>span{display:none}.driving-hud .cargo-hud{top:100px;left:8px;width:126px;gap:4px}.driving-hud .cargo-health{padding:5px;gap:5px}.driving-hud .cargo-health>span{width:19px;height:19px;font-size:10px}.driving-hud .cargo-health small{font-size:9px}.driving-hud .cargo-health em{font-size:10px}.driving-hud .cargo-health i{height:4px}.driving-controls .throttle-control{min-height:100px;width:78px}.driving-controls .brake-control{min-height:84px;width:66px}.delivery-receipt{padding:24px 18px}}@media(min-width:701px)and (max-height:600px){.packing-workspace{grid-template-rows:24px 34px auto minmax(0,1fr) 26px 48px auto}.packing-stage{min-height:0}#packing-board{max-width:260px;height:100%;margin:0 auto;padding:2px;gap:3px;grid-template-rows:repeat(4,minmax(0,1fr))}.packing-cell{height:auto;min-height:0;font-size:16px;border-radius:5px}.packing-cell small{display:none}.packing-toolbar{padding:2px 8px}.packing-live-score{margin:4px;font-size:11px}}.packing-workspace{grid-template-rows:28px 44px auto minmax(230px,1fr) 48px 24px auto auto auto}.packing-workspace .packing-experiment{grid-row:5}.packing-workspace .packing-live-score{grid-row:6}.packing-workspace .packing-inspection{grid-row:7}.packing-workspace .rotation-controls{grid-row:8}.packing-workspace .packing-footer{grid-row:9}.packing-camera{position:absolute;left:50%;top:8px;transform:translate(-50%);display:flex;gap:6px;z-index:2}.packing-camera button,.packing-experiment button{min-height:48px;min-width:48px;padding:7px 12px;border-radius:10px;border:1px solid #c4d6c5;background:#fffdf2ed;color:#215746;font:inherit;font-size:12px;cursor:pointer}.packing-camera button{box-shadow:0 3px 10px #194b3220;white-space:nowrap}.packing-experiment{display:flex;justify-content:center;gap:6px;padding:0 8px}.packing-experiment button:disabled{opacity:.4;cursor:default}.packing-experiment [data-action=test-packing]{background:#215746;color:#fffdf2}.packing-trial{margin:0;padding:8px 12px;font-size:12px;line-height:1.5;color:#375d4e;background:#e5eddf}.packing-gesture{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:max-content;max-width:95%;padding:6px 9px;border-radius:20px;color:#406451;background:#fffdf2d9;font-size:9px;letter-spacing:.03em;z-index:1;pointer-events:none}.packing-workspace[data-view=grid] .packing-camera,.packing-workspace[data-view=grid] .packing-gesture{display:none}.packing-toolbar .layer-controls [data-action=auto-layer]{width:auto;padding:0 10px}.cargo-mini{width:56px;height:46px;flex-shrink:0;position:relative;display:grid;place-items:center}.cargo-mini b{position:absolute;bottom:0;right:0;width:18px;height:18px;display:grid;place-items:center;background:#215746;color:#fff;border-radius:50%;font-size:10px;z-index:2}.packing-goals{display:grid;gap:6px;margin:8px 0 12px}.packing-goal{padding:9px;border-radius:9px;background:#ebe9dc;border:1px solid #dcdcc9}.packing-goal b{font-size:12px;color:#756848}.packing-goal small{display:block;font-size:11px;line-height:1.5;margin-top:3px;color:#66735b}.packing-goal.met{background:#e3f2df;border-color:#a9cda8}.packing-goal.met b{color:#246543}.packing-objectives{padding:0 12px;background:#f6f5ea}.packing-objectives summary{min-height:48px;align-content:center;cursor:pointer;font-size:12px;color:#285a44;font-weight:700}@media(max-width:700px){.packing-page{grid-template-rows:repeat(5,max-content)}.packing-workspace{grid-template-rows:28px 44px auto 310px 48px 28px auto auto auto}.packing-goals{order:5;margin:0}.packing-stage{min-height:310px}.cargo-item{flex-basis:205px}.packing-toolbar{justify-content:center}.packing-toolbar .layer-controls{flex-wrap:nowrap}.packing-toolbar .layer-controls button{width:48px}.packing-camera button,.packing-experiment button{padding:6px 9px}.packing-trial{font-size:12px}}@media(min-width:701px)and (max-height:700px){.packing-page{overflow:auto}.packing-workspace{min-height:640px}}@media(min-width:701px)and (max-height:500px){.packing-stage{min-height:180px}.packing-workspace{grid-template-rows:28px 44px auto 180px 48px 24px auto auto auto}}.ui-details{text-align:left;min-width:0}.ui-details>summary{min-height:48px;align-content:center;cursor:pointer;font-size:13px;font-weight:600;color:#285a44}.route-panel{align-self:start}.route-panel h2{margin:0 0 8px}.route-total{margin:8px 0 0}.mobile-order-total{display:block;font-size:13px;font-weight:600;margin-bottom:12px}.route-details .route-list{margin:8px 0 16px}.home-stats{display:flex;align-items:center;gap:8px;color:#6b7968;font-size:13px}.home-stats>svg{width:18px;height:18px}.packing-sidebar h1{font-size:28px;margin:0 0 20px}.packing-tools{margin-top:18px}.packing-page{align-items:start;overflow-y:auto}.packing-workspace{align-self:start;min-height:calc(100dvh - 138px);grid-template-rows:28px 32px auto minmax(230px,1fr) 28px auto 48px auto auto}.packing-workspace .packing-live-score{grid-row:2;margin:0;align-content:center}.packing-workspace .packing-orientation{grid-row:5;margin:0;justify-content:center;font-size:12px;padding:4px 12px}.packing-workspace .rotation-controls{grid-row:6;position:static;transform:none;display:flex;flex-wrap:wrap;justify-content:center;padding:6px;gap:4px}.packing-workspace .rotation-controls button{min-height:48px;min-width:48px;padding:6px 10px}.packing-workspace .packing-experiment{grid-row:7}.packing-workspace .packing-inspection{grid-row:8}.packing-workspace .packing-footer{grid-row:9;flex-wrap:wrap}.packing-caption{padding:8px 14px}.packing-toolbar{padding:6px 10px}.packing-camera{top:8px}.packing-camera button{font-size:18px}.packing-gesture{font-size:11px;letter-spacing:0;padding:5px 10px}.packing-trial:empty,#packing-message:empty{display:none}.packing-help{font-size:12px;line-height:1.6;margin:8px 0;color:#586952}.packing-objectives>#packing-weight{font-size:12px}.cargo-state{font-size:16px;color:#2f7755}.result-card .ui-details{margin-top:4px}.result-card .ui-details>summary{font-size:12px}.result-card .result-breakdown{margin-top:4px}.earnings>.balance-line{display:flex;justify-content:space-between;font-size:13px;margin:14px 0}.delivery-receipt .receipt-feedback{margin:8px 0}.delivery-receipt .ui-details{margin:0 0 8px}.delivery-receipt .ui-details>summary{text-align:center}@media(max-width:700px){.packing-workspace{min-height:0;grid-template-rows:28px 32px auto 310px 28px auto 48px auto auto;overflow:visible}.packing-tools{margin:0}.cargo-item{flex-basis:195px}.cargo-state{display:block;position:absolute;right:5px;top:3px;font-size:12px}.packing-workspace .packing-footer{position:sticky;bottom:0;z-index:3;background:#fffdf6;border-radius:0 0 12px 12px;box-shadow:0 -4px 12px #194b3210}.packing-workspace .rotation-controls button{flex:0 1 auto}.packing-workspace .packing-footer p{margin:0}.section-title{margin-bottom:16px}.route-panel{width:100%;padding:12px 16px}.route-panel h2{font-size:19px;margin:0}.route-total{gap:6px}.route-total>span{font-size:12px}}@media(min-width:701px)and (max-height:700px){.packing-workspace{min-height:600px}}@media(min-width:701px)and (max-height:500px){.packing-workspace{grid-template-rows:28px 32px auto 180px 28px auto 48px auto auto}}.packing-simple .packing-workspace{display:flex;flex-direction:column}.packing-simple .packing-caption{min-height:32px;letter-spacing:0;font-size:12px}.packing-score-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 14px;min-height:32px}.packing-simple #packing-live-score{margin:0;font-size:13px;font-weight:700;color:#225940}.packing-target{font-size:11px;color:#8b6633;white-space:nowrap}.packing-score-meter{height:5px;margin:3px 14px;border-radius:6px;background:#dedfcf;overflow:hidden}.packing-score-meter span{display:block;height:100%;background:#329d7b;transition:width .18s}.packing-goal-pips{display:flex;justify-content:center;gap:20px;padding:6px;font-size:11px;color:#899286}.packing-goal-pips .met{color:#2d7950}.packing-simple .packing-stage{flex:1;min-height:300px;border-radius:10px;overflow:hidden}.packing-tip{color:#476448;font-size:12px;line-height:1.4;text-align:center;padding:8px 12px;min-height:32px;background:#e8eee0}.packing-tip:empty{display:none}.packing-actions,.packing-simple .rotation-controls,.packing-simple .packing-experiment{display:flex;justify-content:center;align-items:center;gap:5px;padding:3px}.packing-simple .rotation-controls button{min-width:48px;min-height:48px;padding:6px 9px;font-size:12px}.packing-simple .packing-experiment button{font-size:12px;padding:6px 9px}.packing-simple .packing-inspection{display:grid;grid-template-columns:1fr 1fr;background:#f6f5ea}.packing-simple .packing-trial{grid-column:1/-1}.packing-objectives,.packing-advanced{padding:0 12px;min-width:0}.packing-objectives[open],.packing-advanced[open]{grid-column:1/-1}.packing-advanced summary{min-height:48px;align-content:center;font-size:12px;font-weight:700;color:#285a44;cursor:pointer}.packing-advanced .packing-camera{position:static;transform:none;justify-content:center;margin:5px 0}.packing-advanced .packing-toolbar{flex-wrap:wrap;justify-content:center}.packing-advanced .packing-camera button{min-height:48px;min-width:48px}.packing-advanced-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 12px}.packing-advanced-tools button{padding:7px 10px;min-height:48px;min-width:48px;border:1px solid #c4d6c5;border-radius:8px;background:#fffdf2;font-size:12px}.packing-simple .packing-footer{margin-top:auto}.packing-simple .cargo-item{transition:border-color .15s,background .15s}.route-arrow{display:grid;place-items:center;min-width:32px;font-size:32px;font-weight:800;color:#2e7758}#route-guidance{font-weight:800;font-size:12px;letter-spacing:0;color:#2e7758}@media(max-width:700px){#app[data-phase=packing] #ui{--header-height:48px}#app[data-phase=packing] .topbar{height:48px;padding:0;margin:0 8px;flex-wrap:nowrap}#app[data-phase=packing] .steps{display:none}#app[data-phase=packing] .brand{font-size:13px}.packing-simple.packing-page{display:flex;flex-direction:column;padding:4px;gap:4px}.packing-simple .packing-sidebar{display:contents}.packing-simple .packing-workspace{flex:1;min-height:0;flex-shrink:0;border-radius:8px;width:100%;margin:0}.packing-simple .packing-workspace>*{flex-shrink:0}.packing-simple .packing-stage{flex:1 0 260px;height:auto;min-height:260px;border-radius:6px}.packing-simple .packing-caption{min-height:20px;padding:2px 10px}.packing-simple .packing-score-row{min-height:26px;padding:2px 10px}.packing-simple .packing-goal-pips{padding:3px}.packing-simple .packing-score-meter{flex-shrink:0;margin:2px 12px;height:4px}.packing-simple .cargo-list{flex-shrink:0;min-height:54px;gap:4px;padding:0;overflow:visible}.packing-simple .cargo-item{flex:1 1 0;min-width:0;min-height:54px;padding:4px;gap:3px}.packing-simple .cargo-item>span:nth-child(2){min-width:0}.packing-simple .cargo-item strong{font-size:11px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.packing-simple .cargo-item small{font-size:10px;white-space:nowrap}.packing-simple .cargo-mini{width:26px;height:30px}.packing-simple .cargo-mini b{width:15px;height:15px;font-size:9px}.packing-simple .packing-actions{gap:0}.packing-simple .packing-footer{margin-top:0;padding:4px 8px;min-height:56px}.packing-simple .packing-footer #packing-message{display:none}.packing-simple .packing-tip{padding:4px 8px;min-height:26px}.packing-simple .packing-actions{min-height:52px}.packing-target{font-size:10px}.packing-score-row{padding:4px 10px}.packing-simple #packing-live-score{font-size:12px}.destination-card{gap:8px}.route-arrow{min-width:26px;font-size:27px}}@media(min-width:701px)and (max-height:700px){.packing-simple .packing-stage{min-height:220px}}@media(prefers-reduced-motion:reduce){.packing-score-meter span,.packing-simple .cargo-item{transition:none}}.compact-orders .order-grid{display:grid;grid-template-columns:1fr;gap:8px;max-width:760px;margin:0 auto 16px}.compact-orders .order-card{display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 12px;min-height:76px;text-align:left}.compact-orders .parcel-art{flex:0 0 56px;width:56px;height:56px;margin:0}.compact-orders .order-copy{flex:1;min-width:0}.compact-orders .order-copy strong{display:block;font-size:14px}.compact-orders .order-copy small{display:block;font-size:11px;margin-top:4px;color:#65776b}.compact-orders .order-fee{color:#226d56;white-space:nowrap}.compact-orders .order-fee small{font-size:10px}.compact-orders .selection-check{flex:0 0 22px}.compact-orders .route-details{max-width:760px;margin:0 auto 12px}.packing-simple .cargo-list{display:flex;flex-direction:row;gap:6px;overflow-x:auto;flex-wrap:nowrap}.packing-simple .cargo-item{flex:0 0 54px;min-width:54px;width:54px;min-height:54px;height:54px;padding:3px;position:relative;border-radius:12px}.packing-simple .cargo-mini{width:42px;height:42px}.packing-simple .cargo-state{position:absolute;top:1px;right:2px;font-size:11px}.packing-simple #selected-cargo-detail{display:block;margin:4px 0 0;font-size:11px;height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driving-hud .cargo-hud{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - 24px);gap:4px;width:auto;right:auto;pointer-events:auto}.driving-hud .cargo-health{border:0;display:flex;align-items:center;gap:3px;padding:4px;min-height:44px;min-width:44px;width:50px;flex:0 0 50px;border-radius:10px;font:inherit;color:#173d33}.driving-hud .cargo-health>span{width:18px;height:22px;flex:0 0 18px;font-size:11px}.driving-hud .cargo-health>div{display:none}.driving-hud .cargo-health em{font-size:10px;min-width:0}.rack-progression{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.rack-tier{padding:14px 8px;border:1px solid #cbd6c4;border-radius:14px;display:flex;flex-direction:column;gap:9px;background:#fff9ed;text-align:center}.rack-tier.current{border:2px solid #348d71;background:#e1f1db}.rack-tier strong{font-size:24px}.rack-tier small,.rack-tier span{font-size:11px}.strap-upgrade{margin:20px 0}@media(max-width:700px){.driving-hud .map-panel{top:156px}.packing-simple .packing-sidebar{display:block}.packing-simple .packing-sidebar{padding:0;min-height:76px}.compact-orders .section-title{align-items:center;gap:8px}.compact-orders .pill{font-size:10px}.rack-tier strong{font-size:19px}.packing-simple .packing-stage{min-height:280px}}.order-guidance{font-size:12px;color:#566457;margin:2px 0 12px}.recipient-list{display:grid;gap:14px;padding-bottom:16px}.recipient-group{background:#fff9ed;border:1px solid #dfdfce;border-radius:14px;overflow:hidden}.recipient-group header{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #dfdfce}.recipient-group header strong{font-size:14px}.recipient-group header small{font-size:11px;color:#627164;text-align:right}.recipient-items{display:grid}.recipient-items .order-card{border-radius:0;border-width:0 0 1px;min-height:62px;grid-template-columns:44px 1fr auto 26px;gap:6px;padding:8px}.recipient-items .order-fee{font-size:13px;white-space:nowrap}.mobile-order-total small{display:block;font-size:11px;font-weight:400;margin-top:4px}.packing-stage{position:relative}#packing-gizmo{position:absolute;width:100px;display:grid;grid-template-columns:48px 48px;grid-template-rows:46px 46px 46px;gap:4px;z-index:4;pointer-events:none}#packing-gizmo[hidden]{display:none}#packing-gizmo button{pointer-events:auto;touch-action:manipulation;border:1px solid #bdc8b5;border-radius:12px;background:#fffffff0;box-shadow:0 2px 8px #20352826;color:#254937;font-size:15px;font-weight:800;min-width:48px;min-height:46px;padding:0}#packing-gizmo button[data-axis=x]{grid-area:1/1;color:#bd523f}#packing-gizmo button[data-axis=y]{grid-area:2/1;color:#2c8e63}#packing-gizmo button[data-axis=z]{grid-area:3/1;color:#426dad}#packing-gizmo button[data-delta="1"]{grid-area:1/2}#packing-gizmo button[data-delta="-1"]{grid-area:2/2}.packing-workspace[data-view=grid] #packing-gizmo{left:auto!important;right:6px;top:6px!important}.packing-actions{justify-content:flex-end}.response-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:44vh;overflow:auto}.response-cards button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:148px;padding:14px 12px;border:1px solid #bcccaf;background:#fffaf0;border-radius:14px;text-align:left}.response-cards button small{font-size:10px;color:#576b57}.response-cards button b{font-size:16px}.response-cards button span{font-size:12px;line-height:1.4}.response-cards button strong{margin-top:auto;font-size:11px;color:#247051}.card-encounter h2{font-size:23px;line-height:1.25;margin:12px 0}.customer-traits{font-size:12px;color:#637260}.career-progress{display:grid;grid-template-columns:1fr auto;gap:8px;background:#edf1e4;border-radius:14px;padding:16px;margin:12px 0}.career-progress progress,.career-progress small{grid-column:1/-1;width:100%}.career-progress progress{accent-color:#397758}.career-progress small{font-size:12px}.card-unlock{padding:14px;border:1px solid #9ac489;border-radius:14px;background:#f4f8e6;margin:12px 0}.card-unlock .button{margin:6px 4px 0 0;min-height:48px}.garage-page h2{font-size:18px;margin:18px 0 10px}.self-upgrades{display:grid;grid-template-columns:1fr 1fr;gap:10px}.self-upgrades .button{display:flex;flex-direction:column;font-size:13px;min-height:64px}.receipt-total{font-size:32px}.receipt-lines{padding:10px 0}@media(max-width:700px){.compact-orders .order-confirm{gap:8px}.recipient-group header{padding:8px 10px}.garage-page{overflow-y:auto}}.warehouse-packing.packing-page{display:block;padding:4px max(10px,env(safe-area-inset-right)) 4px max(10px,env(safe-area-inset-left));overflow:auto;max-width:1040px;margin:0 auto}.warehouse-packing .packing-workspace{display:flex;flex-direction:column;height:100%;min-height:0;gap:3px;border:0;overflow:visible}.warehouse-packing .packing-caption{min-height:28px;padding:3px 8px;font-size:12px;letter-spacing:0;align-items:center;gap:8px}.warehouse-packing .packing-caption strong{font-size:13px}.warehouse-selection{min-height:22px;padding:2px 8px;font-size:12px;color:#46644d;margin:0}.warehouse-packing .packing-stage{flex:1 1 240px;min-height:200px}.warehouse-shelf{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;flex-shrink:0;padding:4px 2px;scroll-snap-type:x proximity;touch-action:pan-x}.warehouse-group{flex:none;border:1px solid #cbd6bf;border-radius:12px;background:#fffcf3;padding:5px;scroll-snap-align:start}.warehouse-group header{display:flex;justify-content:space-between;gap:8px;margin:0 3px 3px;font-size:12px}.warehouse-group header small{color:#71836d;font-size:11px}.warehouse-group .incomplete{color:#b1532d;font-weight:800}.warehouse-items{display:flex;gap:4px}.warehouse-parcel{width:90px;min-height:91px;border:1px solid transparent;border-radius:8px;padding:3px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;touch-action:pan-x;cursor:grab;user-select:none;-webkit-user-select:none}.warehouse-parcel.active{background:#e2f2e6;border-color:#3b926f}.warehouse-parcel.packed{background:#eef2e5}.warehouse-parcel b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.12;min-height:22px;max-width:85px}.warehouse-parcel small{font-size:10px;color:#527649;font-weight:700}.warehouse-art{width:70px;height:40px;position:relative;display:grid;place-items:center}.warehouse-art i{position:absolute;right:0;top:0;font-style:normal;font-size:13px;background:#fffdf0;border-radius:50%;padding:0 3px}.warehouse-packing .packing-inspection{display:flex;gap:16px;padding:0 8px;font-size:12px;min-height:25px;flex-shrink:0}.warehouse-packing .packing-inspection details{flex:1}.warehouse-packing .packing-inspection details[open]{background:#fff9e9;padding:8px;border-radius:10px}.warehouse-packing .packing-inspection summary{cursor:pointer;padding:5px 0;color:#58704e}.warehouse-packing .packing-footer{position:sticky;bottom:0;min-height:58px;padding:4px 6px;gap:8px;margin-top:0;flex-shrink:0;z-index:5}.warehouse-undo{min-height:44px;min-width:44px;border:1px solid #d0dac2;border-radius:10px;font-size:24px}.warehouse-total{min-width:0;flex:1;font-size:12px}.warehouse-total small{display:block;font-size:10px;line-height:1.2;color:#56734e;max-width:240px}.warehouse-packing #depart-button{min-height:48px;padding:8px 12px;font-size:12px}.warehouse-packing #packing-gizmo{position:static;width:100%;max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 48px 48px;grid-template-rows:60px;gap:4px;flex-shrink:0;padding:2px;z-index:auto}.warehouse-packing #packing-gizmo button{grid-area:auto;min-width:44px;min-height:48px;border-radius:9px;box-shadow:none}.warehouse-packing #packing-gizmo button svg{width:30px;height:28px}.warehouse-packing #packing-gizmo button[data-delta]{font-size:22px}.packing-edit-actions{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;flex-shrink:0}.packing-edit-actions>span{flex:1;color:#46644d;font-size:12px}.packing-edit-actions button{min-height:44px;padding:6px 12px;border-radius:8px;border:1px solid #bacbb7;background:#fffdf3;color:#254937;font-size:12px}.packing-edit-actions [data-action=place-cargo]{background:#235c49;color:#fff}.warehouse-packing button:focus-visible{outline:3px solid #267a61;outline-offset:2px}#packing-canvas[data-drop=valid]{box-shadow:inset 0 0 0 3px #308263}#packing-canvas[data-drop=invalid]{box-shadow:inset 0 0 0 3px #b84b40}#packing-canvas[data-drop] canvas{cursor:grabbing}.packing-drag-badge{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid #35745a;border-radius:12px;background:#fffdf3;box-shadow:0 4px 12px #193c3426;font-size:12px}.packing-drag-badge[hidden]{display:none}.packing-drag-badge svg{width:48px!important;height:40px!important}.warehouse-packing .packing-footer{flex-wrap:nowrap}.warehouse-packing .packing-inspection summary{min-height:36px}.warehouse-packing #packing-gizmo button[data-axis]{display:flex;flex-direction:column;justify-content:center;gap:1px;align-items:center;font-size:11px;line-height:1.1}.twist-arrow{font-size:25px}.warehouse-packing #packing-gizmo small{display:block;font-size:9px;opacity:.7;margin-top:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.warehouse-packing #packing-message{display:block}@media(max-width:700px){.warehouse-packing.packing-page{padding:0 4px}.warehouse-packing .packing-workspace{gap:2px}.warehouse-packing .packing-stage{min-height:200px;flex:1 1 240px}.warehouse-shelf{min-height:117px}.packing-edit-actions>span{font-size:10px}.packing-edit-actions button{padding:6px 8px}.warehouse-packing .packing-caption strong{font-size:11px}.warehouse-packing .packing-caption{font-size:10px}.warehouse-total small{max-width:128px}.warehouse-packing #depart-button{max-width:150px}.warehouse-packing .packing-footer{padding-bottom:max(4px,env(safe-area-inset-bottom))}}@media(min-width:701px){.warehouse-packing .packing-workspace{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:24px 24px minmax(110px,1fr) 62px 48px 58px auto;gap:2px 8px}.warehouse-packing .packing-caption{grid-area:1/1/2/3;min-height:0}.warehouse-selection{grid-area:2/1/3/3;min-height:0}.warehouse-packing .packing-stage{grid-area:3/2/4/3;min-height:110px;height:100%}.warehouse-packing .warehouse-shelf{grid-area:3/1/6/2;flex-direction:column;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;min-height:0}.warehouse-packing .warehouse-parcel{touch-action:pan-y}.warehouse-packing .warehouse-items{flex-wrap:wrap}.warehouse-packing #packing-gizmo{grid-area:4/2/5/3}.warehouse-packing .packing-edit-actions{grid-area:5/2/6/3}.warehouse-packing .packing-footer{grid-area:6/1/7/3}.warehouse-packing .packing-inspection{grid-area:7/1/8/3}.warehouse-packing .packing-gesture{display:none}}@media(min-width:701px)and (max-height:500px){.warehouse-packing .packing-workspace{grid-template-columns:112px minmax(0,1fr) 164px;grid-template-rows:24px 24px 146px 44px 58px auto}.warehouse-packing .packing-caption,.warehouse-packing .warehouse-selection{grid-column:1/4}.warehouse-packing .packing-stage{grid-area:3/2/5/3}.warehouse-packing .warehouse-shelf{grid-area:3/1/5/2}.warehouse-packing #packing-gizmo{grid-area:3/3/4/4;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:repeat(3,46px);padding:0}.warehouse-packing #packing-gizmo button[data-axis]{flex-direction:row;font-size:10px}.warehouse-packing #packing-gizmo button[data-axis=y]{grid-area:1/1}.warehouse-packing #packing-gizmo button[data-axis=x]{grid-area:2/1}.warehouse-packing #packing-gizmo button[data-axis=z]{grid-area:3/1}.warehouse-packing #packing-gizmo button[data-delta="1"]{grid-area:1/2}.warehouse-packing #packing-gizmo button[data-delta="-1"]{grid-area:2/2}.warehouse-packing #packing-gizmo button{min-height:44px}.warehouse-packing .packing-edit-actions{grid-area:4/3/5/4;padding:0;justify-content:center}.warehouse-packing .packing-edit-actions>span{display:none}.warehouse-packing .packing-edit-actions button{padding:5px 8px}.warehouse-packing .packing-footer{grid-area:5/1/6/4}.warehouse-packing .packing-inspection{grid-area:6/1/7/4}}.driving-hud{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.driving-controls #joystick{position:fixed;width:128px;height:128px;left:0;top:0;transform:translate(-50%,-50%);display:none;pointer-events:none;border:2px solid #fffdf5aa;background:#fffdf52c;box-shadow:inset 0 0 0 12px #fffdf50c,0 3px 18px #173b3220}.driving-controls #joystick.active{display:grid}.driving-controls #joystick-knob{width:48px;height:48px;font-size:22px}#joystick-label{position:absolute;top:100%;left:50%;transform:translate(-50%);max-width:120px;margin-top:9px;padding:5px 8px;border-radius:8px;background:#193d35dc;color:#fffdf5;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.drive-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center}.drive-actions button{pointer-events:auto;touch-action:none;min-width:52px;height:52px;background:#fffdf5e8;color:#244f42;border:1px solid #fffdf5aa;border-radius:50%;box-shadow:0 3px 12px #173b3225;display:flex;flex-direction:column;align-items:center;justify-content:center}.drive-actions .honk-control{margin:0;width:52px}.reverse-control span{font-size:21px;line-height:1}.reverse-control small{font-size:10px;margin-top:3px}.drive-actions .pressed{background:#86d3ae}.floating-drive-hint{position:absolute;bottom:18px;left:18px;max-width:calc(100% - 165px);font-size:11px;line-height:1.5;color:#fffdf5e8;text-shadow:0 1px 4px #193d35;pointer-events:none}.driving-hud:has(#joystick.active) .floating-drive-hint{opacity:0}@media(max-width:700px){.desktop-hint{display:none}}