/* Halloween Night Shift — the supplied Deadline artwork stays unchanged. */
:root{--orange:#ff993e;--ink:#110f1c;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
html,body{height:100%;overscroll-behavior:none}body{background:#110f1c}button{touch-action:manipulation}#game{touch-action:none;-webkit-user-select:none;user-select:none;height:100dvh}#home,#hud,#loading{height:100dvh}#home{background:#110f1c;overscroll-behavior:contain;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}
.hero-art{background-image:url('assets/halloween-overlay.svg'),linear-gradient(120deg,#1f103a88,#f2791820),url('assets/hero-branded.jpg');background-position:center,center,56% 28%;background-size:cover;filter:saturate(.82)}.hero-shade{background:linear-gradient(90deg,#120c1cf0,#140e2290 40%,#120c1c12 75%),linear-gradient(0deg,#110f1c 0%,#110f1cec 12%,transparent 70%)}.hero-copy h1 em{color:#ffa14d}.hero-copy .eyebrow{color:#d5c3ef}.live-dot{background:#c2ff9c;box-shadow:0 0 16px #b1ff86}.primary{background:linear-gradient(115deg,#e76d20,#ffac4e);color:#201224}.route-card{background:#241c32}.route-card:before{background-image:linear-gradient(100deg,#21142bed,#27182caa),url('assets/halloween-overlay.svg'),url('assets/hero-branded.jpg')}.route-card p{color:#d1bdde}.route-type{background:#2d1b3f;border-color:#b58ae04d}.parkour-launch{background:#28183bdd;border-color:#ba88ff99;color:#ead7ff}.parkour-launch span{background:#c6a0ff}.modal{background:#0e0716df}.modal-box{background:linear-gradient(135deg,#302039,#161321);border-color:#b686dc55}.modal .primary,.mode-switch .selected{color:#201224}.reward-card{background:#241a32}.nav-instruction{background:#2a193a99}.route-nav,.parkour-prompt{background:#1a1328ee}.delivery-prompt{background:#18271fec}.game-top{padding-top:var(--safe-top)}.bottom-hud{bottom:calc(30px + var(--safe-bottom))}.touch-view{display:none}#touchControls button small{display:block;font-size:9px;line-height:1;margin-top:4px;font-weight:700;letter-spacing:.5px}#touchControls button.pressed{background:#a4561de6;border-color:#ffd298}.close-btn,.round-btn,.icon-btn{min-width:44px;min-height:44px}.modal-box{max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal{padding-top:max(16px,var(--safe-top));padding-bottom:max(16px,var(--safe-bottom))}.notice{color:#d0c4d8!important}.secondary,.text-btn,.mode-switch button{min-height:44px}.setting-row{flex-wrap:wrap}.setting-row select{min-height:44px;font-size:16px}#announcement{max-width:85%;white-space:normal;text-wrap:balance}.compat-tag{pointer-events:none}.touch-ui .controls{display:none}
/* Controls also stay available on large touch tablets and landscape phones. */
.touch-ui #touchControls{position:absolute;display:flex;justify-content:space-between;align-items:flex-end;left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));pointer-events:none;gap:12px}
.touch-ui #touchControls .steer-pad,.touch-ui #touchControls .action-pad{display:flex;gap:8px;pointer-events:none}.touch-ui #touchControls button{display:block;pointer-events:auto;min-width:54px;width:58px;height:64px;border-radius:16px;border:1px solid #d3b2f56b;background:#251b35e8;font-size:25px;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;box-shadow:0 4px 18px #0004}.touch-ui #touchControls [data-control="jump"]{background:#86451de8;border-color:#f9b260}.touch-ui .touch-view{display:grid;font-size:10px;font-weight:800;letter-spacing:1px}.touch-ui .bottom-hud{bottom:calc(92px + var(--safe-bottom))}.touch-ui .delivery-prompt{bottom:calc(155px + var(--safe-bottom))}.touch-ui #toast{bottom:calc(95px + var(--safe-bottom))}
@media(max-width:900px),(pointer:coarse){
 .topbar{margin:0 max(16px,var(--safe-left)) 0 max(16px,var(--safe-right));gap:12px;min-height:72px;height:auto;padding:12px 0;flex-wrap:wrap}.topbar nav{order:3;display:flex;width:100%;min-height:44px;justify-content:space-around;gap:10px}.topbar .nav{font-size:10px}.brand-logo{width:135px}.wallet-logo{display:none}.wallet-pill{min-height:44px;padding:9px}.header-right{gap:7px}.hero-copy{margin:30px 20px 0;max-width:560px}.hero-copy h1{font-size:clamp(66px,12vw,98px);line-height:.88}.hero-copy p{font-size:14px;color:#e0d5e9}.hero-copy .eyebrow{font-size:9px;line-height:1.5;letter-spacing:1px}.hero-meta{flex-wrap:wrap;gap:9px;font-size:8px}.hero-meta>span+span:before{display:none}.hero-art{bottom:20%;opacity:.8;background-position:center,center,62% 30%}.hero-shade{background:linear-gradient(90deg,#130c1ccf,#180d2230),linear-gradient(0deg,#110f1c,#110f1c77 50%,transparent)}.parkour-launch{font-size:11px;min-height:48px}.route-dock{margin:32px 16px 0}.dock-heading{gap:12px;align-items:center}.dock-heading h2{font-size:17px}.dock-heading .text-btn{font-size:10px;line-height:1.5;max-width:120px;padding:6px}.route-card{min-height:138px;padding:14px}.route-type{position:static;display:table;margin-top:9px;font-size:8px}.route-card h3{font-size:25px;margin:9px 0 5px}.route-card p{font-size:10px}.route-number{font-size:10px}.route-grid,.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{margin:22px 16px;line-height:1.6}.footer-brand{flex-wrap:wrap;font-size:9px}.modal{padding-left:12px;padding-right:12px}.modal-box{padding:55px 18px 24px;border-radius:14px}.close-btn{top:8px;right:8px;background:#21162d;border:1px solid #ffffff30;z-index:2}.modal p{font-size:14px}.modal h2{font-size:38px}.modal .notice{font-size:12px!important}.modal .eyebrow{font-size:9px;line-height:1.5}.stat{padding:12px 8px;min-width:0}.stat>b{font-size:30px;overflow-wrap:anywhere}.stat small{font-size:9px;letter-spacing:.5px}.stat-grid{gap:7px}.actions{gap:10px}.actions>button{flex:1 1 140px;min-height:48px;padding:14px;font-size:11px}.mode-switch{flex-wrap:wrap}.mode-switch button{flex:1 1 110px;font-size:10px}.help-grid p{font-size:12px}.help-grid>div{padding:12px;gap:12px}.reward-card button{font-size:11px;min-height:48px}.voucher{overflow-wrap:anywhere}.voucher b{font-size:11px}.modal-logo{margin-bottom:20px}
}
/* Portrait: navigation at the top, action prompts and thumbs at the bottom. */
@media(max-width:900px) and (orientation:portrait){
 .game-top{position:absolute;top:var(--safe-top);left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));margin:10px 0 0;padding:0;display:grid;grid-template-columns:44px minmax(0,1fr) 78px 60px 44px;gap:6px;align-items:center}.pause-btn{grid-column:1;margin:0}.touch-view{grid-column:5;grid-row:1}.mission-title{grid-column:2;grid-row:1;min-width:0;max-width:none}.mission-title small{font-size:8px;letter-spacing:.4px}.mission-title>b{font-size:19px;line-height:1;overflow-wrap:normal}.mission-title>span{font-size:7px;letter-spacing:.6px}.timer{position:static;transform:none;grid-column:3;grid-row:1}.timer small{display:none}.timer>b{font-size:35px}.timer-line{width:68px;margin:3px auto}.run-score{grid-column:4;grid-row:1;min-width:0;margin:0}.run-score small{font-size:7px;letter-spacing:.3px}.run-score>b{font-size:28px;line-height:1}.run-score>span{display:none}.objective{top:calc(80px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));height:51px;padding:8px 10px;gap:9px}.objective small{font-size:9px;letter-spacing:.3px}.objective b{font-size:12px;margin-top:3px}.objective>span:last-child{display:block;margin-left:auto;font-size:9px;max-width:64px;text-align:right}.parcel-icon{font-size:23px}.route-nav{top:calc(140px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));width:auto;border-radius:5px;display:flex;align-items:center}.nav-instruction{border:0;padding:7px 10px;flex:1;min-width:0;gap:8px}.nav-instruction>b{font-size:23px}.nav-instruction small{display:none}.nav-instruction strong{font-size:10px;letter-spacing:.2px}.route-map,.elevation-map{display:none}.grade-row{font-size:9px;padding:0 10px;gap:0;display:block;flex-shrink:0}#deliveryCount{display:none}.parkour-prompt{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));width:auto;max-width:none;top:auto;bottom:calc(143px + var(--safe-bottom));padding:9px 12px;border-radius:10px}.flow-line{font-size:9px;line-height:1}.flow-line span{display:block}.flow-meter{margin:7px 0 8px}.parkour-action strong{font-size:12px}.parkour-action small{font-size:9px;letter-spacing:.2px;margin-top:4px}.parkour-action button{min-width:54px;min-height:48px;font-size:22px}.parkour-action button small{font-size:9px;margin:0}.delivery-prompt{bottom:calc(236px + var(--safe-bottom));max-width:calc(100% - 24px);padding:9px 12px;gap:12px}.delivery-prompt b{font-size:11px;white-space:normal}.delivery-prompt small{font-size:9px}.delivery-prompt button{min-width:54px;min-height:48px;padding:8px}.bottom-hud{left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));bottom:calc(87px + var(--safe-bottom));height:44px;align-items:center;gap:15px}.vehicle-hud{display:grid;grid-template-columns:64px 78px;align-items:center;gap:3px 9px}.vehicle-hud .hud-logo,#transportLabel,#healthLabel,#boostState{display:none}.vehicle-hud>div>b{font-size:27px}.vehicle-hud>div>span{font-size:7px;margin-left:2px}.vehicle-hud>div:first-of-type{grid-row:1/3;grid-column:1}.health{grid-column:2;margin:0;gap:4px}.health i{width:21px;height:5px}.boost-meter{grid-column:2;width:71px;margin:0;height:5px}.route-progress{width:auto;flex:1;margin-bottom:0;max-width:150px}.route-progress small{font-size:7px;margin-bottom:6px}.route-progress b{font-size:12px}.compat-tag{top:calc(183px + var(--safe-top));right:12px;font-size:6px}#announcement{top:36%;width:90%;font-size:29px;line-height:1.05}#announcement small{font-size:10px;letter-spacing:.7px;line-height:1.4;margin-top:6px}#aimHint{top:55%;font-size:10px;padding:0 20px;line-height:1.5}.touch-ui #touchControls button{min-width:48px;width:52px;height:62px}.touch-ui #touchControls .action-pad,.touch-ui #touchControls .steer-pad{gap:6px}
}
/* Landscape phones: leave the centre of the road clear for action. */
@media(max-height:540px) and (orientation:landscape){
 .game-top{margin:8px calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left));padding-top:var(--safe-top);gap:10px;align-items:center}.pause-btn{margin:0}.touch-view{order:5;margin-left:8px}.mission-title{max-width:180px}.mission-title small{font-size:8px;letter-spacing:.4px}.mission-title>b{font-size:21px;line-height:1;margin:2px 0}.mission-title>span{display:none}.timer{top:calc(7px + var(--safe-top))}.timer>b{font-size:35px}.timer small{display:none}.timer-line{width:85px;margin:2px auto}.run-score small{font-size:8px}.run-score>b{font-size:27px;margin:0}.run-score>span{display:none}.objective{left:calc(12px + var(--safe-left));top:calc(64px + var(--safe-top));padding:6px 10px;gap:8px;max-width:45%;height:41px}.objective small{font-size:8px}.objective b{font-size:10px;margin:2px 0}.objective>span:last-child{display:none}.parcel-icon{font-size:21px}.route-nav{right:calc(12px + var(--safe-right));top:calc(64px + var(--safe-top));width:195px}.route-map,.elevation-map,.grade-row{display:none}.nav-instruction{padding:8px}.nav-instruction small{display:none}.nav-instruction strong{font-size:9px}.nav-instruction>b{font-size:22px}.parkour-prompt{top:auto;bottom:calc(15px + var(--safe-bottom));left:50%;right:auto;transform:translateX(-50%);width:238px;max-width:34vw;padding:8px 10px}.parkour-action strong{font-size:10px}.parkour-action small{font-size:8px;margin-top:3px}.parkour-action button{min-width:44px;min-height:44px;font-size:20px}.flow-line{font-size:8px}.flow-line span{display:none}.flow-meter{margin:6px 0}.delivery-prompt{bottom:calc(107px + var(--safe-bottom));padding:8px 12px;gap:12px}.delivery-prompt b{font-size:10px}.delivery-prompt small{font-size:8px}.delivery-prompt button{min-width:44px;min-height:44px;padding:8px}.bottom-hud{left:calc(14px + var(--safe-left));bottom:calc(88px + var(--safe-bottom));right:calc(14px + var(--safe-right));height:24px}.vehicle-hud .hud-logo,#transportLabel,#healthLabel,#boostState,.vehicle-hud>div:first-of-type{display:none}.health{margin:0 0 5px}.health i{width:26px}.boost-meter{width:86px;height:4px;margin:0}.route-progress{display:none}.touch-ui #touchControls button{width:56px;height:62px}.compat-tag{top:calc(110px + var(--safe-top));right:14px;font-size:6px}#announcement{top:33%;font-size:27px;max-width:70%}#announcement small{font-size:9px;letter-spacing:.5px}#aimHint{top:59%;font-size:9px}.modal-box{max-height:calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom));padding:40px 24px 20px}.hero-copy{margin-top:20px}.hero-copy h1{font-size:75px}.topbar{min-height:64px}.topbar nav{order:0;width:auto;flex:1;min-height:40px}.hero-copy .eyebrow{font-size:9px}.hero-art{bottom:0}.route-dock{margin-top:25px}
}
@media(max-width:350px) and (orientation:portrait){.game-top{grid-template-columns:44px minmax(0,1fr) 66px 49px 44px;gap:3px;left:8px;right:8px}.mission-title>b{font-size:16px}.mission-title small{font-size:6px}.mission-title>span{font-size:6px}.timer>b{font-size:31px}.timer-line{width:60px}.run-score>b{font-size:24px}.touch-ui #touchControls{left:8px;right:8px}.touch-ui #touchControls button{width:48px;min-width:48px;height:60px}.touch-ui #touchControls .steer-pad,.touch-ui #touchControls .action-pad{gap:5px}.parkour-action strong{font-size:11px}.hero-copy h1{font-size:65px}.topbar{margin:0 12px}.brand-logo{width:120px}.objective small{font-size:8px}.objective>span:last-child{font-size:8px;max-width:54px}}
@media(max-height:650px) and (orientation:portrait){.route-nav{display:none}.compat-tag{top:calc(138px + var(--safe-top))}#announcement{top:30%;font-size:24px}.parkour-prompt{bottom:calc(132px + var(--safe-bottom))}.parkour-action small{font-size:8px}.flow-line{font-size:8px}.delivery-prompt{bottom:calc(219px + var(--safe-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:900px) and (orientation:portrait){.mission-title>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:39px}}
@media(max-width:700px) and (orientation:landscape){.touch-ui #touchControls button{width:48px;min-width:48px;height:56px;font-size:23px}.touch-ui #touchControls .action-pad,.touch-ui #touchControls .steer-pad{gap:5px}.parkour-prompt{width:170px;max-width:30vw}.parkour-action{gap:4px}.parkour-action strong{font-size:9px}.parkour-action small{font-size:7px}.parkour-action button{min-width:44px}.route-nav{width:160px}.mission-title>b{font-size:18px}.objective{max-width:49%}}

/* Launch actions precede the hero in both visual and keyboard order. */
.launch-bar{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:22px 7% 0}
.launch-bar .play-row{margin:0;display:contents}
.launch-bar .primary{order:0;min-height:52px}
.launch-bar .parkour-launch{order:1;margin:0;min-height:52px}
.launch-bar .round-btn{order:2;flex:none}
#home .hero-copy{margin-top:28px}
@media(max-width:900px){.launch-bar{margin:16px max(16px,var(--safe-right)) 0 max(16px,var(--safe-left));display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px}.launch-bar .primary{grid-column:1;grid-row:1;padding:15px 16px;font-size:12px}.launch-bar .round-btn{grid-column:2;grid-row:1;width:48px;height:48px}.launch-bar .parkour-launch{grid-column:1 / -1;grid-row:2;justify-content:center;font-size:11px;min-height:48px}#home .hero-copy{margin-top:24px}}