:root{font-family:'Trebuchet MS',Arial,sans-serif;color:#f4ffec;--ink:#093f43;--deep:#06363d;--yellow:#ffdc58;--coral:#ff775f;--mint:#8ff0ba}*{box-sizing:border-box}body{margin:0;background:#063b40;background-image:radial-gradient(ellipse at 12% 0,#10726a,transparent 55%);min-height:100svh}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button:active{transform:translateY(2px)}button:disabled{cursor:default}button:disabled:active{transform:none}.hidden{display:none!important}.app{max-width:1120px;margin:auto;padding:14px 20px 6px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.brand{display:flex;align-items:center;gap:8px}.brand>b{font-family:Arial,sans-serif;font-size:39px;font-weight:1000;font-style:italic;letter-spacing:-4px;line-height:1}.brand>b span{color:var(--yellow)}.brand>span{font-size:9px;letter-spacing:1.4px;line-height:1.5}.brand strong{color:#ffe282;font-size:11px;letter-spacing:2px}.private{font-size:11px;letter-spacing:1.3px;padding:8px 12px;border:1px solid #fff3;border-radius:30px;color:#d1ede3}.arena{position:relative;isolation:isolate;border-radius:26px;border:1px solid #99ead13b;overflow:hidden;height:min(830px,calc(100svh - 109px));min-height:650px;background:#38b6c5;box-shadow:0 20px 80px #002b3380}.scenery{position:absolute;inset:0;z-index:-3;background:url('/play-assets/assets/delivery-park.jpg') center center/cover}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#073e47f5,transparent 70%),linear-gradient(90deg,#054b5899,transparent 80%)}.screen{position:absolute;inset:0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#ffe37b;display:block}.intro{padding:50px 0 0 47px;width:60%;z-index:2;position:relative;text-shadow:0 2px 14px #07434d55}.intro .eyebrow{font-size:12px;margin-bottom:20px}.intro h1{font-family:Arial,sans-serif;line-height:.94;letter-spacing:-2px;transform:rotate(-2deg);transform-origin:left center;margin:0}.intro h1 span{display:block;font-size:54px;font-weight:1000}.intro h1 strong{font-size:82px;color:var(--yellow);display:block;letter-spacing:-4px;text-shadow:0 4px 0 #165c60,0 7px 0 #10464c}.intro p{font-size:18px;line-height:1.5;margin-top:24px}.hero-truck{position:absolute;width:48%;max-height:calc(100% - 230px);height:auto;object-fit:contain;bottom:193px;right:3%;filter:drop-shadow(0 18px 15px #00383b55);z-index:1;transform:rotate(-3deg)}.home-meta{position:absolute;bottom:174px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3}.home-meta>span{font-size:12px;font-weight:900;letter-spacing:1px}.garage-button{border:1px solid #e5ffdf55;background:#06454ac9;color:#f2ffdf;font-size:13px;border-radius:30px;padding:10px 14px;min-height:44px}.garage-button span{color:var(--yellow);margin-left:8px}.mode-select{position:absolute;bottom:23px;left:40px;right:40px;display:grid;grid-template-columns:1fr 1fr;gap:13px;z-index:4}.mode-button{display:flex;align-items:center;gap:13px;border:0;border-radius:17px;min-height:90px;padding:18px;color:#073e40;text-align:left;box-shadow:0 5px 0 #002b3780}.fun{background:var(--yellow)}.reward{background:#f3ffef}.mode-button b{display:block;font-size:20px}.mode-button small{display:block;font-size:12px;line-height:1.4;margin-top:5px;color:#365c54}.mode-icon{font-size:29px}.mode-button i{font-style:normal;font-size:13px;margin-left:auto}.mode-select>p{grid-column:1/-1;font-size:12px;text-align:center;margin:0;color:#d9edde}.footer{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:12px;font-size:11px;color:#b9dbd0}.footer button{background:none;border:0;color:inherit;font-size:12px;min-height:36px;text-decoration:underline;text-underline-offset:3px}.pane{background:linear-gradient(145deg,#07424bec,#05665cf5);overflow-y:auto;overscroll-behavior:contain}.pane-inner{max-width:540px;margin:auto;padding:55px 30px 25px}.back{position:absolute;left:20px;top:17px;border:1px solid #ceffdc4d;border-radius:30px;background:#0a454750;color:#e6ffdf;padding:9px 14px;min-height:44px;font-size:13px}.pane-inner>.eyebrow,.pane-inner>h2,.pane-inner>.lead{text-align:center}h2{font-size:44px;line-height:1.04;letter-spacing:-1.8px;margin:15px 0 14px;font-weight:1000}h2 em{font-style:normal;color:var(--yellow)}.lead{font-size:15px;color:#cfeadb;margin:0 0 25px}.howto{display:grid;gap:17px}.howto>div{display:flex;gap:15px;align-items:center}.howto>div>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;border:1px solid #ccffde3b;background:#fff1;color:var(--yellow);font-size:24px;font-weight:900}.howto p{font-size:14px;line-height:1.4;color:#c9e7d8;margin:0}.howto b{display:block;font-size:17px;color:#fff;margin-bottom:3px}.brief-power{display:flex;gap:10px;margin:20px 0;font-size:12px;color:#cdeade}.brief-power span{flex:1;border:1px solid #c6eacf33;border-radius:12px;padding:10px;line-height:1.5}.primary,.secondary{width:100%;border:0;border-radius:14px;padding:16px 20px;min-height:57px;background:var(--yellow);color:var(--ink);font-size:17px;font-weight:900;box-shadow:0 4px 0 #02333a}.primary span{float:right}.secondary{background:#e8ffe914;border:1px solid #d2f7d84a;color:#f0ffe4;font-size:15px;margin-top:13px;min-height:49px}.text-button{display:block;min-height:44px;padding:12px 15px;font-size:14px;color:#d6f0e0;background:none;border:none;text-decoration:underline;text-underline-offset:4px;margin:7px auto 0}.helper{font-size:12px;line-height:1.45;color:#beddd0;text-align:center;margin:13px 0 0}.sample-note{border:1px dashed #ffdf6a83;border-radius:14px;padding:14px 16px;text-align:center;font-size:13px;line-height:1.5;color:#ffecae;margin:15px 0}.sample-note small{display:block;font-size:12px;color:#d4e5d4;margin-top:7px}.dispatch{padding:25px 30px}.dispatch-top{display:flex;align-items:center;justify-content:space-between;margin:auto auto 23px;max-width:650px}.dispatch-top>span:last-child{font-size:13px;letter-spacing:1px;font-weight:900;color:#daf0de}.order-card{max-width:600px;margin:auto;text-align:center;padding:22px 15px;background:#fff7df;border-radius:20px;color:var(--ink);box-shadow:0 5px 0 #022e3370}.order-card>span{font-size:11px;letter-spacing:2px;font-weight:900;color:#437169}.order-card h2{font-size:32px;margin:9px 0;letter-spacing:-1px}.order-card p{font-size:16px;margin:0;color:#245954}.progress-dots{display:flex;justify-content:center;gap:14px;margin-top:16px}.progress-dots i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;background:#c4ddd3;color:#476961;font-size:12px;font-weight:900}.progress-dots .active{background:#ffd751;color:#073e3e;outline:3px solid #ffd7513b}.progress-dots .done{background:#078f75;color:#fff}.dispatch h3{text-align:center;font-size:17px;margin:24px 0 12px}.cargo-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:670px;margin:auto}.cargo-card{border:2px solid #d1f9d731;background:#b4f4d30c;border-radius:17px;padding:12px 10px;color:#ecffdf;min-height:160px;font-weight:900;font-size:14px;position:relative}.cargo-card img{display:block;width:100%;height:105px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 5px 4px #003b3d44)}.cargo-card.selected{background:#fff2a91c;border-color:#ffe16a}.cargo-card.locked{opacity:.5}.cargo-card small{display:block;font-weight:400;font-size:10px;line-height:1.4;margin-top:5px}.load-feedback{text-align:center;font-size:13px;min-height:20px;color:#c5e8d3;margin:13px 0}.load-feedback.good{color:#ffdf71}.route-options{max-width:670px;margin:auto}.route-options h3{margin:13px 0}.route-options>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.route-options button{padding:15px 12px;border:1px solid #defae160;border-radius:15px;background:#eaffeb12;color:#f4ffe8;text-align:left;min-height:105px}.route-options button:nth-child(2){border-color:#ffdf6999;background:#ffdf6912}.route-options b{font-size:18px;display:block}.route-options span{font-size:13px;display:block;margin:7px 0;color:#d0e8d5}.route-options small{font-size:11px;display:block;color:#c2ddce}.drive{touch-action:none;user-select:none;background:linear-gradient(0deg,#073e43ef,transparent 52%)}#game{width:100%;height:100%;position:absolute;inset:0;display:block}.drive-top{position:absolute;top:19px;left:21px;right:21px;display:flex;gap:12px;z-index:2}.score-card,.cargo-condition{background:#fffceaed;color:var(--ink);border-radius:13px;padding:9px 15px;box-shadow:0 3px 0 #002f3833;min-width:108px}.score-card small,.cargo-condition small{display:block;font-size:9px;font-weight:900;letter-spacing:1px}.score-card b{font-size:29px;line-height:1.15;display:block;margin-top:3px;font-variant-numeric:tabular-nums}.cargo-condition b{display:block;color:#e7624d;font-size:21px;margin-top:8px;white-space:nowrap;letter-spacing:1px}.tools{margin-left:auto;display:flex;gap:8px;align-items:center}.tools button{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fffb;border-radius:50%;background:#07404be0;color:#fff;font-size:22px;font-weight:900}.slash{position:absolute;inset:4px 7px;font-size:30px}.delivery-tag{position:absolute;top:109px;left:24px;right:24px;text-align:center;display:flex;gap:12px;justify-content:center;align-items:center;text-shadow:0 1px 5px #00443f;font-size:11px;letter-spacing:1px}.delivery-tag b{color:#ffeca5;font-size:12px}.delivery-tag>span:last-child{margin-left:auto;font-size:11px}.route-progress{position:absolute;top:91px;height:5px;border-radius:8px;background:#fff6;left:24px;right:24px;overflow:hidden}.route-progress>div{height:100%;width:0;background:#ffe367;border-radius:8px}.power-state{position:absolute;top:144px;left:0;right:0;text-align:center;font-size:12px;font-weight:900;color:#e7ffef;text-shadow:0 2px 6px #045550}.power-state.active{color:#fff09d}.feedback{position:absolute;top:29%;left:15px;right:15px;text-align:center;font-size:29px;font-weight:1000;text-shadow:0 3px 0 #075954,0 0 10px #035258;color:#fff4b6;pointer-events:none;opacity:0;transition:opacity .12s}.feedback.visible{opacity:1}.phase{position:absolute;left:15px;right:15px;top:24%;font-size:12px;letter-spacing:2px;text-align:center;font-weight:900;color:#f5ffdf;text-shadow:0 2px 8px #003a45;pointer-events:none}.steering{position:absolute;bottom:23px;left:30px;right:30px;display:grid;grid-template-columns:95px 1fr 95px;align-items:center;gap:14px;z-index:2;max-width:580px;margin:auto}.steering button{height:70px;background:var(--yellow);border:2px solid #fff185;box-shadow:0 5px 0 #02363e;border-radius:18px;color:#073e3f;font-size:53px;line-height:1;font-weight:900;padding:0 0 4px}.drive-hint{text-align:center}.drive-hint b{font-size:12px;color:#ffeba1;display:block;line-height:1.45}.drive-hint span{display:block;font-size:10px;letter-spacing:1px;margin-top:7px;color:#cae5d7}.setup{padding:32px 30px 23px;text-align:center}.setup-heading h2{margin-top:10px}.setup-heading p{font-size:14px;color:#c7e8d5;margin:12px 0}.inflatable-stage{position:relative;max-width:450px;height:220px;margin:0 auto}.inflatable-stage img{width:100%;height:100%;object-fit:contain;transform:scale(.48);transform-origin:50% 90%;transition:transform .3s;filter:drop-shadow(0 15px 12px #002f3866)}#pump-count{position:absolute;bottom:0;left:0;right:0;font-size:12px;letter-spacing:2px;color:#dcf3dc;font-weight:900}.pump-feedback{font-size:15px;font-weight:900;color:#fce7a0;margin:18px 0 16px;min-height:20px}.pump-meter{position:relative;height:31px;max-width:430px;margin:0 auto 18px;border-radius:20px;background:#ec956d;border:3px solid #ffe6b0;overflow:hidden}.good-zone{position:absolute;left:21%;width:58%;height:100%;background:#d4e55c}.perfect-zone{position:absolute;left:37%;width:26%;height:100%;background:#4ddc96}.pump-meter i{position:absolute;left:50%;top:-2px;bottom:-2px;width:6px;background:#063b40;transform:translateX(-50%);box-shadow:0 0 0 2px #fff9}.pump-button{max-width:430px;margin:auto}.celebrate{padding:30px;text-align:center}.celebrate h2{margin:10px 0 12px}.delivered-art{position:relative;max-width:440px;height:240px;margin:0 auto}.delivered-art img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 13px 10px #00353777)}.spark{position:absolute;color:#ffdf63;font-size:38px}.spark.one{top:23%;left:1%;transform:rotate(-15deg)}.spark.two{top:2%;right:8%;font-size:25px}.spark.three{right:3%;bottom:20%;font-size:28px}.delivery-breakdown{display:flex;justify-content:center;gap:26px;max-width:500px;margin:15px auto 20px;background:#063d467a;border:1px solid #d8ffe125;border-radius:15px;padding:13px;font-size:12px;color:#c8e4d2}.delivery-breakdown b{display:block;font-size:24px;color:#ffe071;margin-bottom:4px}.unlock-toast{margin:0 auto 15px;border:1px solid #ffe17688;max-width:450px;padding:12px;border-radius:13px;font-size:14px;color:#fff3b5;background:#ffdb6310}.celebrate>.primary{max-width:450px}.results{padding:27px 30px;text-align:center}.result-medal{width:57px;height:57px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:#ffdc58;border:5px solid #fff0a3;outline:6px solid #ffdc5820;color:#1b5e4f;font-size:30px}.results h2{font-size:41px;margin:12px 0}.final-score{padding:9px}.final-score>span{font-size:11px;letter-spacing:2px;color:#d0e8d6}.final-score b{display:block;font-size:75px;line-height:1.2;letter-spacing:-3px;color:var(--yellow);font-variant-numeric:tabular-nums}.final-score small{font-size:11px;letter-spacing:1px;color:#bfedcd}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:450px;margin:15px auto 20px;border-radius:14px;border:1px solid #c9f3d12f;background:#063a4570;padding:13px 4px;font-size:12px;color:#c5e4d2}.route-stats b{display:block;font-size:23px;color:#fff;margin-bottom:4px}.route-stats span+span{border-left:1px solid #e1ffdc22}.results>.primary,.results>.secondary,.results>.sample-note{max-width:450px;margin-left:auto;margin-right:auto}.results>.secondary{display:block}.sample-note>b{font-size:24px;color:#ffe278;display:block}.sample-note p{font-size:12px;margin:8px 0}.failed{text-align:center;padding:45px 30px}.failed h2{margin:20px 0}.failed>p{font-size:16px;line-height:1.5;color:#c7e5d3}.failed>img{width:290px;max-width:75%;height:220px;object-fit:contain}.failed>.primary{max-width:430px;display:block;margin:auto}.modal{position:absolute;inset:0;z-index:10;background:#00323ba6;backdrop-filter:blur(10px);display:grid;place-items:center;padding:25px}.modal-card{background:#085951;border:1px solid #deffdf55;border-radius:25px;padding:34px;width:min(100%,410px);box-shadow:0 25px 80px #002d3e66;text-align:center}.modal-card h2{font-size:36px;margin:14px 0}.modal-card>p{font-size:14px;line-height:1.5;color:#c9e6d5;margin:0 0 24px}.garage-card{max-height:100%;overflow-y:auto;padding:25px}.truck-option{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:12px;width:100%;border:1px solid #d5ffdf44;border-radius:13px;background:#eaffd510;text-align:left;color:#fff;padding:9px;margin:10px 0}.truck-option img{width:84px;height:76px;object-fit:contain}.truck-option b{display:block;font-size:16px}.truck-option span{font-size:12px;color:#c7e5d0;display:block;margin-top:5px}.truck-option.selected{border-color:var(--yellow);background:#ffdc5815}.truck-option:disabled{opacity:.55}.garage-card>p{font-size:12px;margin:13px 0 18px}.countdown{position:absolute;inset:0;z-index:12;background:#03564a77;backdrop-filter:blur(3px);display:grid;place-items:center;color:var(--yellow);font-size:105px;font-weight:1000;text-shadow:0 5px 0 #084f4f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reduced *{transition:none!important;animation:none!important}
@media(max-width:700px){.app{padding:11px 11px 3px}.masthead{margin-bottom:11px}.brand>b{font-size:32px;letter-spacing:-3px}.brand>span{font-size:8px;letter-spacing:1px}.brand strong{font-size:9px;letter-spacing:1.5px}.private{font-size:10px;padding:7px 9px;letter-spacing:1px}.arena{border-radius:22px;height:calc(100svh - 101px);min-height:655px;max-height:900px}.intro{padding:30px 23px 0;width:100%}.intro .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:16px}.intro h1 span{font-size:37px;letter-spacing:-1px}.intro h1 strong{font-size:56px;letter-spacing:-2.5px}.intro p{font-size:14px;margin-top:18px}.hero-truck{width:82%;max-height:none;bottom:263px;right:2%;transform:rotate(-3deg);max-width:340px}.home-meta{left:20px;right:20px;bottom:218px;gap:9px}.home-meta>span{font-size:10px;letter-spacing:.4px;max-width:155px}.garage-button{font-size:12px;padding:8px 10px}.garage-button span{margin-left:4px}.mode-select{left:19px;right:19px;bottom:22px;display:flex;flex-direction:column;gap:10px}.mode-button{min-height:66px;padding:13px 15px;border-radius:14px;gap:11px}.mode-button b{font-size:18px}.mode-button small{font-size:11px;margin-top:4px}.mode-icon{font-size:27px}.mode-select>p{font-size:11px;line-height:1.4;margin:5px 3px 0}.footer{font-size:8px;min-height:36px;gap:8px}.footer button{font-size:11px;min-height:36px}.pane-inner{padding:67px 22px 20px}.pane-inner>.eyebrow{font-size:11px}h2{font-size:35px;letter-spacing:-1.3px}.lead{font-size:13px;line-height:1.4;margin-bottom:23px}.howto{gap:16px}.howto>div{gap:12px}.howto p{font-size:13px}.howto b{font-size:16px}.howto>div>span{width:41px;height:41px;font-size:23px}.brief-power{font-size:11px;gap:9px}.brief-power span{padding:9px}.primary{font-size:16px;min-height:55px;padding:16px}.helper{font-size:11px}.sample-note{font-size:12px;padding:12px}.sample-note small{font-size:11px}.dispatch{padding:22px 18px}.dispatch-top{margin-bottom:19px}.dispatch-top .eyebrow{font-size:10px;letter-spacing:1.5px}.dispatch-top>span:last-child{font-size:11px}.order-card{padding:19px 12px;border-radius:17px}.order-card>span{font-size:10px}.order-card h2{font-size:27px;line-height:1.1}.order-card p{font-size:14px}.progress-dots{margin-top:14px}.dispatch h3{font-size:16px;margin-top:21px}.cargo-options{gap:8px}.cargo-card{padding:10px 6px;font-size:12px;min-height:137px;border-radius:13px}.cargo-card img{height:80px;margin-bottom:9px}.cargo-card small{font-size:9px}.load-feedback{font-size:12px;line-height:1.4;min-height:32px;margin-top:11px}.route-options>div{gap:9px}.route-options h3{margin-top:10px}.route-options button{padding:13px 11px;min-height:119px}.route-options b{font-size:16px}.route-options span{font-size:12px;line-height:1.4;margin:6px 0}.route-options small{font-size:10px;line-height:1.4}.dispatch .helper{font-size:10px}.drive-top{top:16px;left:13px;right:13px;gap:8px}.score-card,.cargo-condition{padding:9px 11px;min-width:81px;border-radius:12px}.score-card small,.cargo-condition small{font-size:8px;letter-spacing:.6px}.score-card b{font-size:25px}.cargo-condition b{font-size:18px;margin-top:8px;letter-spacing:0}.tools{gap:6px}.tools button{width:40px;height:40px;font-size:20px}.route-progress{top:88px;left:16px;right:16px}.delivery-tag{top:104px;left:16px;right:16px;gap:5px;display:grid;grid-template-columns:1fr auto;text-align:left;font-size:8px;letter-spacing:.5px}.delivery-tag b{font-size:10px;grid-column:1;grid-row:2}.delivery-tag>span:last-child{grid-column:2;grid-row:1/3;font-size:10px;margin:0}.power-state{top:144px;font-size:11px}.feedback{font-size:25px;top:30%}.phase{top:25%;font-size:10px;letter-spacing:1.3px}.steering{left:18px;right:18px;bottom:25px;grid-template-columns:75px 1fr 75px;gap:10px}.steering button{height:65px;border-radius:16px;font-size:47px}.drive-hint b{font-size:10px;line-height:1.5}.drive-hint span{font-size:8px;letter-spacing:.5px;line-height:1.4}.setup{padding:30px 23px 20px}.setup h2{font-size:33px}.setup-heading p{font-size:12px}.inflatable-stage{height:215px;margin-top:5px}.pump-feedback{font-size:13px;line-height:1.4}.pump-meter{height:30px}.setup .helper{font-size:11px}.celebrate{padding:28px 23px}.celebrate h2{font-size:35px}.delivered-art{height:235px}.delivery-breakdown{gap:18px;font-size:11px;padding:12px 8px}.delivery-breakdown b{font-size:21px}.unlock-toast{font-size:13px}.results{padding:26px 23px}.results h2{font-size:35px}.result-medal{height:51px;width:51px;font-size:27px;margin-bottom:15px}.final-score b{font-size:65px}.final-score>span,.final-score small{font-size:10px}.route-stats{font-size:11px;margin:11px 0 19px}.route-stats b{font-size:22px}.results>.sample-note{margin-top:13px}.sample-note>b{font-size:23px}.sample-note p{font-size:12px}.secondary{font-size:14px}.text-button{font-size:13px}.failed{padding:36px 22px}.failed>p{font-size:14px}.failed>img{height:220px}.modal{padding:20px}.modal-card{padding:28px 23px}.modal-card h2{font-size:31px}.modal-card .eyebrow{font-size:10px}.modal-card>p{font-size:13px}.truck-option{grid-template-columns:70px 1fr}.truck-option img{width:70px;height:66px}.truck-option b{font-size:15px}}
@media(max-width:380px){.intro{padding-left:20px}.intro h1 span{font-size:34px}.intro h1 strong{font-size:51px}.intro p{font-size:13px}.hero-truck{width:77%;bottom:262px}.mode-select{left:16px;right:16px}.mode-button b{font-size:17px}.home-meta{left:17px;right:17px}.home-meta>span{font-size:9px;max-width:135px}.garage-button{font-size:11px}.arena{min-height:654px}.dispatch{padding:20px 15px}.order-card h2{font-size:25px}.cargo-card{font-size:11px}.cargo-card img{height:73px}.route-options b{font-size:15px}.drive-top{left:10px;right:10px;gap:6px}.score-card,.cargo-condition{min-width:72px;padding:8px 9px}.tools{gap:5px}.tools button{width:39px;height:39px}.steering{left:15px;right:15px;grid-template-columns:70px 1fr 70px}.final-score b{font-size:59px}.delivered-art{height:220px}.setup .inflatable-stage{height:195px}}
@media(max-height:520px) and (orientation:landscape){.app{padding:6px 13px}.masthead{margin-bottom:7px}.brand>b{font-size:28px}.brand>span{font-size:8px}.brand strong{font-size:9px}.private{font-size:9px;padding:6px 10px}.arena{min-height:290px;height:calc(100svh - 78px);max-height:none;border-radius:18px}.footer{min-height:24px;font-size:9px}.footer button{min-height:24px;font-size:10px}.intro{padding:24px 0 0 26px;width:47%}.intro .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:11px}.intro h1 span{font-size:29px}.intro h1 strong{font-size:43px;letter-spacing:-2px}.intro p{font-size:13px;margin-top:16px}.hero-truck{width:30%;max-height:82%;right:31%;bottom:12px}.home-meta{left:67%;right:16px;bottom:auto;top:20px;display:block}.home-meta>span{display:block;font-size:9px;margin-bottom:8px}.garage-button{font-size:11px;min-height:32px;padding:6px 10px}.mode-select{left:67%;right:16px;bottom:18px;display:flex;flex-direction:column;gap:8px}.mode-button{padding:11px;min-height:55px;border-radius:13px;gap:8px}.mode-button b{font-size:15px}.mode-button small{font-size:10px}.mode-icon{font-size:22px}.mode-button i{display:none}.mode-select>p{font-size:9px;margin:0}.pane-inner{padding-top:22px;max-width:550px}.pane-inner>h2{font-size:28px;margin:10px 0}.pane-inner>.lead{font-size:12px;margin-bottom:15px}.howto{gap:9px}.howto b{font-size:15px}.howto p{font-size:12px}.howto>div>span{width:35px;height:35px;font-size:20px}.brief-power{margin:14px 0}.primary{min-height:45px;padding:12px;font-size:15px}.dispatch{padding:18px 24px}.dispatch-top{margin-bottom:13px}.order-card{max-width:450px;padding:15px}.order-card h2{font-size:25px}.order-card p{font-size:13px}.drive-top{top:11px;left:15px;right:15px;gap:9px}.score-card,.cargo-condition{min-width:92px;padding:6px 12px}.score-card small,.cargo-condition small{font-size:8px}.score-card b{font-size:22px}.cargo-condition b{font-size:19px;margin-top:4px}.tools button{width:40px;height:40px}.route-progress{top:70px;left:17px;right:17px}.delivery-tag{top:80px;left:17px;right:17px;font-size:9px}.delivery-tag b{font-size:10px}.power-state{top:106px;font-size:10px}.steering{left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;max-width:none}.steering button{height:58px;width:67px;font-size:41px}.drive-hint{position:absolute;left:30%;right:30%;bottom:-4px}.drive-hint b{font-size:10px}.drive-hint span{font-size:8px}.feedback{top:40%;font-size:23px}.phase{top:36%;font-size:9px}.setup{padding:20px}.setup h2{font-size:28px}.setup-heading p{font-size:12px}.inflatable-stage{height:170px}.celebrate h2{font-size:28px}.delivered-art{height:180px}.results{padding:22px}.results h2{font-size:30px}.final-score b{font-size:57px}.modal-card{padding:20px;max-width:375px;max-height:100%;overflow-y:auto}.modal-card h2{font-size:29px;margin:10px 0}.modal-card>p{margin-bottom:15px;font-size:12px}.modal-card>.eyebrow{font-size:10px}.secondary{min-height:43px;padding:11px}.text-button{min-height:38px;padding:9px}.failed{padding:22px}.failed>img{height:170px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.setup-pause{position:absolute;right:18px;top:17px;width:44px;height:44px;border-radius:50%;border:1px solid #efffea88;background:#06454acc;color:#fff;font-weight:900;font-size:18px}.pump-button:disabled{background:#bddbb1;color:#315f4d;box-shadow:0 2px 0 #02333a}

.home-link{text-decoration:none}.network-note{text-align:center;color:#ffe3a5;font-size:13px;line-height:1.4;margin:8px 0}.network-note:empty{display:none}.game-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:12px;margin:4px auto 10px}.game-links a{color:#c4e8d7;min-height:28px;display:inline-flex;align-items:center}.game-privacy{max-width:760px;margin:10px auto 20px;color:#c6e3d5;font-size:12px;line-height:1.6}.game-privacy summary{cursor:pointer;text-align:center;min-height:32px}.game-privacy p{margin:10px 0}.board-card{max-height:100%;overflow-y:auto;width:min(100%,440px)}.board-card h2{margin:13px 0}.board-card>p{font-size:12px;line-height:1.5;margin-bottom:15px}.board-card ol{list-style:none;padding:0;margin:18px 0}.board-card li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;text-align:left;align-items:center;border-bottom:1px solid #ffffff25;padding:11px 5px;font-size:17px}.board-card li>span{font-size:12px;color:#c4e4d0}.board-card li>b{letter-spacing:3px}.board-card li>strong{color:#ffdf68}.board-card li.board-empty{display:block;font-size:14px;line-height:1.6;text-align:center;color:#d3ead8}.publish-panel{max-width:450px;margin:16px auto 22px;border:1px solid #d4f1d74d;border-radius:15px;padding:16px;background:#ffffff08}.publish-panel h3{font-size:18px;margin:0 0 8px}.publish-panel p{font-size:12px;line-height:1.5;color:#d5e9d7;margin:8px 0}.publish-controls{display:grid;grid-template-columns:90px 1fr;gap:9px;align-items:center}.publish-controls label{grid-column:1/-1;font-size:12px;text-align:left}.publish-controls input{width:90px;height:48px;border:2px solid #ffe282;border-radius:11px;text-align:center;font-family:inherit;font-size:23px;font-weight:900;letter-spacing:3px;color:#07464a;background:#fffde9;text-transform:uppercase}.publish-controls .secondary{margin:0;min-height:48px}.publish-controls button:disabled{opacity:.5}.publish-panel .text-button{font-size:12px;min-height:35px;padding:8px}.tools button{min-width:44px;min-height:44px}
@media(max-width:700px) and (min-height:521px){.hero-truck{max-height:calc(100% - 486px);object-fit:contain}}

.rental-invite{max-width:450px;margin:23px auto 16px;padding:19px 16px;border-radius:17px;border:1px solid #8ff0ba66;background:#033e4280}.rental-invite .eyebrow{font-size:10px;letter-spacing:1.4px;color:#b1f2cd}.rental-invite p{font-size:22px;margin:9px 0 14px;color:#f4ffec}.rental-invite p b{color:var(--yellow)}.rental-button{display:flex;justify-content:center;align-items:center;gap:15px;min-height:52px;padding:13px 18px;border-radius:12px;background:#ddffdf;color:#073f43;font-size:16px;font-weight:900;text-decoration:none;touch-action:manipulation}.rental-button:hover{background:#b9f2c8}.rental-button:focus-visible,.game-links a:focus-visible{outline:3px solid #fff;outline-offset:4px}.rental-invite small{display:block;margin-top:11px;font-size:11px;color:#c5e6d3;line-height:1.4}.game-links a{min-height:44px}