:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#28384c;background:#f7f4ed;font-synthesis:none;--ink: #28384c;--muted: #849098;--orange: #ed8548;--yellow: #f6c654;--blue: #507b9a;--line: #e4e2d9}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #3e87b1;outline-offset:3px}button:disabled{cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:#fbf9f3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:24px;font-weight:850;letter-spacing:-1px;line-height:1.05}.brand-icon{height:45px;width:48px;display:grid;place-items:center;color:#354356;background:var(--yellow);border-radius:13px;transform:rotate(-6deg);box-shadow:0 3px #e6b347}.brand-icon svg{width:31px;height:31px;stroke-width:1.8;transform:rotate(6deg)}.brand-q{color:#e58148;margin-left:2px}.brand small{display:block;font-weight:500;font-size:10px;letter-spacing:3px;margin-top:7px}.steps{display:flex;align-items:center;gap:20px;font-size:12px;color:#92999e}.step{display:flex;gap:8px;align-items:center}.step b{font:12px system-ui;font-weight:600;border:1px solid #d9ddd9;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f4f3ed}.step.active{color:var(--ink);font-weight:700}.step.active b{background:var(--ink);border-color:var(--ink);color:#fff}.steps i{width:35px;border-top:2px dotted #d4d8d2}.top-actions{display:flex;align-items:center;gap:10px}.version-tag{font-size:10px;letter-spacing:1px;color:#939c9d;margin-right:12px}.icon-btn{width:36px;height:36px;border:1px solid #dedfd6;background:#fffdf8;border-radius:11px;color:#546372;font-weight:700}.icon-btn:hover{background:#f0eee4}main{max-width:1640px;margin:auto;padding:28px 4vw 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#8d979b;display:flex;gap:7px;align-items:center}.intro .eyebrow{font-size:10px;letter-spacing:2px;color:#9a8771}.orange-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:36px;line-height:1.3;margin:9px 0;font-weight:800;letter-spacing:-1px}h1 span{position:relative;white-space:nowrap}h1 span:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:7px;background:#f5c258;transform:rotate(-1deg);z-index:-1}.intro p{font-size:12px;color:#879294;letter-spacing:.4px;margin:0}.today{display:flex;gap:12px;align-items:center;margin-right:10px}.today>svg{width:35px;height:35px;color:#e9b449;stroke-width:1.4}.today strong{display:block;font-size:12px;font-weight:600;color:#637079}.today div span{display:block;font-size:10px;color:#a0a7a4;margin-top:7px}.today-star{font-size:31px;color:#d5d3bb;margin-left:22px;transform:rotate(12deg)}.job-tabs{display:flex;gap:9px;margin-bottom:18px}.job-tab{display:flex;align-items:center;gap:9px;border:1px solid #e0e2d9;padding:11px 17px;border-radius:11px;background:#fcfaf5;font-size:12px;color:#83918e;transition:background .18s,border .18s}.job-tab b{font-size:9px;color:#a7ada6;font-weight:600}.job-tab.active{color:#fff6e6;background:#2f4257;border-color:#2f4257;box-shadow:0 4px 10px #263b4e12}.job-tab.active b{color:#eac671}.job-tab .tab-dot{height:6px;width:6px;border-radius:50%;background:var(--dot)}.job-tab .medal{color:#efb13d;font-size:11px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px;align-items:start}.game-column{min-width:0}.play-area{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d8e2dd;border-radius:20px;background:#c3d9d8;height:clamp(410px,43vw,590px);box-shadow:0 4px #e6e7dd}#scene{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:crosshair}.scene-top{position:absolute;z-index:2;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.location{display:flex;gap:7px;align-items:center;padding:8px 11px;border-radius:7px;background:#fbfbefdf;color:#506a73;font-size:10px;box-shadow:0 2px 6px #34463d08}.live-dot{width:5px;height:5px;border-radius:50%;background:#68a78c}.level-badge{display:flex;gap:5px;align-items:center;color:#5e7f88;font-size:10px;padding:7px 0}.level-badge svg{width:15px;height:15px}.scene-caption{position:absolute;z-index:1;top:76px;left:25px;pointer-events:none}.small-tag{font-size:9px;letter-spacing:1px;color:#658995}.scene-caption h3{font-size:25px;letter-spacing:-.7px;color:#355c6e;margin:7px 0 8px;font-weight:750}.scene-caption p{font-size:11px;color:#69858d;margin:0}.camera-tools{position:absolute;bottom:60px;right:18px;display:flex;gap:7px;z-index:3}.camera-tools button{display:flex;align-items:center;gap:5px;font-size:16px;border-radius:9px;background:#fffdf3eb;border:1px solid #ffffffb0;color:#5d7080;height:35px;padding:7px 10px;box-shadow:0 3px 8px #1f3d4a0a}.camera-tools svg{width:15px;height:15px}.camera-tools span{font-size:10px}.scene-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:13px 18px;gap:10px;background:#f8faf1ed;border-top:1px solid #ffffff66;font-size:10px;color:#70868b}.dimension{font:10px monospace;color:#9baba8;white-space:nowrap}.load-info{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:10px;padding-top:16px}.load-metric,.driver-tip{border:1px solid #e5e5db;border-radius:12px;display:flex;align-items:center;gap:11px;background:#fffdf7;padding:12px 14px;position:relative;min-height:70px}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.weight-icon{background:#f5e6d2;color:#bd925a}.balance-icon{background:#ddebe4;color:#5d927f;font-size:24px}.load-metric small,.driver-tip small{display:block;font-size:9px;color:#9ca4a0;margin-bottom:5px}.load-metric strong{font-size:13px;font-weight:650;color:#50636c}.load-metric b{font-size:22px;font-family:system-ui;font-weight:600}.load-metric em{font-style:normal;font-size:10px;color:#a2aaa3;font-weight:400}.meter{position:absolute;height:3px;left:14px;right:14px;bottom:0;background:#e7ece4;border-radius:3px;overflow:hidden}.meter i{display:block;height:100%;background:#dfb164;transition:width .3s}.driver-tip{background:#f3efdd;border-color:#ebe6d1}.driver-tip>span{font-size:25px;color:#c7a653;align-self:flex-start}.driver-tip small{color:#ab9f76}.driver-tip p{font-size:10px;color:#998c6a;line-height:1.65;margin:0}.manifest{background:#fffdf8;border:1px solid #e4e4d9;border-radius:18px;padding:20px 17px 0;overflow:hidden;box-shadow:0 4px #ecebe2}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title .eyebrow{font-size:8px;letter-spacing:1.7px;color:#a8ada3}.panel-title h2{font-size:18px;font-weight:750;letter-spacing:-.4px;margin:6px 0 0}.panel-title h2 span{background:#eeeade;color:#b1a58c;font:10px system-ui;padding:3px 6px;border-radius:5px;vertical-align:middle;margin-left:3px}.manifest-stamp{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px dashed #deac79;color:#c8935b;font-size:9px;line-height:1.3;transform:rotate(12deg)}.manifest-status{display:flex;justify-content:space-between;align-items:center;margin:17px 0 13px;font-size:10px;color:#9ca59e}.manifest-status strong{font:11px monospace;color:#65877d}.cargo-filters{display:flex;gap:5px;padding:3px;border-radius:9px;background:#f2f2e9;margin-bottom:14px}.cargo-filters button{flex:1;background:none;border-radius:7px;padding:7px 5px;color:#949d94;font-size:10px}.cargo-filters button.active{background:#fffdf7;color:#485e66;box-shadow:0 1px 4px #28384c0c;font-weight:650}#cargo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:clamp(358px,36vw,508px);overflow:auto;padding:2px 3px 5px 1px;scrollbar-width:thin;scrollbar-color:#d5d9cb transparent;align-content:start}.cargo-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:8px 10px 11px;text-align:left;align-items:stretch;background:var(--card-bg, #f4f0e6);border:1.5px solid transparent;border-radius:12px;transition:border .15s,transform .15s,box-shadow .15s;min-height:149px;overflow:hidden}.cargo-card:hover{border-color:#c9b9a0;transform:translateY(-2px);box-shadow:0 5px 9px #263e440a}.cargo-card.selected{border-color:#477d9e;box-shadow:0 0 0 2px #477d9e18;background:#e7f0f4}.cargo-card.loaded{border-color:#bed6c6;background:#e9f0e7}.cargo-card img{width:100%;height:88px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 3px #2b434318)}.cargo-card .cargo-number{position:absolute;top:9px;left:9px;font:8px monospace;color:#adaf9f}.cargo-card .cargo-state{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#a9ab9b;background:#ffffffa3;font-size:13px}.cargo-card.loaded .cargo-state{background:#6d9e85;color:#fff}.cargo-card.selected .cargo-state{background:#4f809e;color:#fff}.cargo-card h3{font-size:12px;color:#52626a;font-weight:650;margin:1px 0 6px;white-space:nowrap}.cargo-card p{display:flex;justify-content:space-between;gap:5px;color:#9aa295;font-size:9px;margin:0}.cargo-card p b{font-size:8px;font-weight:400;color:#9f9b85}.selected-detail{display:flex;align-items:center;gap:9px;padding:14px 2px;margin-top:8px;border-top:1px dashed #e2e5d9;min-height:68px}.selected-detail .detail-icon{font-size:23px;color:#c3ad75}.selected-detail strong{display:block;font-size:11px;font-weight:550;color:#859283}.selected-detail p{font-size:9px;color:#a1aa9a;line-height:1.6;margin:4px 0 0}.actionbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:18px}.control-keys{display:flex;align-items:center;gap:7px}.control-keys button{display:flex;align-items:center;gap:5px;padding:10px 11px;background:#fdfbf5;border:1px solid #dedfd4;border-radius:9px;color:#71818a;font-size:11px;height:42px}.control-keys button:hover{background:#eeeede}.control-keys svg{width:15px;height:15px}kbd{font:9px monospace;background:#efeee4;border-radius:4px;padding:3px 5px;color:#a8ac9b}.keyboard-hint{font-size:9px;color:#a3aaa2;margin-left:3px}.depart-wrap{display:flex;align-items:center;gap:13px}.depart-wrap>span{font-size:9px;color:#a2a997;max-width:95px;line-height:1.6}.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:47px;padding:13px 22px;border-radius:10px;background:#ed8b4b;color:#fffaf0;font-size:12px;font-weight:700;box-shadow:0 3px #c86f3626;white-space:nowrap}.primary:hover:not(:disabled){background:#e77939;box-shadow:0 4px 10px #ce7c3d30}.primary:disabled{background:#e3e1d3;color:#aaa998;box-shadow:none}.primary svg{width:18px;height:18px}.secondary{padding:13px 18px;min-height:47px;background:#eeeede;border-radius:10px;color:#748470;font-size:12px}.bottomline{display:flex;justify-content:space-between;padding:22px 0 20px;margin-top:12px;border-top:1px solid var(--line);font-size:9px;color:#a8aea3;letter-spacing:.5px}#toast{position:absolute;left:50%;bottom:110px;transform:translate(-50%) translateY(6px);background:#2e4759f0;color:#fff9e7;border-radius:10px;padding:13px 20px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:.2s;z-index:9;box-shadow:0 8px 20px #29442c20}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#drive-hud{position:absolute;top:71px;left:25px;right:25px;z-index:3;padding:16px 20px;border:1px solid #ffffff80;border-radius:13px;background:#f8fbf2dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.route{display:flex;align-items:center;gap:15px;color:#6b8488;font-size:10px}.route-track{height:4px;border-radius:4px;background:#d1dfd7;position:relative;flex:1}.route-track i{position:absolute;inset:0 auto 0 0;background:#e8a05f;width:0;border-radius:3px}.route-track b{position:absolute;top:-9px;color:#dc8344;font-size:17px}.drive-stats{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;color:#819994}.drive-stats b{font-size:25px;color:#426879;font-weight:600}#road-warning{background:#eee7ce;padding:8px 13px;border-radius:7px;color:#aa8a43;font-size:10px}#drive-controls{display:flex;gap:10px;align-items:center}.drive-button{padding:15px 25px;border:1px solid #dddacb;background:#f0eadb;color:#8d825f;border-radius:10px;font-size:12px;touch-action:none;-webkit-user-select:none;user-select:none}.drive-button.gas{background:#517e8e;color:#fffaf0;border-color:#517e8e}.drive-button.held{box-shadow:inset 0 0 0 3px #e6b95f}dialog{border:1px solid #e1e4d8;border-radius:22px;background:#fbf9f1;color:#354f5c;padding:36px;max-width:740px;width:90vw;max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #20394b40}dialog::backdrop{background:#253c4e80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-size:27px;margin:13px 0 20px;letter-spacing:-.7px}.close{position:absolute;right:18px;top:14px;background:none;font-size:27px;color:#8a998d}.help-grid{display:flex;gap:25px;margin:30px 0}.help-grid>div{flex:1}.help-grid b{font:28px system-ui;color:#df9a59}.help-grid h3{font-size:13px}.help-grid p{font-size:12px;color:#849489;line-height:1.9}.result-icon{font-size:37px;width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:#f7d980;color:#867540;margin:25px auto 0;transform:rotate(-7deg)}#result-modal{text-align:center;max-width:490px}#result-description{font-size:12px;color:#8a9a8c;line-height:1.8}.result-metrics{display:flex;justify-content:space-around;border-top:1px dashed #d9dfce;border-bottom:1px dashed #d9dfce;margin:23px 0;padding:20px 0}.result-metrics>div{display:flex;flex-direction:column;gap:7px}.result-metrics b{font-size:27px;font-weight:600}.result-metrics span{font-size:10px;color:#98a18a}#receipt-list{max-height:220px;overflow:auto;text-align:left;margin-bottom:25px}#receipt-list>div{display:flex;justify-content:space-between;font-size:11px;margin:11px 0;color:#789382}#receipt-list .lost{color:#cf8b6c}.result-actions{display:flex;gap:10px;justify-content:center}.result-actions>*{flex:1}#pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eaf2ebdf;z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#pause-overlay h2{font-size:23px;color:#4f7080}#pause-overlay p{font-size:12px;color:#8a9b92;margin:0 0 24px}.pause-symbol{font-size:40px;color:#cf9f5d}.driving .scene-caption,.driving .scene-bottom{display:none}.driving .camera-tools{bottom:20px}.driving .cargo-card{cursor:default}.driving .cargo-card.lost{opacity:.45;filter:grayscale(.6)}.driving #depart{display:none}.driving #depart-note{font-size:11px;max-width:none}.driving .job-tabs{opacity:.6}.driving .cargo-filters{pointer-events:none}@media(min-width:1560px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.cargo-card img{height:100px}.cargo-card{min-height:162px}#cargo-list{max-height:510px}}@media(max-width:1220px){main{padding-left:3vw;padding-right:3vw}.topbar{padding:0 3vw}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.manifest{padding-left:13px;padding-right:13px}.play-area{height:480px}.keyboard-hint,.depart-wrap>span,.version-tag{display:none}.today-star{display:none}.primary{padding:13px 17px;gap:12px}.load-info{grid-template-columns:1fr 1fr}.driver-tip{display:none}.cargo-card img{height:80px}.cargo-card{min-height:136px}#cargo-list{max-height:398px}.steps{gap:13px}.steps i{width:22px}.control-keys button{padding:10px 9px}.cargo-card h3{font-size:11px}.scene-caption h3{font-size:22px}}@media(max-width:900px){.steps{display:none}.workspace{grid-template-columns:minmax(0,1fr) 245px;gap:12px}.today{display:none}.manifest{padding-left:10px;padding-right:10px}.panel-title h2{font-size:15px}.manifest-stamp{display:none}.cargo-card{padding-left:7px;padding-right:7px}.cargo-card h3{font-size:10px}.cargo-card p{font-size:8px}.cargo-card p b{font-size:7px}.control-keys kbd{display:none}.scene-caption h3{font-size:19px}.play-area{height:470px}.actionbar{gap:5px}.primary{padding:12px;font-size:11px;gap:8px}.control-keys button{padding:10px 8px;font-size:10px}#cargo-list{max-height:388px}.scene-caption p{font-size:10px}}@media(max-width:690px){.topbar{height:72px;padding:0 18px}.brand{font-size:20px;gap:10px}.brand-icon{width:39px;height:39px}.brand-icon svg{width:27px;height:27px}.brand small{font-size:8px;letter-spacing:2px}.top-actions{gap:7px}.icon-btn{width:32px;height:32px}main{padding:22px 14px 0}.intro{margin-bottom:20px}.intro h1{font-size:28px;letter-spacing:-1px;margin:7px 0 8px}.intro .eyebrow{font-size:9px}.intro p{font-size:10px;line-height:1.6}.job-tabs{gap:6px;margin-bottom:14px;display:grid;grid-template-columns:repeat(4,1fr)}.job-tab{flex-direction:column;gap:4px;padding:9px 3px;border-radius:9px;font-size:10px;position:relative}.job-tab b{font-size:8px}.tab-dot{display:none}.medal{position:absolute;top:3px;right:4px}.workspace{display:flex;flex-direction:column;gap:14px}.game-column{width:100%;display:contents}.play-area{order:0;width:100%;height:400px;border-radius:16px}.scene-top{top:14px;left:14px;right:14px}.scene-caption{top:63px;left:17px}.scene-caption h3{font-size:19px}.scene-caption p{font-size:9px;max-width:240px}.small-tag{font-size:8px}.location{font-size:9px;padding:7px 9px}.level-badge{font-size:9px}.scene-bottom{padding:11px 12px;font-size:9px}.dimension{font-size:8px}.camera-tools{right:12px;bottom:52px;gap:5px}.camera-tools button{height:32px;padding:7px 8px}.camera-tools span{font-size:9px}.load-info{order:1;width:100%;padding-top:0;gap:8px}.load-metric{padding:9px 11px;min-height:57px;gap:9px}.load-metric strong{font-size:12px}.load-metric small{font-size:8px;margin-bottom:4px}.load-metric b{font-size:18px}.metric-icon{width:30px;height:30px}.manifest{order:2;width:100%;padding:15px 12px 0;border-radius:14px}.panel-title .eyebrow{font-size:7px}.panel-title h2{font-size:16px;margin-top:3px}.manifest-status{margin:12px 0 10px}.cargo-filters{position:absolute;right:13px;top:16px;gap:0;width:165px;margin:0}.cargo-filters button{font-size:9px;padding:6px 2px}.manifest{position:relative}.panel-title h2 span{display:none}#cargo-list{display:flex;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:1px 0 8px}.cargo-card{flex:0 0 111px;min-height:135px;padding:7px 9px 10px;scroll-snap-align:start}.cargo-card img{height:79px}.cargo-card h3{font-size:11px}.cargo-card p{font-size:8px}.selected-detail{padding:9px 0;min-height:52px;margin-top:3px}.selected-detail strong{font-size:10px}.selected-detail p{font-size:9px}.selected-detail .detail-icon{font-size:20px}.actionbar{order:3;position:sticky;bottom:0;z-index:12;padding:13px 0 calc(13px + env(safe-area-inset-bottom));width:100%;background:#f7f4edf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e4e4d8;gap:8px}.control-keys{gap:5px}.control-keys button{font-size:10px;height:40px;padding:9px}.control-keys svg{display:none}.primary{font-size:11px;min-height:43px;gap:12px;padding:12px 14px}.bottomline{font-size:8px;margin-top:1px;padding:16px 0;letter-spacing:0}.bottomline span:last-child{display:none}.help-grid{display:block;margin:20px 0}.help-grid>div{position:relative;padding-left:36px}.help-grid b{position:absolute;left:0;font-size:22px}.help-grid h3{margin-bottom:5px}.help-grid p{font-size:11px;margin-top:0}dialog{padding:30px 24px}dialog h2{font-size:23px}.drive-button{padding:13px 23px}.driving .depart-wrap{display:none}#drive-controls{width:100%;justify-content:center}#toast{font-size:11px;max-width:93%;white-space:normal;width:max-content;bottom:97px}#drive-hud{top:60px;left:14px;right:14px;padding:12px}.drive-stats b{font-size:22px}#road-warning{font-size:9px;padding:7px}.result-actions{gap:7px}.result-actions .primary,.result-actions .secondary{font-size:11px}.driving .manifest{display:none}.driving .play-area{height:480px}.driving .load-info{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(min-width:691px){.topbar{height:76px}main{padding-top:22px}.intro{margin-bottom:20px}.play-area{height:clamp(350px,calc(100dvh - 440px),590px)}#cargo-list{max-height:clamp(265px,calc(100dvh - 525px),508px)}}@media(max-width:690px){.topbar{height:64px}main{padding-top:18px;padding-bottom:86px}.intro{margin-bottom:16px}.intro h1{font-size:27px}.play-area{height:330px}.scene-caption{top:58px;left:14px;padding:10px 12px;background:#f9fbf0e8;border:1px solid #ffffff7a;border-radius:10px;max-width:250px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scene-caption h3{font-size:16px;margin:5px 0 1px}.scene-caption p{display:none}.actionbar{position:fixed;left:14px;right:14px;bottom:0;width:auto;padding-left:0;padding-right:0;box-shadow:0 -8px 20px #f7f4ed}.bottomline{display:none}.driving .play-area{height:420px}}.cargo-card{cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cargo-card img{-webkit-user-drag:none}.cargo-dragging,.cargo-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}.cargo-dragging .camera-tools,.cargo-dragging .actionbar{pointer-events:none}.drag-token{position:fixed;z-index:100;display:flex;align-items:center;width:174px;padding:9px 12px 9px 5px;border:1px solid #e8e3d5;border-radius:12px;background:#fffdf3f2;box-shadow:0 12px 30px #253c4c33;pointer-events:none;transform:rotate(-3deg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drag-token img{width:61px;height:52px;object-fit:contain}.drag-token span{font-size:11px;font-weight:650;color:#3e6273}.drag-token small{display:block;font-size:9px;color:#96a594;font-weight:400;margin-top:6px}#placement-label{position:absolute;z-index:4;pointer-events:none;display:flex;flex-direction:column;gap:4px;max-width:210px;padding:9px 12px;border:1px solid #8bc4aa;border-radius:9px;background:#f1fff3ef;color:#417b68;box-shadow:0 5px 14px #34584520;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#placement-label strong{font-size:11px}#placement-label span{font-size:9px;line-height:1.5}#placement-label.invalid{color:#bd6a54;border-color:#e6ab93;background:#fff2e9f2}.selected-detail{position:relative;flex-wrap:wrap}#unload{order:3;background:#e9eff0;color:#5c8294;font-size:10px;padding:9px 11px;border-radius:7px;margin-left:auto}@media(max-width:690px){#placement-label{padding:7px 9px;max-width:190px}#placement-label strong{font-size:10px}#placement-label span,.scene-bottom #placement-hint{font-size:8px}#unload{font-size:9px;padding:8px}}.driving .manifest>:not(#transport-panel){display:none}.driving .manifest{background:#f9faf2}#transport-panel h2{font-size:25px;letter-spacing:-1px;margin:8px 0 24px;color:#304d50}.transport-summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7b8c7d}.transport-summary strong{color:#3b6359;font-size:14px}.stability-track,.risk-track{background:#e5e9dc;height:5px;border-radius:4px;overflow:hidden}.stability-track{margin-top:12px}.stability-track i{display:block;height:100%;background:linear-gradient(90deg,#8eb899,#e8b252,#db654d);width:0;transition:width .15s}.transport-legend{display:flex;justify-content:space-between;margin:9px 0 18px;font-size:10px;color:#7ea38c}.transport-legend span:nth-child(2){color:#b59145}.transport-legend span:nth-child(3){color:#cc6c50}.readout-help{font-size:10px;color:#8b9688;padding-top:14px;border-top:1px solid #e6e8da}#transport-list{max-height:clamp(250px,calc(100dvh - 525px),420px);overflow:auto}.transport-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e8eade}.transport-item img{width:58px;height:50px;object-fit:contain;background:#edf0e5;border-radius:10px}.transport-item>div{flex:1;min-width:0}.transport-item strong{font-size:12px;color:#365354;display:block}.transport-item small{display:block;font-size:9px;color:#879380;margin:4px 0}.risk-track{height:3px;margin-top:7px;max-width:100px}.risk-track i{display:block;height:100%;background:#8eb899;transition:width .15s}.motion-reading{font-size:11px;color:#648b76;text-align:right;font-variant-numeric:tabular-nums;min-width:70px}.transport-item.warning .motion-reading{color:#b38330}.transport-item.warning .risk-track i{background:#d5a048}.transport-item.danger .motion-reading,.transport-item.fallen .motion-reading{color:#c65e47}.transport-item.danger .risk-track i,.transport-item.fallen .risk-track i{background:#d6664e}.transport-item.fallen img{filter:grayscale(1);opacity:.55}.transport-note{margin:18px 0 0;background:#eed;border-radius:12px;padding:14px 16px}.transport-note>span{font-size:10px;color:#9a8758;letter-spacing:1px}.transport-note p{font-size:11px;line-height:1.8;color:#697c70;margin:7px 0 0}#drive-hud{padding:16px 20px 12px;background:#fcfcefec;box-shadow:0 6px 24px #34504a0d}#hazard-markers i{inset:auto;top:-7px;transform:translate(-50%);width:17px;height:17px;background:#efcf7c;color:#886a32;font-size:12px;font-style:normal;border:2px solid #fcfcef;border-radius:50%;display:grid;place-content:center}#hazard-markers i.clean{background:#83b697;color:#fff}#hazard-markers i.rough{background:#de8a6c;color:#fff}#hazard-markers i.current{box-shadow:0 0 0 3px #dba2513d}#route-truck{z-index:2}.road-readout{text-align:center}#road-warning{display:block;font-size:12px;background:none;padding:0;color:#436457}#speed-advice{display:block;font-size:10px;margin-top:5px;color:#7b8d75}.overspeed #road-warning,.overspeed #speed-advice{color:#bd663b}.overspeed #speed{color:#c66342}#drive-feedback{position:absolute;bottom:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:3}#clean-crossings{padding:8px 12px;border-radius:20px;background:#f8f7e6ed;color:#54775c;font-size:11px;box-shadow:0 3px 10px #2c463a12}#calm-camera{pointer-events:auto;background:#e8efdddf;border:1px solid #ffffffa0;color:#668070;border-radius:8px;font-size:10px;padding:8px 10px;cursor:pointer}.driving .camera-tools{bottom:62px}.driving #undo{display:none}#cargo-alert{position:absolute;pointer-events:none;transform:translate(-50%);z-index:4;padding:8px 11px;border-radius:8px;border:1px solid #dfb050;background:#fff5d9f5;color:#9c772d;font-size:10px;white-space:nowrap;box-shadow:0 4px 14px #573b2317}#cargo-alert:after{content:"";position:absolute;width:1px;height:20px;background:#cda255;left:50%;top:100%}#cargo-alert.danger{border-color:#db795c;background:#fff0e5f5;color:#b6503b}#drive-moment{position:absolute;top:167px;left:50%;transform:translate(-50%);padding:5px 12px;border-radius:20px;background:#be6249;color:#fff8e7;font-size:10px;z-index:5}.driving #toast{bottom:106px}#journey-summary{background:#eef1df;color:#688064;padding:10px;border-radius:10px;font-size:11px;line-height:1.8;margin:0 0 14px}#receipt-list{max-height:260px}#receipt-list>.receipt-item{display:block;border-bottom:1px solid #edf0e6;padding:0 0 10px;margin:0 0 12px}.receipt-item>div{display:flex;justify-content:space-between;margin-bottom:6px}.receipt-item small{display:block;color:#8a9986;font-size:10px}.receipt-item p{font-size:11px;line-height:1.6;color:#798575;margin:6px 0 0}@media(min-width:691px){.driving .play-area{height:clamp(420px,calc(100dvh - 375px),620px)}}@media(max-width:690px){#drive-hud{padding:12px}#road-warning{font-size:10px}#speed-advice{font-size:8px}.drive-stats>span:last-child{font-size:8px}#drive-feedback{left:12px;right:12px;bottom:15px}#clean-crossings{font-size:10px;padding:7px 10px}.driving .camera-tools{bottom:54px}.driving .play-area{height:450px}#drive-moment{top:152px}}.driving .intro,.driving #job-tabs{display:none}@media(min-width:691px){.driving .play-area{height:clamp(390px,calc(100dvh - 300px),670px)}}@media(max-width:690px){.driving .play-area{height:clamp(390px,calc(100dvh - 230px),620px)}}#strap-tools{display:flex;align-items:center;gap:16px;padding:12px 15px;margin-top:10px;border:1px solid #dce5d8;border-radius:12px;background:#f0f3e7}.strap-stock{display:flex;align-items:center;gap:10px;color:#53756b;font-size:11px;white-space:nowrap}.belt-icon{font-size:26px;color:#328e84;transform:rotate(-16deg)}.strap-stock strong{font-size:15px;margin-left:5px;font-variant-numeric:tabular-nums;color:#2d746c}.strap-stock small{display:block;color:#94a08d;font-size:9px;margin-top:2px}#strap-pips{display:flex;gap:3px;margin-left:2px}#strap-pips i{display:block;width:7px;height:20px;border:1px solid #82b6a3;border-radius:2px;background:#57a397;transform:rotate(14deg)}#strap-pips i.used{background:#d8dfd0;border-color:#c8d2c4}#strap-instruction{font-size:10px;color:#889482;flex:1;line-height:1.5}#strap-mode{border:1px solid #aac8b4;color:#35776e;background:#fffdf0;padding:10px 14px;border-radius:9px;font-weight:600;font-size:12px;white-space:nowrap;cursor:pointer}#strap-tools.active{border-color:#6caa91;background:#e4eee0}#strap-tools.active #strap-mode{background:#3e8c7f;border-color:#3e8c7f;color:#fff9df}#strap-tools.active #strap-instruction{color:#427963}.strapping #scene{cursor:crosshair!important}.strapping .cargo-card.loaded{outline:2px solid #8bbdaa;outline-offset:-2px}.strap-badge{position:absolute;left:9px;top:32px;padding:3px 5px;border-radius:4px;background:#388f80;color:#fff9db;font-size:9px;letter-spacing:1px}.driving #strap-tools{display:none}.drive-rewards{display:flex;flex-direction:column;align-items:flex-start;gap:7px}#strap-drive-status{color:#2f7d71;background:#eaf3e4ed;border:1px solid #b9d1b6;padding:6px 10px;border-radius:16px;font-size:10px}.transport-item.tied .cargo-restraint{color:#358c7a}@media(min-width:691px){.play-area{height:clamp(330px,calc(100dvh - 508px),530px)}}@media(max-width:690px){#strap-tools{padding:9px 10px;gap:8px;flex-wrap:wrap;margin-top:9px}.strap-stock{flex:1;gap:8px}#strap-instruction{order:3;flex-basis:100%;font-size:10px}#strap-mode{padding:10px 12px;font-size:11px;min-height:40px}.strap-stock small{display:inline;margin-left:5px;font-size:8px}#strap-pips i{height:16px;width:5px}}