html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{touch-action:manipulation}.app{width:100%;height:100vh;height:100dvh;max-width:760px;margin:0 auto;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:34px 40px minmax(0,1fr)126px 28px;grid-template-areas:"header" "stats" "board" "controls" "feedback";gap:6px;overflow:hidden}.top{grid-area:header;padding:0;min-width:0}.brand{font-size:11px;letter-spacing:.4px;gap:6px}.logo{width:27px;height:27px;border-radius:8px;font-size:21px;box-shadow:0 2px #173e35}.top-actions{gap:6px}.sound-button,.help,.music-toggle,.top .restart{width:32px;height:32px;min-height:32px;margin:0;padding:0;border:1px solid #d4dcca;border-radius:10px;background:#fff8;display:grid;place-items:center;color:#517252;font-size:17px}.sound-button>span:last-child{display:none}.music-toggle{font-size:0}.music-toggle:before{content:"♫";font-size:18px}.music-toggle[aria-pressed=false]{opacity:.45}.top .restart{font-size:20px}.dashboard{grid-area:stats;height:40px;padding:5px 12px;gap:24px;margin:0;border-radius:10px;box-shadow:0 2px #16392e}.stat>span{font-size:7px;letter-spacing:.6px;margin:0}.stat strong{font-size:17px;line-height:1.15}.stat small{font-size:10px}.stage-pill{font-size:7px;letter-spacing:.4px;padding:5px 7px}.workspace{display:contents}.truck-section{grid-area:board;position:relative;width:100%;height:100%;min-height:0;max-width:none;display:grid;grid-template-rows:16px minmax(0,1fr);gap:4px}.section-heading{margin:0;padding:0 4px}.section-heading h2{font-size:10px}.section-heading>span{font-size:8px}.depot-scene{width:100%;height:100%;min-height:0;padding:3px 12px;display:grid;place-items:center;border-radius:14px;overflow:hidden}.truck{padding:0;max-width:100%;width:200px;align-self:center;filter:drop-shadow(0 3px 3px #2b46342a)}.truck-cab{height:24px;padding:3px 20px 7px;border-radius:15px 15px 3px 3px;margin:0 2px}.cab-window{height:13px;border-width:2px}.cab-line{height:12px}.truck-cab:before,.truck-cab:after{width:6px;height:9px;top:8px}.truck-cab:before{left:-7px}.truck-cab:after{right:-7px}.headlight{height:2px;bottom:3px;width:12px}.headlight-left{left:18px}.headlight-right{right:18px}.cargo-shell{border:4px solid #71866b;border-top-width:4px;border-radius:3px}.board{width:100%;aspect-ratio:6/7;padding:3px;gap:3px}.cell{border-radius:4px}.cell .due-label,.cell.fragile .due-label{font-size:10px;padding:1px 3px}.cell.filled{border-width:1px}.door{height:18px;gap:10px;font-size:6px;letter-spacing:.8px}.door>span{font-size:10px}.wheel{width:7px;height:30px;top:60%}.left-wheel{left:-7px}.right-wheel{right:-7px}.combo-meter{position:absolute;top:0;right:4px;margin:0;padding:0;background:#f6eed0;border:0;border-radius:5px;gap:5px;min-height:14px}.combo-meter>span{font-size:7px}.combo-meter strong{font-size:11px}.combo-dots{display:none}.dispatch{grid-area:controls;min-height:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden}.manifest{display:contents}.queue{grid-column:1;grid-row:1;height:100%;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.parcel-card{min-height:0;height:100%;padding:7px 5px 5px;border-radius:10px;box-shadow:0 2px #d9decc}.parcel-card.selected{padding:6px 4px 4px;box-shadow:0 2px #96b18b}.parcel-card.selected:after{right:4px;top:4px;width:13px;height:13px;font-size:7px;border-width:1px}.parcel-card .parcel-name{font-size:8px;letter-spacing:1px}.mini-shape{height:47px;flex:none;scale:.9}.parcel-card .stop-label{font-size:9px}.parcel-card .area-label{font-size:8px;margin-top:1px}.fragile-tag{font-size:6px;padding:1px 3px;margin-top:2px}.placement-tools{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:7px;margin:0;min-height:0}.secondary{width:100%;min-height:52px;padding:8px 2px;display:flex;flex-direction:column;gap:2px;font-size:10px;border-radius:11px}.secondary>span{font-size:24px}.remaining{font-size:9px;color:#728569}.feedback{grid-area:feedback;min-height:0;margin:0;padding:2px 4px;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1.3;overflow:hidden;text-align:center}.primary,.crane{grid-column:2;grid-row:1;align-self:center;margin:0;width:100%;min-height:50px;padding:8px;flex-direction:column;justify-content:center;gap:4px;font-size:10px;border-radius:10px}.primary>span:first-child{font-size:10px}.primary>span:last-child{font-size:15px}.crane>span{font-size:7px}.delivery-mode .queue{display:none}.journey{grid-column:1;grid-row:1;height:100%;min-height:0;position:relative;top:auto;margin:0;z-index:auto;display:grid;grid-template-rows:21px minmax(0,1fr);box-shadow:none;border-radius:11px}.journey-heading{min-height:0;padding:3px 7px;overflow:hidden}.journey-heading strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journey-scene{height:100%;min-height:0}.house{left:65%;bottom:32px;transform:scale(.44);transform-origin:bottom left}.house.side-house{left:8%;bottom:32px;transform:scale(.33)}.road-van{left:14%;bottom:8px;scale:.55;transform-origin:bottom left}.road-lane{bottom:12px;height:2px}.road-clouds{top:9px;scale:.65;transform-origin:left top}.road-parcel{left:calc(65% + 29px);bottom:32px;scale:.55;transform-origin:bottom left}.porch{left:calc(65% + 16px);bottom:32px;scale:.6;transform-origin:bottom left}.journey-scene:before{top:8px;width:16px;height:16px}.modal{padding:10px}.modal-card{padding:18px;max-width:360px;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);display:flex;flex-direction:column;overflow:hidden}.modal-icon{width:32px;height:32px;font-size:22px;margin-bottom:12px;flex:none}.modal-card h2{font-size:24px;margin:8px 0 10px}.modal-card .eyebrow{font-size:7px}.modal-card p,.modal-card ol{font-size:11px;line-height:1.65;margin:8px 0}.modal-card ol{padding-left:16px}.modal-card .primary{min-height:42px;margin-top:12px;display:flex;flex-direction:row;font-size:12px;flex:none}.modal-card .restart{margin-top:7px;padding:7px;flex:none}.modal-score{padding:10px;margin:10px 0}.modal-score strong{font-size:22px}#modal-body{min-height:0;overflow:auto;overscroll-behavior:contain}.keyboard-note{display:none}
@media(max-height:580px) and (orientation:portrait){.app{padding:5px 10px;grid-template-rows:30px 36px minmax(0,1fr)106px 24px;gap:4px}.dashboard{height:36px}.mini-shape{scale:.75;height:39px}.secondary{min-height:45px}.parcel-card .area-label{font-size:7px}.cell .due-label,.cell.fragile .due-label{font-size:8px;padding:0 2px}.journey{grid-template-rows:18px minmax(0,1fr)}}
@media(orientation:landscape) and (max-height:600px){.app{max-width:980px;padding:6px 14px;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:30px 36px minmax(0,1fr)24px;grid-template-areas:"header header" "stats stats" "board controls" "feedback feedback";gap:5px 14px}.dashboard{height:36px}.dispatch{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)50px;gap:7px}.queue{grid-column:1;grid-row:1}.placement-tools{grid-column:1;grid-row:2;flex-direction:row}.secondary{width:130px;min-height:40px;flex-direction:row;gap:8px}.remaining{align-self:center}.journey{grid-column:1;grid-row:1}.primary,.crane{grid-column:1;grid-row:2;flex-direction:row;min-height:40px}.house{transform:scale(.55);bottom:42px}.road-parcel,.porch{bottom:42px}.road-van{scale:.65;bottom:14px}.road-lane{bottom:18px}}
.parcel-card.selected{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.parcel-card.dragging{opacity:.38;cursor:grabbing}.drag-preview{position:fixed;top:0;left:0;z-index:45;pointer-events:none;will-change:transform;filter:drop-shadow(0 9px 6px #28432c55)}.drag-cell{position:absolute;display:grid;place-items:center;background:linear-gradient(135deg,#ffffff50,transparent),var(--crate);border:2px solid var(--edge);border-radius:5px;box-shadow:inset 0 2px #ffffff77,inset 0 -3px #0001;font-size:12px;font-weight:850;color:#35543c}.drag-preview.invalid .drag-cell{background:#dfa594;border-color:#ad5f4b}.cell.ghost{background:#b1d899;border-color:#59864e;box-shadow:inset 0 0 0 2px #e9ffe7}.cell.ghost.bad{background:#dda392;border-color:#a35e4d}
.heavy-zone{outline:1px solid #8fa8be66;background:#c4d5db88}.heavy-blocked:not(.filled){opacity:.5}.cargo-heavy .cargo-tag{background:#e1e7ef;color:#526476;border-color:#b6c2d1}.cargo-return .cargo-tag{background:#dceafa;color:#597a9e;border-color:#b1c9e2}.cargo-gift .cargo-tag{background:#ffe5d9;color:#9e5d4e;border-color:#e7b2a2}.cell.cargo-heavy .due-label{background:#e8edf3;color:#526476}.cell.cargo-return .due-label{background:#e7f1ff;color:#597a9e}.cell.cargo-gift .due-label{background:#fff0d4;color:#a56d32}.cargo-tag{max-width:100%;font-size:6px;letter-spacing:0;white-space:nowrap}.cell .due-label{white-space:nowrap}
/* Keep all four counters in the existing single-screen header. */
.dashboard{display:grid;grid-template-columns:minmax(0,.7fr) repeat(3,minmax(0,1fr)) auto;gap:6px;padding-inline:9px;align-items:center}.dashboard .stat{min-width:0;white-space:nowrap}.dashboard .stat strong{max-width:100%;font-size:clamp(12px,3.8vw,17px);letter-spacing:-.3px}.dashboard .stat small{font-size:8px}.dashboard .best-stat strong{color:#ffdc7e}.dashboard .stage-pill{margin-left:0;white-space:nowrap;padding:5px;font-size:6px}@media(max-width:350px){.dashboard{gap:4px;padding-inline:7px}.dashboard .stage-pill{display:none;}.dashboard .stat strong{font-size:12px}.dashboard .stat>span{font-size:6px}}