:root{--bg:#10191e;--panel:#142731;--line:#435762;--muted:#b4c2c1;--text:#ffedc8;--gold:#ffdb45;--mint:#b6ded0;--belter-ink:#0a1117;--belter-hud:#0d1f29f2;--belter-paper:#e4d6b9;--belter-paper-ink:#16232a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Mono',monospace;font-size:11px}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:hover{color:var(--gold)}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{height:56px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font:800 19px/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px}.brandmark{width:45px;height:46px;background:var(--gold);color:#15221a;display:grid;place-items:center;font:bold 42px/.8 Impact;position:relative}.brandmark span{font:18px monospace;position:absolute;right:1px;top:0}.menu nav{height:64px;flex-shrink:0;display:flex;gap:30px;padding:0 30px;border-bottom:1px solid var(--line);background:#101715f2;pointer-events:auto}nav button{display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;color:#718277;font-size:10px}nav button span{color:#a1afa5}nav button.active{border-color:var(--gold);color:var(--gold)}nav button.active span{color:var(--text)}i{display:inline-block;width:5px;height:5px;background:var(--mint);margin-right:6px;border-radius:50%}main{height:calc(100dvh - 99px);min-height:560px;display:flex}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--gold);margin:0 0 14px}.sectionlabel{font-size:8px;letter-spacing:1px;color:#c0c9bf;display:flex;justify-content:space-between}.sectionlabel span{color:#6f8276;font-size:7px}.mission{border:1px solid #425044;background:#202a23;padding:15px;width:300px;flex-shrink:0;align-self:flex-start}h2{font:600 23px 'Barlow Condensed',Impact,sans-serif;margin:13px 0 8px}.mission p{font-size:9px;color:#a5b1a6;line-height:1.8;margin:0 0 15px}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;background:var(--gold);color:#20271d;padding:13px;font-size:10px;text-decoration:none;font-weight:600;border:0}.primary:hover{background:#ffd27b;color:#18231a}.placesheading{margin-bottom:8px}#places button{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a352e;padding:11px 0;font-size:10px;text-align:left}#places button span{color:#6f8276;font-size:9px}.viewport{position:relative;flex:1;overflow:hidden;background:#324439}#game{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none}.worldtop{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none}.tourchip{font-size:9px;letter-spacing:1px;background:#111d18dc;padding:10px 14px;border-left:2px solid var(--gold);max-width:60%}.tourchip b{color:var(--gold);font-weight:600}.toolbar{display:flex;gap:5px;pointer-events:auto;align-items:flex-start;margin-left:auto}.toolbar button{background:#14211ddc;border:1px solid #506151;color:#d5dfcd;padding:10px;font-size:10px}.toolbar span{font-size:8px}.bottomhud{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.minimapwrap{background:#12211ee8;border:1px solid #82947b;width:172px;pointer-events:auto;box-shadow:0 3px 15px #0005}#minimap{display:block;width:170px;height:125px;image-rendering:pixelated}.minimapwrap>div{display:flex;justify-content:space-between;padding:8px;font-size:8px}.minimapwrap button{font-size:7px;letter-spacing:1px}.minimapwrap b{background:#45574a;padding:2px 4px;margin-left:5px}.speed{background:#12211ee3;padding:16px 20px 13px;min-width:163px;border-bottom:3px solid var(--gold)}.carname{font-size:7px;letter-spacing:1.3px;color:#bfccbc}.speed>div{display:flex;gap:12px;align-items:center}.speed strong{font:800 55px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.speed span{font-size:8px;color:#d0d5c5;line-height:1.8}.speed b{color:var(--gold);font-size:15px}.speedtrack{height:3px;background:#445043;margin-top:9px}.speedtrack i{height:3px;width:0;background:var(--gold);border-radius:0}.loading{position:fixed;inset:0;background:#11221de8;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px}.loading strong{font:800 40px 'Barlow Condensed',Impact,sans-serif}.menu{position:absolute;inset:0;background:#11221df0;display:flex;flex-direction:column}.menu nav .resume{margin-left:auto;color:var(--gold)}.menu nav .resume span{color:var(--gold)}.menupanel{flex:1;overflow:auto;padding:30px;display:flex;gap:30px;align-items:flex-start}.destinations{flex:1;max-width:420px}.menu.maptab{background:none;pointer-events:none}.menu.maptab .menupanel{display:none}.menupanel.data{display:block;max-width:640px;line-height:1.9}.menupanel.data p{font-size:11px;color:#b3c0b3}.menupanel.data h2{font-size:36px;margin-top:0}.menupanel.data h3{font-size:12px}.menupanel.data .primary{width:auto;display:inline-flex;gap:16px}.buildinfo{display:grid;grid-template-columns:max-content 1fr;gap:4px 18px;font-size:10px;margin:0 0 18px}.buildinfo dt{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:8px;padding-top:2px}.buildinfo dd{margin:0}[hidden]{display:none!important}#toast{position:absolute;z-index:2;bottom:195px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#efb84c;color:#1b281e;max-width:85%;text-align:center;opacity:0;transition:opacity .3s;pointer-events:none;font-size:10px}footer{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:7px;letter-spacing:.4px;color:#9ca89e;border-top:1px solid var(--line)}footer>div{display:flex;align-items:center;gap:9px}.key{padding:3px 5px;border:1px solid #465248;color:#d2dacd;font-size:7px}a{color:inherit}#routeInfo{font-size:8px;color:var(--gold);margin-top:12px}.maplegend{position:absolute;top:88px;left:24px;background:#15221de8;padding:15px;pointer-events:none}.maplegend b{display:block;font-size:11px;letter-spacing:1px;color:var(--gold)}.maplegend span,.maplegend small{display:block;font-size:8px;margin-top:9px;color:#b4c2b4}#dataStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}#dataStats div{border-top:1px solid #53634f;padding-top:10px}#dataStats b{display:block;color:var(--gold);font-size:20px}#dataStats span{font-size:9px}.fine{font-size:9px!important}#touch{display:none}.toolbar button[aria-pressed=false]{opacity:.45}.streetplate{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100% - 440px);pointer-events:none;text-align:center;color:#151515;padding:11px 28px 8px;border:3px solid #262826;border-radius:2px;background-color:#eeece3;background-image:radial-gradient(circle,#4b4c47 40%,#0000 55%),radial-gradient(circle,#4b4c47 40%,#0000 55%),radial-gradient(circle,#4b4c47 40%,#0000 55%),radial-gradient(circle,#4b4c47 40%,#0000 55%),linear-gradient(170deg,#0000 55%,#6d684f30);background-size:6px 6px,6px 6px,6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;background-position:5px 5px,calc(100% - 5px) 5px,5px calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),0 0;box-shadow:inset 0 0 0 4px #eeece3,inset 0 0 0 5.5px #171717,0 5px 16px #000a;transition:opacity 1.2s}.streetplate.gone{opacity:0}.streetplate strong{display:block;font:700 27px/1.08 'Libre Caslon Text',Georgia,'Times New Roman',serif;letter-spacing:.05em;text-transform:uppercase;white-space:pre-line}.streetplate small{display:block;font:600 10px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.14em;margin-top:5px}.streetplate.fresh{animation:plate .7s ease-out}@keyframes plate{from{opacity:0;margin-bottom:-8px}to{opacity:1;margin-bottom:0}}@media(prefers-reduced-motion:reduce){.streetplate.fresh{animation:none}} @media(min-width:1600px){#places button{padding:14px 0}}@media(max-width:1000px){header{padding:0 18px}.menu nav{padding:0 18px}.menupanel{flex-direction:column;padding:24px 18px}.mission{align-self:stretch;width:auto}.destinations{max-width:none;align-self:stretch}.toolbar span{display:none}footer #stats{display:none}}@media(max-width:700px){header{height:50px;padding:0 12px}.brand{font-size:15px}.brandmark{width:34px;height:36px;font-size:33px}.menu nav{gap:15px;padding:0 12px;height:52px}nav button{font-size:8px;gap:4px}nav button span{font-size:8px}main{height:calc(100dvh - 80px);min-height:420px}.worldtop{top:14px;left:14px;right:14px}.tourchip{max-width:55%;padding:8px 10px;font-size:8px}.bottomhud{left:14px;right:14px;bottom:100px}.speed{min-width:120px;padding:12px}.speed strong{font-size:40px}.minimapwrap{width:132px}#minimap{width:130px;height:96px}footer{height:30px;padding:0 10px}footer>div{display:none}#touch{display:flex;position:absolute;bottom:18px;left:14px;right:14px;gap:10px;justify-content:space-between}#touch button{width:55px;height:55px;background:#18281de8;border:1px solid #8a9b7f;font-size:20px;touch-action:none;user-select:none}#touch button:last-child{font-size:9px}.maplegend{top:80px}#toast{bottom:250px}.streetplate{top:122px;bottom:auto;left:14px;transform:none;max-width:calc(100% - 28px);padding:8px 18px 6px}.streetplate strong{font-size:17px}.streetplate small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.streetplate.fresh{animation:none}} @media(min-width:1600px){#places button{padding:14px 0}}@media(max-width:1000px){header{padding:0 18px}.menu nav{padding:0 18px}.menupanel{flex-direction:column;padding:24px 18px}.mission{align-self:stretch;width:auto}.destinations{max-width:none;align-self:stretch}.toolbar span{display:none}footer #stats{display:none}}@media(max-width:700px){header{height:50px;padding:0 12px}.brand{font-size:15px}.brandmark{width:34px;height:36px;font-size:33px}.menu nav{gap:15px;padding:0 12px;height:52px}nav button{font-size:8px;gap:4px}nav button span{font-size:8px}main{height:calc(100dvh - 80px);min-height:420px}.worldtop{top:14px;left:14px;right:14px}.tourchip{max-width:55%;padding:8px 10px;font-size:8px}.bottomhud{left:14px;right:14px;bottom:100px}.speed{min-width:120px;padding:12px}.speed strong{font-size:40px}.minimapwrap{width:132px}#minimap{width:130px;height:96px}footer{height:30px;padding:0 10px}footer>div{display:none}#touch{display:flex;position:absolute;bottom:18px;left:14px;right:14px;gap:10px;justify-content:space-between}#touch button{width:55px;height:55px;background:#18281de8;border:1px solid #8a9b7f;font-size:20px;touch-action:none;user-select:none}#touch button:last-child{font-size:9px}.maplegend{top:80px}#toast{bottom:250px}.streetplate{top:122px;bottom:auto;left:14px;transform:none;max-width:calc(100% - 28px);padding:8px 18px 6px}.streetplate strong{font-size:17px}.streetplate small{font-size:8px}}

.zoomcontrols{position:absolute;right:24px;top:84px;display:flex;align-items:center;background:#14211de8;border:1px solid #506151;gap:12px;padding:5px}.zoomcontrols button{font-size:20px;width:24px}.zoomcontrols span{font-size:9px;color:#c3cfb9}@media(max-width:700px){.zoomcontrols{right:14px;top:70px;gap:4px}.toolbar{gap:3px}.toolbar button{padding:8px}}


#condition{display:block;color:#c4cbb6;font:9px monospace;margin-top:5px}.garage{margin-bottom:24px}.garage p{font-size:12px;line-height:1.5;color:#aab6a2}.garage button{padding:10px 14px;border:1px solid #627565;background:#253b30;color:#e8d8ad;cursor:pointer}

.dispatchhud{position:absolute;right:24px;top:130px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none;text-shadow:0 2px 3px #081512}.dispatchhud #wantedStars{font-size:24px;letter-spacing:3px;color:#efbd60}.dispatchhud strong{font:600 11px 'IBM Plex Mono',monospace;color:#d9e9dc}.dispatchhud small{max-width:245px;text-align:right;font-size:10px;color:#d9e2d4}.arresttrack{width:120px;height:3px;background:#12251d80}.arresttrack i{display:block;width:0;height:100%;background:#f07758}@media(max-width:700px){.dispatchhud{right:14px;top:112px}.dispatchhud #wantedStars{font-size:19px}.dispatchhud small{max-width:170px;font-size:9px}}

/* Original telephone/route identity, shared by the driving HUD and dispatch desk. */
header{gap:24px;background:#111f28}.brand{font-family:'IBM Plex Mono',monospace;font-size:17px;font-weight:600;line-height:1.1;letter-spacing:2px}.brand img{flex-shrink:0}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:5px;color:#b6cfc2}.editionbadge span{display:block;color:#9db3a7;font-size:8px;letter-spacing:1px;margin-top:5px}.driveridentity{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:1px}.driveridentity small{display:block;font-size:12px;color:var(--gold);margin-top:3px}.driverportrait{--outfit:#598b85;width:44px;height:44px;border-radius:10px;overflow:hidden;display:block;flex-shrink:0;background:#16372d;border:1px solid #708b77;border-bottom:3px solid var(--outfit)}.driverportrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.menu{z-index:4;background:linear-gradient(115deg,#0d2422fa,#152922f5)}.menu nav{gap:24px;overflow-x:auto;min-height:64px}.menu nav button{flex-shrink:0;min-height:52px}.menupanel.dispatchpanel{display:grid;grid-template-columns:minmax(250px,330px) minmax(290px,650px);gap:40px;padding:34px clamp(18px,4vw,64px)}.dispatchintro h2{font-size:38px;margin:0 0 14px;color:#f3edda}.dispatchintro>p{font-size:12px;line-height:1.9;color:#b0c4b9;max-width:32em}.dispatchintro .eyebrow{font-size:9px}.calllist{display:flex;flex-direction:column;gap:16px}.callcard{border:1px solid #466457;background:#19362f;padding:21px;margin:0 0 14px;box-shadow:0 8px 24px #07181330}.calllist .callcard{margin:0}.callcard h3{font:600 24px/1.15 'Barlow Condensed',Arial,sans-serif;margin:0 0 12px;letter-spacing:.3px;color:#f0e9d6}.callcard .eyebrow{color:#a1cebd;letter-spacing:1.2px;margin-bottom:10px;font-size:9px}.callcard p{font-size:12px;line-height:1.8;color:#c3d2c6;margin:0 0 12px}.callcard .callterms,.callterms{font-size:10px;line-height:1.8;color:#a7baad}.callcard .callreward{color:#f2c76e;font-size:10px;border-top:1px solid #3a5549;padding-top:12px}.callactions{display:flex;flex-wrap:wrap;gap:8px}.callcard button,.settingspanel button{border:1px solid #72927c;background:#203f34;padding:11px 14px;text-align:left;line-height:1.5;font-size:11px;min-height:42px}.callactions button:first-child{background:#e9b75c;color:#182a21;border-color:#e9b75c}.callcard button:hover,.settingspanel button:hover{background:#345a45;color:#f4e3b9}.callactions button:first-child:hover{background:#fbd088;color:#182a21}button:disabled{cursor:default;opacity:.45}button:disabled:hover{color:inherit}.callhistory{border-top:1px solid #446052;margin-top:26px;padding-top:14px;color:#bed3c5}.callhistory summary{cursor:pointer;padding:8px 0}.callhistory p{line-height:1.8;font-size:11px}.callhistory b{color:#e5c482}#saveStatus{font-size:10px;line-height:1.8;color:#aec0ae}#jobResult{padding:17px;border:1px solid #b18c48;background:#4d482729;line-height:1.9;color:#efd294;margin:20px 0}.inlineconfirm{margin-top:15px;padding-top:15px;border-top:1px solid #66856d}.inlineconfirm button{margin-right:6px}.choicegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 28px}.choicegrid .callcard{padding:15px;margin:0}.choicegrid h3{font-size:21px}.choicegrid p{font-size:10px}.choicegrid button{width:100%;padding:9px;font-size:10px}.choicegrid button[aria-pressed=true]{border-color:#edbc64;color:#edbc64;opacity:1}.outfitswatch{display:block;width:25px;height:27px;clip-path:polygon(25% 0,75% 0,100% 20%,90% 65%,75% 55%,75% 100%,25% 100%,25% 55%,10% 65%,0 20%);margin-bottom:12px}.homechoices>.sectionlabel{font-size:10px;letter-spacing:2px}.settingspanel{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;line-height:1.9;font-size:12px}.settingspanel h2{font-size:30px}.settingspanel p{color:#b6c9ba}.settingspanel button{margin:0 8px 10px 0}.interact{position:absolute;z-index:3;bottom:185px;left:50%;transform:translateX(-50%);background:#e9b75c;color:#142c24;border:1px solid #ffe3a6;padding:13px 20px;max-width:85%;font-size:12px;box-shadow:0 4px 20px #041c1570}.interact:hover{background:#ffcf7d;color:#142c24}.interact:disabled{opacity:.85}#tourPanel .mission{width:300px}.menu nav .resume{position:sticky;right:0;background:#10241f;padding-left:12px}#activeCall{margin-top:22px}
@media(max-width:1000px){.menu nav{gap:18px}.menupanel.dispatchpanel{gap:22px;grid-template-columns:minmax(230px,290px) minmax(280px,1fr)}.choicegrid{grid-template-columns:1fr}.choicegrid .callcard{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.choicegrid .callcard h3,.choicegrid .callcard p,.choicegrid .callcard .eyebrow{grid-column:1}.choicegrid .callcard button{grid-column:2;grid-row:2/4;width:auto}.choicegrid .outfitswatch{display:none}}
@media(max-width:700px){header{gap:10px}.brand{gap:8px;font-size:14px;letter-spacing:1px}.brand img{width:30px;height:32px}.brand small{font-size:6.5px;letter-spacing:.9px}.driveridentity{gap:6px;font-size:8px;letter-spacing:0}.driveridentity small{font-size:11px}.driverportrait{width:36px;height:40px}.menupanel.dispatchpanel{display:block;padding:20px 16px}.dispatchintro h2{font-size:32px}.dispatchintro>p{max-width:none}.calllist,.homechoices{margin-top:24px}.callcard{padding:17px}.callhistory{margin-bottom:22px}.menu nav{gap:18px;min-height:52px}.menu nav button{font-size:9px}.menu nav button span{font-size:10px}.settingspanel{display:block;padding:20px 16px}.settingspanel>div{margin-bottom:25px}.worldtop{flex-wrap:wrap;gap:9px}.toolbar{width:100%;justify-content:flex-end}.tourchip{order:2;max-width:calc(100% - 90px);font-size:9px;line-height:1.7}.zoomcontrols{top:64px}.dispatchhud{top:145px}.dispatchhud small{max-width:140px}.streetplate{top:245px}.interact{bottom:247px;font-size:11px;padding:12px 15px}.loading strong{font-size:24px;text-align:center;padding:0 25px}#toast{bottom:300px}.callactions button{flex:1}.choicegrid{grid-template-columns:1fr}}


#raceClock{display:block;margin-top:6px;color:#f5d38d;letter-spacing:0;font-size:11px}

.vehicle-action{position:absolute;right:20px;bottom:155px;padding:12px 18px;border:1px solid #aecab0;background:#17362fed;color:#e5e9cf;border-radius:8px;font:700 12px monospace;z-index:6;cursor:pointer}.vehicle-action:disabled{opacity:.6;cursor:default}.vehicle-action:focus-visible{outline:2px solid #efb84c;outline-offset:3px}@media(max-width:700px){.vehicle-action{bottom:195px;right:12px;padding:12px}}

/* Gameplay shows actions; preferences and narrative live in the pause menu. */
main{min-height:0}.worldtop{top:16px;right:16px;left:auto;z-index:5}.worldtop .toolbar{width:auto}.worldtop .toolbar button{min-width:76px;min-height:44px;padding:10px 14px;border-radius:5px;font-size:13px}.worldtop .toolbar span{display:inline;font-size:11px}
.dispatchhud{top:20px;left:18px;right:auto;gap:0;z-index:2}.dispatchhud #wantedStars{font-size:22px;letter-spacing:3px}.dispatchhud .searching{animation:search-stars 2s ease-in-out infinite}.dispatchhud .arresting{color:#f38c68!important}@keyframes search-stars{50%{opacity:.5}}
#raceClock{position:absolute;top:66px;left:18px;margin:0;padding:5px 9px;border-radius:3px;background:#10251fc9;color:#f5d38d;font:11px monospace;z-index:2}
.bottomhud{left:18px;right:18px;bottom:18px}.speed{min-width:95px;padding:9px 12px 8px;background:#12211ebd;border-bottom-width:2px}.speed strong{font-size:40px}.speed>div{gap:8px}.speedtrack{margin-top:6px}.minimapwrap{width:132px;background:#12211ebd}#minimap{width:130px;height:96px}.minimapwrap>div{padding:6px}
.actiondock{position:absolute;right:18px;bottom:130px;display:flex;gap:8px;align-items:center;justify-content:flex-end;z-index:3;max-width:calc(100% - 36px)}.actiondock .vehicle-action,.actiondock .interact{position:static;transform:none;margin:0;max-width:none;min-height:48px;border-radius:5px;padding:12px 16px;font:600 12px 'IBM Plex Mono',monospace;touch-action:manipulation}.actiondock .vehicle-action{min-width:112px;border:1px solid #bed2c2;background:#16382eea;color:#f3efdc;box-shadow:0 3px 12px #061e1766}.actiondock .vehicle-action:disabled{opacity:.6}.actiondock .interact{order:-1;max-width:240px}.actiondock button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#toast{top:80px;bottom:auto;max-width:min(360px,calc(100% - 32px));padding:10px 14px;border-radius:4px;background:#10291fe8;color:#eed8a0;border:1px solid #bba36370;font-size:11px;line-height:1.5;transition:opacity .12s linear;z-index:6}
.streetplate{padding:8px 16px 6px}.streetplate strong{font-size:21px}.streetplate small{font-size:8px}.menu{z-index:20}.menu-open>.actiondock,.menu-open>#touch,.menu-open>.bottomhud,.menu-open>.dispatchhud,.menu-open>.worldtop{visibility:hidden}.loading{z-index:30}
.settingspanel>section{min-width:0}.settingspanel h3{font-size:12px;margin-top:22px;color:#d2dcc8}.optionbuttons{display:flex;flex-wrap:wrap;gap:8px}.optionbuttons button{margin:0 0 8px;min-height:44px}.settingspanel .options-zoom{position:static;display:inline-flex;max-width:100%;margin-bottom:10px}.settingspanel .options-zoom button{margin:0;min-width:44px;min-height:44px;padding:4px;text-align:center}.settingspanel .options-zoom span{min-width:40px;text-align:center}.shiftstatus{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #466457}.shiftstatus .carname{font-size:12px}.shiftstatus small{font-size:11px;color:#bdd0c1}.shiftstatus #condition{margin:0}.dispatchintro .tourchip{max-width:none;margin:18px 0;font-size:11px;line-height:1.7}.dispatchintro #phone{min-height:44px;padding:10px 14px;border:1px solid #72927c;margin-top:10px}
@media(pointer:coarse),(max-width:900px){
 header{height:44px;padding:0 12px}footer{height:24px;padding:0 10px}footer>div{display:none}main{height:calc(100dvh - 68px);min-height:0}
 .viewport{--touch-size:clamp(48px,min(14dvh,15vw),64px);--touch-slop:10px;--touch-hit:calc(var(--touch-size) + 2 * var(--touch-slop));--touch-stack:calc(2 * var(--touch-hit))}
 #touch{display:flex;position:absolute;bottom:calc(4px + env(safe-area-inset-bottom,0px));left:max(4px,env(safe-area-inset-left,0px));right:max(4px,env(safe-area-inset-right,0px));gap:12px;align-items:flex-end;justify-content:space-between;z-index:3;pointer-events:none}
 .touch-steering{display:flex;pointer-events:none}.touch-drive{display:grid;grid-template-columns:repeat(2,var(--touch-hit));grid-template-rows:repeat(2,var(--touch-hit));grid-template-areas:". brake" "reverse forward";pointer-events:none}.touch-forward{grid-area:forward}.touch-reverse{grid-area:reverse}.touch-brake{grid-area:brake}
 #touch button{position:relative;display:grid;place-items:center;width:var(--touch-hit);height:var(--touch-hit);min-width:0;min-height:0;max-width:none;flex:none;padding:var(--touch-slop);margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;touch-action:none;user-select:none;pointer-events:auto;-webkit-user-select:none}
 #touch .touch-face{display:grid;place-items:center;width:var(--touch-size);height:var(--touch-size);background:var(--belter-hud);border:1px solid #8cabb8;border-radius:5px;font-size:22px;pointer-events:none;box-shadow:0 2px 8px #061e1740}
 #touch .touch-brake .touch-face{font-size:10px}#touch .touch-forward .touch-face{color:var(--gold)}#touch button:active .touch-face{background:#b6d4bf;color:#11271e;border-color:#e5eedf;transform:translateY(1px)}
 .actiondock{bottom:calc(var(--touch-stack) + 16px + env(safe-area-inset-bottom,0px));right:max(12px,env(safe-area-inset-right,0px));max-width:calc(100% - 24px);gap:8px}.actiondock .vehicle-action{min-width:112px}.actiondock .interact{max-width:calc(100vw - 152px);font-size:10px;padding:10px 12px}
 .bottomhud{bottom:calc(var(--touch-hit) + 16px + env(safe-area-inset-bottom,0px));left:12px;right:auto;flex-direction:column;align-items:flex-start;gap:8px}.minimapwrap{width:110px}#minimap{width:108px;height:79px}.minimapwrap>div{padding:5px;font-size:7px}.minimapwrap button{font-size:7px;min-height:24px}.minimapwrap b{display:none}.speed{min-width:88px;padding:8px 10px}.speed strong{font-size:34px}.speed b{font-size:13px}
 .worldtop{top:12px;right:12px}.dispatchhud{top:20px;left:12px;right:auto}.dispatchhud #wantedStars{font-size:19px;letter-spacing:2px}#raceClock{top:52px;left:12px}#toast{top:76px;font-size:10px;max-width:calc(100% - 32px)}
 .settingspanel{display:block;padding:20px 16px}.settingspanel>section{margin-bottom:28px}.menu nav{min-height:52px;height:52px;padding:0 12px;gap:18px}.menu nav button{min-height:44px}.menupanel{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}
@media(max-height:500px) and (orientation:landscape){.bottomhud{bottom:calc(var(--touch-hit,60px) + 16px + env(safe-area-inset-bottom,0px));left:12px;right:auto}.bottomhud .minimapwrap{display:none}.actiondock{bottom:calc(var(--touch-stack,60px) + 16px + env(safe-area-inset-bottom,0px))}.brand small{display:none}#toast{top:62px}}
@media(prefers-reduced-motion:reduce){.dispatchhud .searching{animation:none}#toast{transition:none}}


/* Full map controls stay within reach while the canvas handles map gestures. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.viewport.atlas-open #game{touch-action:none;cursor:grab;image-rendering:auto}.viewport.atlas-open #game:active{cursor:grabbing}
.maplegend{z-index:6;top:132px;left:18px;width:310px;padding:16px;background:#10241ff2;border:1px solid #4d6b58;box-shadow:0 8px 30px #06171055;pointer-events:auto;border-radius:6px;max-height:calc(100% - 150px);overflow:auto}
.atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;color:#a9c5b4}.maplegend .atlas-heading b{font-size:11px}.maplegend .atlas-heading span{margin:0;font-size:10px;color:#efb84c}.atlas-heading button{width:36px;min-height:36px;font-size:25px;margin:-8px -8px -8px 0}
.atlas-search{display:block;margin:14px 0 10px}.atlas-search input{width:100%;min-height:44px;padding:10px 11px;border:1px solid #54715f;border-radius:4px;background:#0a1b18;color:#e5eddc;font:11px 'IBM Plex Mono',monospace;outline-offset:2px}.atlas-search input::placeholder{color:#91aa9c}.atlas-search input:focus-visible{outline:2px solid #efb84c}
.atlas-actions{display:grid;grid-template-columns:44px 44px 1fr 1fr;gap:5px}.atlas-actions button{min-height:44px;border:1px solid #4a6b57;border-radius:3px;background:#1d3b30;font-size:10px}.atlas-actions button:nth-child(-n+2){font-size:24px}.atlas-actions button:hover{background:#345640}.atlas-actions button:disabled{opacity:.35}
.atlas-layers{margin-top:12px;border-top:1px solid #365344;padding-top:3px}.atlas-layers summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-size:10px;color:#d1ddcb}.atlas-layers summary:before{content:'▸';color:#edbd63;margin-right:9px}.atlas-layers[open] summary:before{content:'▾'}.atlas-layers fieldset{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;border:0;padding:0;margin:0}.atlas-layers label{display:flex;align-items:center;gap:7px;min-height:36px;font-size:10px;cursor:pointer}.atlas-layers input{accent-color:#efb84c;width:16px;height:16px;flex-shrink:0}.atlas-layers p,.maplegend .atlas-help{font-size:9px;line-height:1.8;color:#9bb8a6;margin:9px 0 0}.atlas-layers p{padding-top:8px;border-top:1px solid #365344}
.atlas-results{max-height:242px;overflow:auto;border:1px solid #4a6b57;border-radius:4px;margin-bottom:10px;background:#132b23}.atlas-results button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;width:100%;padding:11px 10px;min-height:44px;border-bottom:1px solid #365344;font-size:10px;line-height:1.5}.atlas-results button:hover{background:#2b4936}.atlas-results small{font-size:8px;color:#94b09c;flex-shrink:0}.atlas-results p{padding:0 10px;font-size:10px;line-height:1.7;color:#a6bdab}
.atlas-route{border-top:1px solid #365344;margin-top:12px;padding-top:7px;display:flex;gap:8px;align-items:center}.maplegend .atlas-route span{margin:0;flex:1;color:#efc16a;font-size:9px;line-height:1.6}.atlas-route button{min-height:36px;text-decoration:underline;font-size:10px}
.atlas-selection{position:absolute;z-index:5;right:18px;bottom:18px;width:320px;max-height:calc(100% - 150px);overflow:auto;padding:16px;border:1px solid #b49150;border-radius:6px;background:#122a22f5;box-shadow:0 8px 30px #06171055}.atlas-selection h2{font:600 24px/1.1 'Barlow Condensed',Arial,sans-serif;margin:12px 0 8px;color:#f0e8ce;overflow-wrap:anywhere}.atlas-selection p{font-size:10px;line-height:1.7;color:#b1c9b7;margin:0 0 12px}.atlas-selection .primary{min-height:44px;justify-content:center;border-radius:3px;font-size:11px}.atlas-selection .primary:disabled{background:#526451;color:#e0e8d8}
.atlas-controls{position:absolute;z-index:5;top:76px;left:18px;display:flex;align-items:center;gap:4px;padding:5px;border-radius:8px;background:#10241ff2;box-shadow:0 3px 14px #10241f33}
.atlas-controls button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:5px 10px;border-radius:4px;font:12px 'IBM Plex Mono',monospace;color:#edf3e6}
.atlas-controls button:hover,.atlas-controls button[aria-expanded=true]{background:#355943}.atlas-controls button:disabled{opacity:.35}.atlas-controls #mapZoomIn,.atlas-controls #mapZoomOut{font-size:24px;padding:3px}.atlas-controls #mapZoomLabel{font-size:11px;min-width:40px;text-align:center}
.atlas-controls button:focus-visible,.maplegend button:focus-visible{outline:2px solid #efb84c;outline-offset:2px}
.atlas-overview{position:absolute;z-index:4;left:18px;bottom:18px;max-width:calc(100% - 36px);padding:8px 12px;background:#fffdf5f2;border:1px solid #b8ac96;border-radius:6px;color:#343b37;box-shadow:0 3px 14px #10241f22}
.atlas-overview .atlas-route{margin:0 0 6px;padding:0 0 6px;border-top:0;border-bottom:1px solid #d0c2ad}.atlas-overview .atlas-route span{font-size:12px;color:#895000;overflow-wrap:anywhere}.atlas-overview .atlas-route button{color:#614e39;flex-shrink:0}
.atlas-key{display:flex;flex-wrap:wrap;gap:6px 14px;font:11px/1.6 'IBM Plex Mono',monospace}.key-player{color:#1768db}.key-home{color:#218554}.key-police{color:#235ed2}.key-ambulance{color:#d93050}
.atlas-job-route{min-height:44px;width:100%;margin-top:8px;text-align:left;text-decoration:underline}.atlas-selection #mapRouteRestriction{color:#efc16a}
.atlas-selection .map-station-hint{margin:12px 0 0;padding-top:10px;border-top:1px solid #b4915055;color:#cfe3d6;font-size:11px;line-height:1.6}
@media(max-width:700px){.atlas-controls{top:68px;left:12px;right:12px;gap:0;justify-content:space-between;padding:3px}.atlas-controls button{font-size:10px;padding:4px 6px}.atlas-controls #mapZoomLabel{min-width:35px}.maplegend{top:124px;left:12px;width:calc(100% - 24px);padding:12px;max-height:calc(100% - 140px)}.atlas-search{margin:10px 0 8px}.maplegend .atlas-help{font-size:8px}.atlas-layers{margin-top:7px}.atlas-layers summary{min-height:40px}.atlas-layers fieldset{max-height:172px;overflow:auto}.atlas-selection{left:12px;right:12px;bottom:12px;width:auto;padding:12px;max-height:calc(100% - 140px)}.atlas-selection h2{font-size:22px;margin:7px 0 5px}.atlas-selection p{margin-bottom:8px}.atlas-overview{left:12px;bottom:12px;max-width:calc(100% - 24px);padding:6px 9px}.atlas-key{font-size:10px;gap:4px 10px}}
@media(max-height:500px) and (orientation:landscape){.maplegend{width:280px;left:12px;max-height:calc(100% - 142px)}.maplegend .atlas-help{display:none}.atlas-selection{left:auto;right:12px;width:280px;max-height:calc(100% - 140px)}}

.atlas-results span{margin:0;font-size:10px;color:inherit}
/* Narrow phones: the minimap and speed column rises beside the action buttons, so the objective and vehicle
   buttons stack on the right and never cover the map's Open map button. */
@media(max-width:600px) and (orientation:portrait){.actiondock{flex-direction:column;align-items:flex-end;max-width:calc(100% - 146px)}.actiondock .interact{max-width:100%;text-align:center}}
/* Style strip: a thin line along the top of the speedometer for combos, results and jumps. */
.speed{position:relative}
.stylemeter{position:absolute;left:0;right:auto;min-width:100%;width:max-content;bottom:100%;height:18px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 6px;background:#0e1c19e0;color:#d6e9dc;pointer-events:none;transition:opacity .15s linear;font:600 8.5px/1 'IBM Plex Mono',monospace;letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.stylemeter span{overflow:hidden;text-overflow:ellipsis;color:inherit;font:inherit;line-height:1}
.stylemeter b{flex:none;font:800 13px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;color:var(--mint)}
.stylemeter i{position:absolute;left:0;top:0;height:2px;width:0;margin:0;border-radius:0;background:var(--mint)}
.stylemeter[data-state=banked] b{color:var(--gold)}.stylemeter[data-state=banked]{box-shadow:inset 0 2px 0 var(--gold)}
.stylemeter[data-state=lost] b{color:#f07758;text-decoration:line-through}.stylemeter[data-state=lost]{box-shadow:inset 0 2px 0 #f07758}
.stylemeter[data-state=air] b{color:#8fc4f2}.stylemeter[data-state=air]{box-shadow:inset 0 2px 0 #8fc4f2;color:#d4e8fb}
/* On desktop the speedometer sits at the right edge, so a long move name grows the strip leftwards. */
@media(min-width:901px) and (not (pointer:coarse)){.stylemeter{left:auto;right:0}
 /* Desktop: events read along the bottom centre, where the street sign sits (it hides while one shows). */
 #toast{top:auto;bottom:26px}}
#minimap{cursor:pointer}
/* Short landscape windows move the speedometer to the left edge, so the strip grows rightwards there. */
@media(max-height:500px) and (orientation:landscape){.stylemeter{left:0;right:auto}}
@media(pointer:coarse),(max-width:900px){.bottomhud{gap:24px}}
/* Event line, colour-coded by kind: police (red and blue), jobs (gold), the rest of the city (green). */
#toast{display:flex;align-items:baseline;gap:9px;width:max-content;text-align:left;border:0;border-left:4px solid var(--mint);color:#e9eddf}
#toast:empty{display:none}
#toast::before{flex:none;font:700 9px/1 'IBM Plex Mono',monospace;letter-spacing:1px;padding:3px 5px;border-radius:2px;background:var(--mint);color:#10291f;content:'CITY'}
#toast[data-kind=police]{background:#2a1416ec;border-left-color:#f05d5d;box-shadow:inset 0 -2px 0 #4f8fe8}#toast[data-kind=police]::before{content:'POLICE';background:#f05d5d;color:#1c0b0c}
#toast[data-kind=mission]{background:#2a2312ec;border-left-color:var(--gold);color:#f6e7bf}#toast[data-kind=mission]::before{content:'JOB';background:var(--gold);color:#241b08}
#toast[data-kind=world]{background:#10291fe8}
@media(prefers-reduced-motion:reduce){.stylemeter{transition:none}}
/* Phone landscape: the minimap returns to the left column above the speedometer, sized to the screen
   height, and events read centred along the bottom between the steering buttons and the pedals. The
   street sign moves to the top centre to leave the left column to the map. Short desktop windows keep
   the desktop layout. */
@media(max-height:500px) and (orientation:landscape) and (pointer:coarse),(max-height:500px) and (orientation:landscape) and (max-width:900px){
 .bottomhud .minimapwrap{display:block;position:relative;width:auto}
 .bottomhud #minimap{height:clamp(48px,calc(100dvh - var(--touch-hit,60px) - 226px),85px);width:auto;aspect-ratio:170/125}
 .bottomhud .minimapwrap>div{position:absolute;right:0;bottom:0;padding:0;background:#12211ecc}.bottomhud .minimapwrap>div>span{display:none}.bottomhud .minimapwrap button{white-space:nowrap;padding:3px 5px;min-height:0}
 .speed{padding:6px 10px}.speed strong{font-size:30px}.speedtrack{margin-top:4px}
 /* On very short screens the action buttons stop just below the toolbar rather than rising into it. */
 .actiondock{bottom:min(calc(var(--touch-stack,120px) + 16px + env(safe-area-inset-bottom,0px)),calc(100% - 112px))}
}
/* Touch screens in landscape (phones and tablets): events read centred along the bottom between the
   steering buttons and the pedals. */
@media(orientation:landscape) and (pointer:coarse),(orientation:landscape) and (max-width:900px){
 #toast{top:auto;bottom:calc(var(--touch-slop,10px) + 4px + env(safe-area-inset-bottom,0px));left:calc(max(4px,env(safe-area-inset-left,0px)) + 2 * var(--touch-hit,60px) + 12px);right:calc(max(4px,env(safe-area-inset-right,0px)) + 2 * var(--touch-hit,60px) + 12px);transform:none;width:fit-content;max-width:none;margin:0 auto}
}

#toast[data-kind=fire]{background:#331b12f2;border-left-color:#ff9759;color:#fff0d5}
#toast[data-kind=fire]::before{content:'FIRE';background:#ff9759;color:#2b1208}

.splash{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:#062235}
.splash-art{position:absolute;inset:0;z-index:-1}
.splash-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 68%}
.splash-title{
 position:absolute;inset:max(4%,env(safe-area-inset-top)) max(5%,env(safe-area-inset-right)) auto max(5%,env(safe-area-inset-left));
 height:47%;margin:0;display:grid;place-items:center;
}
.splash-title img{display:block;width:min(76%,1280px);height:100%;min-height:0;object-fit:contain;font:800 clamp(20px,6vw,64px) 'Barlow Condensed',Impact,sans-serif;text-align:center;color:#ffe4ae}
.splash-status{
 position:absolute;inset:auto max(12px,env(safe-area-inset-right)) max(4%,calc(12px + env(safe-area-inset-bottom))) max(12px,env(safe-area-inset-left));
 width:fit-content;max-width:calc(100% - 24px);margin:0 auto;padding:8px 14px;border-radius:4px;
 background:#041725ed;color:#fff1d6;text-align:center;font-size:clamp(12px,1.5vw,16px);
}
@media(max-aspect-ratio:1/1){
 .splash-art img{object-position:50% 58%}
 .splash-title{top:max(7%,env(safe-area-inset-top));height:34%}
 .splash-title img{width:min(96%,840px)}
}

/* The splash artwork stays in place when the title controls appear. */
.splash:has(.splash-actions:not([hidden]))::after{
 content:"";position:absolute;inset:50% 0 0;z-index:-1;pointer-events:none;
 background:linear-gradient(transparent,#06131c 100%);
}
.splash-actions{
 position:absolute;left:max(5%,calc(16px + env(safe-area-inset-left,0px)));
 bottom:max(5%,calc(14px + env(safe-area-inset-bottom,0px)));
 display:flex;gap:10px;
}
.loading .splash-actions button{
 min-height:48px;border:1px solid #a7bfc9;background:var(--belter-hud);color:var(--text);
 padding:8px 24px;border-radius:2px;font:800 clamp(19px,2.25vw,30px)/1 'Barlow Condensed',Impact,sans-serif;
 text-transform:uppercase;letter-spacing:.04em;
}
.loading .splash-actions .splash-primary{background:var(--gold);color:var(--belter-ink);border-color:var(--gold)}
.loading .splash-actions button:hover{background:#294554}
.loading .splash-actions .splash-primary:hover{background:#ffe986}
.loading .splash-actions button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.splash-primary span{margin-left:10px}
@media(max-aspect-ratio:1/1){
 .splash-actions{
  left:max(6%,calc(12px + env(safe-area-inset-left,0px)));
  right:max(6%,calc(12px + env(safe-area-inset-right,0px)));
  flex-direction:column;bottom:max(4%,calc(12px + env(safe-area-inset-bottom,0px)));
 }
}

/* Driving and atlas share the same instrumentation and map colours. */
.worldtop{
 left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));
 flex-wrap:nowrap;align-items:flex-start;gap:8px;
}
.worldtop .toolbar{flex:none}
.drive-brief{min-width:0;width:max-content;max-width:360px;pointer-events:none}
.route-hud{
 padding:8px 13px 10px;background:var(--belter-hud);border:1px solid var(--line);border-left:4px solid var(--gold);
}
.drive-brief #raceClock{position:static;display:block;width:max-content;max-width:100%;margin-top:5px;background:var(--belter-hud);color:var(--text)}
.route-hud span,.route-hud small{display:block;font:11px/1.4 'IBM Plex Mono',monospace}
.route-hud span{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
.route-hud strong{
 display:block;margin:2px 0;font:800 clamp(20px,2.4vw,35px)/.98 'Barlow Condensed',Impact,sans-serif;
 text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.route-hud small{color:#dae5e4;overflow-wrap:anywhere}
.riding .drive-brief{visibility:hidden}
.dispatchhud{top:70px;left:auto;right:max(16px,env(safe-area-inset-right,0px))}
.dispatchhud #wantedStars{background:var(--belter-hud);border:1px solid var(--line);padding:3px 7px;color:var(--gold)}
.worldtop .toolbar button,.minimapwrap,.speed,.actiondock .vehicle-action{
 background:var(--belter-hud);border-color:var(--line);color:var(--text);border-radius:2px;
}
.worldtop .toolbar #quickRecover{color:#d6e2e2}
.speed{border-bottom:3px solid var(--gold);box-shadow:inset 0 0 0 1px var(--line)}
.speed span{color:var(--text)}
.speedtrack{background:#3f5560}
.minimapwrap>div{background:var(--belter-hud);border-color:var(--line)}
.minimapwrap #mapSmall{color:var(--text)}
.atlas-controls,.maplegend,.atlas-selection,.atlas-overview{
 background:var(--belter-hud);border:1px solid var(--line);border-radius:3px;color:var(--text);
}
.atlas-selection{border-top:3px solid var(--gold)}
.atlas-selection h2{font-weight:800;text-transform:uppercase;color:var(--text)}
.atlas-selection p,.atlas-heading,.maplegend .atlas-help{color:#c6d7da}
.atlas-selection .primary{background:var(--gold);color:var(--belter-ink);font-weight:700}
.atlas-controls button:hover,.atlas-controls button[aria-expanded=true],.atlas-results button:hover{background:#2b4756}
.atlas-overview .atlas-route{border-color:var(--line)}
.atlas-overview .atlas-route span,.atlas-overview .atlas-route button{color:var(--gold)}
.key-player{color:#ffedc8}.key-home{color:#91dfb8}.key-police{color:#9cc8ff}.key-ambulance{color:#ff9693}
@media(max-width:700px){
 .worldtop{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px))}
 .route-hud{padding:6px 8px}
 .route-hud span,.route-hud small{font-size:9px}
 .route-hud strong{font-size:clamp(16px,4.2vw,24px)}
 .dispatchhud{top:64px;right:max(12px,env(safe-area-inset-right,0px))}
 .dispatchhud #wantedStars{font-size:16px}
}
@media(max-width:380px) and (orientation:portrait){
 .worldtop .toolbar button{min-width:44px;padding-inline:8px}
 .worldtop .toolbar #quickRecover{padding-inline:8px;font-size:11px}
}
/* Phones and tablets: the street plate goes up into the header bar, over the wordmark, instead of
   over the street. Every spot inside the play area was over the road ahead of the car (top centre in
   landscape, 40% down in portrait) or over the job card, and the plate is wider than the HUD gutters.
   The header is chrome, so for the few seconds the plate shows it hides nothing you drive through.
   It may hang a few pixels below the bar, into the gap above the job card and toolbar, so it keeps
   a real sign's proportions rather than being squeezed to the bar's height.
   It is placed against the window (fixed) because the viewport clips its children, and the wordmark
   fades out underneath it. Desktop keeps the plate at the bottom centre. */
@media(pointer:coarse),(max-width:900px){
 .streetplate{position:fixed;z-index:5;top:3px;bottom:auto;left:48px;right:94px;transform:none;width:fit-content;max-width:calc(100% - 142px);margin:0;padding:7px 14px 6px;border-width:2px;box-shadow:inset 0 0 0 3px #eeece3,inset 0 0 0 4px #171717,0 3px 10px #000a;background-size:5px 5px,5px 5px,5px 5px,5px 5px,100% 100%;background-position:4px 4px,calc(100% - 4px) 4px,4px calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),0 0}
 .streetplate strong{font-size:clamp(12px,3.9vw,17px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .streetplate small{font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .streetplate.fresh{animation:plate-drop .5s ease-out}
 .menu-open>.streetplate{visibility:hidden}
 header .brand span{transition:opacity .3s}
 body:has(#streetPlate:not(.gone)) header .brand span{opacity:0}
}
@media(pointer:coarse) and (min-width:701px),(min-width:701px) and (max-width:900px){
 .streetplate{left:60px;right:122px;max-width:calc(100% - 182px);padding:7px 20px 6px}
 .streetplate strong{font-size:19px}
 .streetplate small{font-size:9px}
}
@media(max-width:360px){.streetplate{left:46px;right:92px;max-width:calc(100% - 138px);padding-inline:8px}.streetplate strong{font-size:11px;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.streetplate.fresh{animation:none}}
@keyframes plate-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}