VANCERTS: Build the Scene

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
<meta name="theme-color" content="#171514">
<title>VANCERTS: Build the Scene</title>
<style>
:root{--ink:#171514;--paper:#f4e6be;--red:#e64a38;--gold:#f1b83e;--green:#4c9a65;--blue:#3f84a5;--cream:#fff8e5;--road:#41464a}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#111;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;font-weight:900;border:3px solid #111;background:var(--gold);padding:10px 14px;box-shadow:3px 3px 0 #111;cursor:pointer}button.secondary{background:#ddd}button.red{background:var(--red);color:#fff}button.green{background:#79c88e}button:disabled{opacity:.4;cursor:not-allowed}.hidden{display:none!important}
#game{width:100vw;height:100vh;display:block;background:#9ec884;image-rendering:pixelated;outline:none;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;padding:10px}.top{display:grid;grid-template-columns:190px minmax(420px,1fr) minmax(310px,auto);align-items:stretch;gap:10px}.brand,.panel,.controlBar{background:rgba(18,17,16,.93);border:3px solid var(--paper);box-shadow:4px 4px 0 #000}.brand{padding:9px 13px;font-weight:1000;letter-spacing:.055em;white-space:nowrap;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.08}.controlBar{padding:7px 10px;text-align:center;font-size:11px;font-weight:900;line-height:1.35;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 0}.controlBar span{white-space:nowrap;margin:0 7px}.musicControl{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;margin:0 7px;padding-left:10px;border-left:2px solid #777}.musicLabel{font-size:9px;letter-spacing:.1em;color:var(--paper)}.stats{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:6px;align-content:start;min-width:310px}.chip{background:#222;border:2px solid #777;padding:6px 8px;font-size:11px;font-weight:900;white-space:nowrap;text-align:center}.chip #clock{font-variant-numeric:tabular-nums}#musicToggle{pointer-events:auto;min-width:104px;border:2px solid var(--paper);background:var(--green);color:#fff;box-shadow:2px 2px 0 #000;padding:5px 9px;font-size:10px;line-height:1;cursor:pointer}#musicToggle.off{background:#555;color:#ddd}#musicToggle:focus{outline:2px solid var(--gold);outline-offset:2px}#spotifyToggle{pointer-events:auto;min-width:92px;border:2px solid var(--paper);background:#1db954;color:#fff;box-shadow:2px 2px 0 #000;padding:5px 9px;font-size:10px;line-height:1;cursor:pointer}.nowPlaying{pointer-events:auto;display:flex;align-items:center;gap:7px;max-width:330px;min-width:210px;height:24px;overflow:hidden;border:2px solid #777;background:#090909;padding:0 7px}.nowPlaying b{flex:0 0 auto;color:#1db954;font-size:9px;letter-spacing:.08em}.tickerWindow{overflow:hidden;white-space:nowrap;min-width:0}.tickerText{display:inline-block;padding-left:100%;animation:spotifyTicker 18s linear infinite;font-size:9px;color:var(--paper);letter-spacing:.04em}@keyframes spotifyTicker{from{transform:translateX(0)}to{transform:translateX(-100%)}}.spotifyPanel{position:fixed;z-index:65;top:92px;left:50%;transform:translateX(-50%);width:min(410px,calc(100vw - 24px));background:#111;border:3px solid var(--paper);box-shadow:6px 6px 0 #000;padding:8px;pointer-events:auto}.spotifyPanelHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:11px;font-weight:1000;letter-spacing:.05em}.spotifyPanelHead span{color:#1db954}.spotifyClose{padding:3px 8px;border:2px solid #777;background:#333;color:#fff;box-shadow:none;font-size:10px}.spotifyPanel iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}.objective{position:fixed;left:10px;bottom:10px;padding:9px;max-width:min(560px,calc(100vw - 245px));font-size:12px}.toast{position:fixed;top:82px;left:50%;transform:translateX(-50%);background:#111;border:3px solid var(--gold);padding:9px 13px;font-weight:900;opacity:0;transition:.2s;max-width:90vw;text-align:center;z-index:80}.toast.show{opacity:1}.gameError{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;background:#171514;color:#fff;border:4px solid var(--red);box-shadow:7px 7px 0 #000;padding:18px;max-width:min(620px,90vw);font-weight:800;line-height:1.4}.gameError.show{display:block}
.phone{position:fixed;right:12px;bottom:10px;width:214px;height:392px;box-sizing:border-box;overflow:hidden;background:linear-gradient(#9b9d8c,#777a69);border:5px solid #26271f;border-radius:25px 25px 42px 42px;box-shadow:7px 7px 0 rgba(0,0,0,.55);pointer-events:auto;z-index:8;padding:11px 13px 13px}.phoneBrand{text-align:center;color:#1d201a;font-weight:1000;font-size:14px;letter-spacing:.14em;margin:0 0 5px;text-shadow:0 1px #c9cbbd}.phoneScreen{box-sizing:border-box;height:145px;background:#a9bd86;border:6px inset #4d5142;padding:5px;color:#172016;position:relative;border-radius:5px}.phoneScreen canvas{width:100%;height:95px;display:block;image-rendering:pixelated}.phoneStatus{font:900 10px monospace;border-top:2px solid #5b6a4b;padding-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phoneNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:7px;margin:8px 2px 7px}.phoneCall,.phoneReset,.phoneMail{box-sizing:border-box;width:100%;height:28px;padding:0;color:#fff;border:2px solid #222;border-radius:14px;box-shadow:none;font-size:9px;letter-spacing:.04em}.phoneCall{background:#3e8f53}.phoneReset{background:#c7352d}.phoneMail{background:#3f84a5}.phoneMail.alert{background:#f1b83e;color:#171514;animation:mailPulse .8s steps(2,end) infinite;outline:3px solid #fff;outline-offset:2px}@keyframes mailPulse{50%{filter:brightness(1.45);transform:translateY(-1px)}}.phoneKeys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;padding:0 5px}.phoneKeys button{box-sizing:border-box;width:100%;height:28px;padding:0 2px;border:2px solid #3d3e36;border-radius:11px 11px 8px 8px;background:linear-gradient(#d7d8cc,#aeb0a3);box-shadow:0 2px 0 #3c3d35;font-size:9px;line-height:1;color:#222;letter-spacing:.02em}.phoneKeys button:active{transform:translateY(2px);box-shadow:none}.phoneHint{text-align:center;color:#222;font-size:8px;font-weight:1000;margin:7px 3px 0;line-height:1.15;letter-spacing:.02em}
.modalWrap{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:12px;z-index:70}.modalWrap.show{display:flex}.modal{width:min(900px,100%);max-height:94vh;overflow:auto;background:var(--paper);color:var(--ink);border:5px solid #111;box-shadow:9px 9px 0 var(--red);padding:18px}.modal h1,.modal h2,.modal h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.card{background:var(--cream);border:3px solid #222;padding:10px}.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.small{font-size:12px;color:#4d4741}.tag{display:inline-block;padding:3px 6px;margin:2px;background:#222;color:#fff;font-size:11px;font-weight:900}.good{color:#16723a;font-weight:900}.bad{color:#ad2028;font-weight:900}.stageWrap{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px}.stage{position:relative;min-height:410px;background:#303237;border:5px solid #111;overflow:hidden}.stage:before{content:"AUDIENCE / PARKING LOT";position:absolute;left:0;right:0;bottom:0;height:70px;background:#8e7650;color:#fff;text-align:center;padding-top:22px;font-weight:1000;letter-spacing:.12em}.slot{position:absolute;border:3px dashed #e8d9aa;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:11px;font-weight:900;padding:4px;cursor:pointer}.slot.filled{border-style:solid;background:#222}.slot.good{outline:4px solid #79c88e}.equipment button{width:100%;margin:4px 0;text-align:left}.scorebox{background:#fff8e5;border:3px solid #222;padding:9px;margin-top:8px}.mobile{display:none;position:fixed;inset:0;pointer-events:none;z-index:9}.dpad{position:absolute;left:13px;bottom:13px;width:130px;height:130px;pointer-events:auto}.dpad button{position:absolute;width:48px;height:48px;padding:0;opacity:.88}.up{left:41px}.down{left:41px;bottom:0}.left{left:0;top:41px}.right{right:0;top:41px}.splash{position:fixed;inset:0;z-index:50;background:linear-gradient(#1a1714,#050505);display:flex;align-items:center;justify-content:center;padding:20px}.splashBox{max-width:780px;text-align:center}.logo{font-size:clamp(38px,11vw,84px);line-height:.82;font-weight:1000;color:var(--paper);text-shadow:6px 6px 0 var(--red)}.tagline{font-size:clamp(17px,4vw,27px);font-weight:900;margin:18px 0}
@media(max-width:980px){.top{grid-template-columns:auto 1fr}.controlBar{grid-column:1/-1;grid-row:2}.stats{max-width:none}.toast{top:125px}}
@media(max-width:760px),(pointer:coarse){.mobile{display:block}.top{grid-template-columns:auto 1fr}.controlBar{font-size:9px;padding:4px}.controlBar span{margin:0 3px}.objective{bottom:151px;max-width:calc(100vw - 225px)}.stats{max-width:none}.chip{font-size:8px;padding:3px}.brand{font-size:11px}.phone{transform:scale(.78);transform-origin:bottom right}.phoneScreen{height:145px}.stageWrap{grid-template-columns:1fr}.stage{min-height:360px}.modal{padding:13px}}

/* Stability pass: responsive HUD, reliable media dock, and fullscreen support. */
.keyRow,.audioRow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 0;min-width:0}.audioRow{width:100%;gap:7px}.controlBar{min-width:0;overflow:hidden}.musicControl{margin:0;padding-left:0;border-left:0}.nowPlaying{flex:1 1 230px;max-width:460px;min-width:170px}.tickerText{padding-left:100%}#fullscreenToggle{pointer-events:auto;min-width:78px;border:2px solid var(--paper);background:#3f84a5;color:#fff;box-shadow:2px 2px 0 #000;padding:5px 9px;font-size:10px;line-height:1;cursor:pointer}#hudHowTo,#hudLoad{pointer-events:auto;min-width:72px;border:2px solid var(--paper);background:#f1b83e;color:#171514;box-shadow:2px 2px 0 #000;padding:5px 9px;font-size:10px;line-height:1;cursor:pointer;margin:0 3px}#hudLoad{background:#ddd}#hudHowTo:focus,#hudLoad:focus{outline:2px solid var(--gold);outline-offset:2px}#hudSave{pointer-events:auto;min-width:66px;border:2px solid var(--paper);background:#3e8f53;color:#fff;box-shadow:2px 2px 0 #000;padding:5px 9px;font-size:10px;line-height:1;cursor:pointer;margin:0 5px}#hudSave:focus{outline:2px solid var(--gold);outline-offset:2px}.keyRow{column-gap:4px}.keyRow>span,.keyRow>button{display:inline-flex;align-items:center;justify-content:center;min-height:27px}.spotifyPanel{top:86px;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 110px);overflow:auto}.spotifyPanelHead>div{display:flex;gap:6px;align-items:center}.spotifyPlay{padding:4px 8px;border:2px solid #0b5;background:#1db954;color:#fff;box-shadow:none;font-size:10px}.spotifyPlay:disabled{opacity:.55}.spotifyEmbed{width:100%;min-height:152px;border-radius:12px;overflow:hidden;background:#191414;display:flex;align-items:center;justify-content:center}.spotifyEmbed iframe{display:block;width:100%!important;height:152px!important;border:0;border-radius:12px}.spotifyLoading{padding:24px;color:#fff;text-align:center;font-size:12px;line-height:1.45}.spotifyHelp{margin:7px 2px 0;color:#ddd;font-size:10px;line-height:1.35}.modal{-webkit-overflow-scrolling:touch}.splashBox{width:min(780px,100%)}
@media(max-width:1120px){.top{grid-template-columns:165px minmax(0,1fr) 300px}.controlBar span{margin:0 4px}.keyRow{font-size:10px}.nowPlaying{max-width:360px}.spotifyPanel{top:126px}}
@media(max-width:980px){.top{grid-template-columns:minmax(150px,1fr) minmax(280px,1.5fr)}.brand{grid-column:1}.stats{grid-column:2}.controlBar{grid-column:1/-1;grid-row:2}.spotifyPanel{top:132px}}
@media(max-width:760px),(pointer:coarse){.hud{padding:6px}.top{gap:6px;grid-template-columns:minmax(115px,.8fr) minmax(220px,1.5fr)}.brand{padding:6px;font-size:10px}.stats{min-width:0;gap:3px}.chip{font-size:7.5px;padding:3px 2px}.controlBar{padding:4px 5px}.keyRow{font-size:8px;line-height:1.2}.keyRow span{margin:0 3px}.audioRow{gap:4px}.musicControl{gap:4px}.musicLabel{display:none}#musicToggle,#spotifyToggle,#fullscreenToggle,#hudSave,#hudHowTo,#hudLoad{min-width:0;padding:5px 6px;font-size:8px}.nowPlaying{height:22px;min-width:120px;flex-basis:150px}.nowPlaying b,.tickerText{font-size:7px}.spotifyPanel{top:150px;width:calc(100vw - 12px);max-height:calc(100vh - 158px);padding:6px}.spotifyPanelHead{font-size:9px}.spotifyPanelHead>div{gap:4px}.spotifyPlay,.spotifyClose{font-size:8px;padding:4px 6px}.objective{left:6px;bottom:148px;max-width:calc(100vw - 185px);font-size:9px;padding:6px}.phone{right:5px;bottom:5px;transform:scale(.72)}.modalWrap{align-items:flex-start;padding:8px;overflow:auto}.modal{margin:auto 0;max-height:none;min-height:0;padding:12px}.modal h2{font-size:22px}.grid{grid-template-columns:1fr}.btns button{flex:1 1 150px}.spotifyEmbed,.spotifyEmbed iframe{min-height:152px;height:152px!important}}

/* BUILD 2026.07.19-R36B39A CONTROLLER REFINEMENT: compact CC0 rotary road radio; no Spotify or login. */
#fullscreenToggle{pointer-events:auto;min-width:82px;border:2px solid var(--paper);background:#3f84a5;color:#fff;box-shadow:2px 2px 0 #000;padding:5px 9px;font-size:10px;line-height:1;cursor:pointer;margin-left:8px}
.objective{left:10px;bottom:10px;width:clamp(250px,29vw,430px);max-width:none;max-height:132px;overflow:auto;font-size:11px;z-index:8}
.rotaryRadio{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:clamp(225px,20vw,270px);height:116px;z-index:9;pointer-events:auto;color:#201a12;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.55))}
.radioCabinet{position:absolute;inset:0;padding:5px 6px 4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,rgba(0,0,0,.035) 2px 5px),linear-gradient(#8a512c,#5c2f18);border:3px solid #21150e;border-radius:10px 10px 15px 15px;box-shadow:inset 0 0 0 2px #ba7543,inset 0 -7px 12px rgba(0,0,0,.24)}
.radioTop{display:grid;grid-template-columns:65px minmax(0,1fr);gap:4px;height:27px;align-items:stretch}
.radioBrand{display:flex;align-items:center;justify-content:center;text-align:center;background:#d5bd80;border:2px solid #281b10;border-radius:3px;font:1000 6px/1.05 monospace;letter-spacing:.06em;box-shadow:inset 0 0 0 1px #f1dda6}
.radioDisplay{min-width:0;background:#8eaa73;border:3px inset #34422d;color:#172216;padding:1px 4px;font:900 6px/1.05 monospace;overflow:hidden}
.radioDisplay small{display:block;color:#31462e;font-size:5px;letter-spacing:.07em}.radioTicker{white-space:nowrap;overflow:hidden}.radioTicker span{display:inline-block;min-width:100%;animation:radioScroll 14s linear infinite;padding-left:100%;font-size:6px}
@keyframes radioScroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.radioMain{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:4px;height:65px;margin-top:3px;align-items:center}
.knobStack{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle at center,#4d2a18 0 40%,transparent 41%),repeating-radial-gradient(circle,#302116 0 2px,#5d412a 3px 4px);border:2px solid #26180f;border-radius:5px}
.radioKnob{position:relative;width:25px;height:25px;padding:0;border:3px solid #17110c;border-radius:50%;background:repeating-conic-gradient(#c9b98c 0 7deg,#514b3d 7deg 14deg);box-shadow:inset 0 0 0 3px #6e6859,1px 1px 0 #111;color:#111;cursor:pointer}
.radioKnob:after{content:"";position:absolute;left:50%;top:1px;width:2px;height:7px;background:#f3dc83;transform:translateX(-50%);border-radius:2px}.radioKnob.off{filter:grayscale(.8);opacity:.72}.radioKnob.playing{transform:rotate(24deg)}
.knobStack small{color:#f2dfb5;font:1000 4.5px monospace;letter-spacing:.05em;text-shadow:1px 1px #111}.knobIcon{position:absolute;inset:0;display:grid;place-items:center;font:1000 7px monospace;color:#f8e9bd;text-shadow:1px 1px #111}
.radioCenter{min-width:0;height:100%;display:grid;grid-template-rows:12px minmax(0,1fr);gap:2px}
.tuningScale{position:relative;border:2px solid #25180f;background:linear-gradient(#e4d29d,#b8995f);overflow:hidden;color:#2a2117;font:900 4px monospace}
.tuningScale .marks{display:flex;align-items:center;justify-content:space-around;height:100%;padding:0 3px}.tuningScale:after{content:"";position:absolute;left:58%;top:0;bottom:0;width:2px;background:#e13d30}
.spotifyEmbed{width:100%;height:100%;min-height:45px;border:2px solid #24170f;border-radius:4px;overflow:hidden;background:#191414;display:flex;align-items:center;justify-content:center}
.spotifyLoading,.radioOff{padding:4px;color:#fff;text-align:center;font:900 5.5px monospace;line-height:1.2}.radioOff small{font-size:4.5px;color:#cfcfcf}
.radioFooter{height:10px;margin-top:1px;display:flex;align-items:center;justify-content:space-between;gap:4px;color:#f3dfb9;font:900 3.8px monospace;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.radioFooter button{min-width:29px;padding:1px 3px;border:1px solid #22170e;box-shadow:none;font-size:4.6px;line-height:1;background:#d9c178}.radioFooter .radioButtons{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:0 0 auto}.radioFooter #radioHowTo{min-width:49px}.radioFooter #radioStation{min-width:62px}
@media(max-width:1080px){.rotaryRadio{width:235px;height:112px}.objective{width:clamp(220px,26vw,310px)}}
@media(max-width:820px),(pointer:coarse){.objective{left:6px;bottom:138px;width:calc(100vw - 178px);max-height:76px;font-size:9px}.rotaryRadio{left:auto;right:154px;bottom:6px;transform:none;width:205px;height:104px}.radioCabinet{padding:4px}.radioTop{grid-template-columns:55px minmax(0,1fr);height:24px}.radioMain{height:58px;grid-template-columns:30px minmax(0,1fr) 30px}.radioKnob{width:22px;height:22px}.phone{right:5px;bottom:5px;transform:scale(.70);transform-origin:bottom right}.dpad{bottom:145px}.top{gap:5px}.controlBar{padding:3px}.keyRow{font-size:7px}.keyRow span{margin:0 2px}#fullscreenToggle,#hudSave,#hudHowTo,#hudLoad{font-size:7px;padding:4px 5px;min-width:0;margin-left:2px}}
@media(max-width:560px){.rotaryRadio{left:145px;right:158px;width:auto;min-width:178px}.objective{width:calc(100vw - 170px)}.radioFooter span{display:none}}

/* BUILD R28: sponsor queue audited across every original business; intro-only badge, station-select radio, shopping-cart collector to Gig Bag */
.phoneTop{display:flex;align-items:center;justify-content:center;position:relative}.phoneTop .phoneBrand{flex:1}.phoneCollapse{position:absolute;right:-4px;top:-6px;width:28px;height:25px;padding:0;border:2px solid #292a23;border-radius:5px;background:#c9cbbd;color:#222;box-shadow:none;line-height:1;font-size:15px}.phone.collapsed{width:58px!important;height:44px!important;padding:5px 7px!important;border-radius:11px!important;overflow:hidden}.phone.collapsed .phoneTop{height:28px}.phone.collapsed .phoneBrand{font-size:0;margin:0}.phone.collapsed .phoneBrand:after{content:'☎';font-size:20px}.phone.collapsed .phoneCollapse{position:static;width:26px}.phone.collapsed .phoneScreen,.phone.collapsed .phoneNav,.phone.collapsed .phoneKeys,.phone.collapsed .phoneHint{display:none}
.mobileSteer,.mobileDrive{position:absolute;bottom:20px;display:flex;gap:10px;pointer-events:auto}.mobileSteer{left:max(14px,env(safe-area-inset-left))}.mobileDrive{right:max(14px,env(safe-area-inset-right));flex-direction:column-reverse}.mobileSteer button,.mobileDrive button,.mobileAction,.landscapeToggle{width:58px;height:58px;padding:0;border:3px solid #f4e6be;background:rgba(18,17,16,.82);color:#fff;box-shadow:3px 3px 0 #000;border-radius:12px;font-size:23px;pointer-events:auto;touch-action:none}.mobileAction{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:78px;height:48px;font-size:11px;background:rgba(230,74,56,.9)}.landscapeToggle{position:absolute;right:max(14px,env(safe-area-inset-right));top:112px;width:auto;height:34px;padding:0 10px;font-size:9px;background:rgba(63,132,165,.94)}.rotateHint{display:none;position:fixed;inset:0;z-index:48;pointer-events:none;align-items:center;justify-content:center;text-align:center;background:rgba(0,0,0,.56);font-weight:1000;letter-spacing:.05em}.rotateHint>div{background:#171514;border:3px solid #f4e6be;padding:15px;box-shadow:5px 5px 0 #000}.rotateHint small{font-size:10px;color:#f4e6be}
@media(max-width:760px),(pointer:coarse){.dpad{display:none}.phone{transition:width .18s,height .18s,transform .18s}.objective{bottom:88px;max-width:calc(100vw - 24px);font-size:10px}.rotaryRadio{transform:scale(.72);transform-origin:bottom center}.mobile{display:block}.top{padding-right:0}.landscapeToggle{display:block}}
@media(max-width:760px) and (orientation:portrait){.rotateHint{display:flex}.rotateHint.hiddenByUser{display:none}.phone{transform:scale(.65);transform-origin:bottom right}.hud{padding:5px}.top{opacity:.78}}
@media(orientation:landscape) and (pointer:coarse){.rotateHint{display:none!important}.phone{transform:scale(.66);transform-origin:bottom right}.phone.collapsed{transform:scale(1)}.objective{bottom:10px;max-width:43vw}.rotaryRadio{transform:scale(.58);transform-origin:bottom center}.mobileSteer,.mobileDrive{bottom:max(12px,env(safe-area-inset-bottom))}.mobileAction{bottom:max(16px,env(safe-area-inset-bottom))}}

/* BUILD R28: phone fullscreen HUD, radio station controls, collector route. */
:root{--safe-top:max(4px,env(safe-area-inset-top));--safe-right:max(6px,env(safe-area-inset-right));--safe-bottom:max(6px,env(safe-area-inset-bottom));--safe-left:max(6px,env(safe-area-inset-left))}
html.mobileFullscreen,html.mobileFullscreen body{width:100vw;height:100dvh;min-height:100dvh;position:fixed;inset:0;overflow:hidden;background:#111}
html.mobileFullscreen #game{width:100vw;height:100dvh}
html.mobileFullscreen .hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}
#fullscreenToggle.active,.landscapeToggle.active{background:#e64a38}

/* Expanded radio is twice the original visual size. */
.rotaryRadio{width:540px;height:232px;transition:width .18s,height .18s,left .18s,right .18s,transform .18s}
.rotaryRadio .radioCabinet{width:270px;height:116px;transform:scale(2);transform-origin:top left}
.radioCollapse{position:absolute;z-index:4;right:3px;top:3px;width:22px;height:18px;padding:0;border:2px solid #21150e;border-radius:4px;background:#d9c178;color:#21150e;box-shadow:none;font:1000 11px/1 monospace;cursor:pointer}
.rotaryRadio.collapsed{width:64px!important;height:50px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.55))}
.rotaryRadio.collapsed .radioCabinet{width:64px;height:50px;transform:none;padding:4px;border-radius:9px;background:linear-gradient(#8a512c,#5c2f18)}
.rotaryRadio.collapsed .radioTop,.rotaryRadio.collapsed .radioMain,.rotaryRadio.collapsed .radioFooter{display:none}
.rotaryRadio.collapsed .radioCollapse{position:static;width:54px;height:40px;font-size:0;display:grid;place-items:center;margin:0}
.rotaryRadio.collapsed .radioCollapse:after{content:'📻';font-size:22px}
.objective{max-width:clamp(240px,25vw,360px)}

/* Mobile controls: steering on the left, forward above reverse on the right. */
.mobileDrive{flex-direction:column}
.mobileSteer,.mobileDrive{bottom:var(--safe-bottom)}
.mobileSteer{left:var(--safe-left)}.mobileDrive{right:var(--safe-right)}
.mobileSteer button,.mobileDrive button,.landscapeToggle{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.mobileAction{display:none!important}
.mobileTapHint{display:none;position:fixed;left:50%;bottom:74px;transform:translateX(-50%);z-index:10;pointer-events:none;background:rgba(18,17,16,.88);border:2px solid #f4e6be;padding:4px 8px;font:900 8px system-ui;color:#fff;white-space:nowrap}
.mobileTapHint.show{display:block}

@media(max-width:820px),(pointer:coarse){
  .rotaryRadio{width:405px;height:174px;left:50%;right:auto;bottom:6px;transform:translateX(-50%)}
  .rotaryRadio .radioCabinet{transform:scale(1.5)}
  .rotaryRadio.collapsed{bottom:6px}
  .objective{bottom:78px;max-width:calc(100vw - 24px)}
}
@media(max-width:760px) and (orientation:portrait){
  .rotaryRadio{width:359px;height:155px;transform:translateX(-50%)}
  .rotaryRadio .radioCabinet{transform:scale(1.33)}
}
@media(orientation:landscape) and (pointer:coarse){
  .hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}
  .top{grid-template-columns:112px minmax(270px,1fr) minmax(220px,270px);grid-template-rows:auto;gap:4px;align-items:stretch}
  .brand{grid-column:1;grid-row:1;font-size:8px;padding:3px;line-height:1.05}
  .controlBar{grid-column:2;grid-row:1;padding:3px 4px;min-height:48px}
  .keyRow{font-size:6.5px;line-height:1.08;gap:1px}
  .keyRow span{margin:0 2px}
  .stats{grid-column:3;grid-row:1;grid-template-columns:repeat(3,minmax(58px,1fr));gap:2px;min-width:0}
  .chip{font-size:6.5px;padding:2px 1px}
  #fullscreenToggle{font-size:6px;padding:3px 4px;margin-left:2px}
  .phone{right:var(--safe-right);bottom:var(--safe-bottom);transform:scale(.62);transform-origin:bottom right}
  .phone.collapsed{transform:scale(1)}
  .objective{left:var(--safe-left);bottom:var(--safe-bottom);width:34vw;max-width:290px;max-height:58px;overflow:hidden;font-size:8px;padding:5px}
  .rotaryRadio{width:405px;height:174px;bottom:var(--safe-bottom);transform:translateX(-50%)}
  .rotaryRadio .radioCabinet{transform:scale(1.5)}
  .rotaryRadio.collapsed{transform:translateX(-50%)!important}
  .mobileSteer,.mobileDrive{bottom:var(--safe-bottom)}
  .landscapeToggle{top:62px;right:var(--safe-right)}
  .mobileTapHint{bottom:70px}
}
@media(max-width:680px) and (orientation:landscape){
  .top{grid-template-columns:92px minmax(190px,1fr) 190px}
  .keyRow{font-size:5.5px}.chip{font-size:5.8px}
  .rotaryRadio:not(.collapsed){transform:translateX(-50%) scale(.82);transform-origin:bottom center}
}

/* BUILD R18: true mobile viewport fullscreen and safe HUD docking. */
html.mobileFullscreen .hud{z-index:55!important;inset:0!important;box-sizing:border-box!important}
html.mobileFullscreen .top{position:fixed!important;z-index:58!important;left:var(--safe-left)!important;right:var(--safe-right)!important;top:var(--safe-top)!important;width:auto!important;max-width:none!important}
html.mobileFullscreen .objective{z-index:57!important;box-sizing:border-box!important}
html.mobileFullscreen .phone,html.mobileFullscreen .rotaryRadio,html.mobileFullscreen .mobileSteer,html.mobileFullscreen .mobileDrive,html.mobileFullscreen .landscapeToggle{z-index:60!important}

@media (pointer:coarse){
 html.mobileFullscreen .top{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:3px!important}
 html.mobileFullscreen .brand{display:none!important}
 html.mobileFullscreen .stats{grid-row:1!important;grid-column:1!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2px!important;min-width:0!important}
 html.mobileFullscreen .chip{font-size:clamp(5.5px,1.55vw,8px)!important;padding:3px 1px!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html.mobileFullscreen .controlBar{grid-row:2!important;grid-column:1!important;min-height:30px!important;padding:3px!important}
 html.mobileFullscreen .keyRow{font-size:clamp(5px,1.35vw,7px)!important;line-height:1.05!important;max-height:34px!important;overflow:hidden!important}
 html.mobileFullscreen .keyRow span{margin:0 2px!important}
 html.mobileFullscreen #fullscreenToggle,html.mobileFullscreen #hudSave,html.mobileFullscreen #hudHowTo,html.mobileFullscreen #hudLoad{font-size:6px!important;padding:3px 5px!important}
 html.mobileFullscreen .landscapeToggle{top:76px!important;right:var(--safe-right)!important;width:auto!important;height:32px!important;font-size:8px!important}
 html.mobileFullscreen .mobileSteer,html.mobileFullscreen .mobileDrive{bottom:calc(var(--safe-bottom) + 4px)!important}
 html.mobileFullscreen .mobileSteer button,html.mobileFullscreen .mobileDrive button{width:56px!important;height:56px!important}
 html.mobileFullscreen .mobileTapHint{bottom:72px!important}
}

@media (pointer:coarse) and (orientation:portrait){
 html.mobileFullscreen .objective{left:72px!important;right:72px!important;bottom:calc(var(--safe-bottom) + 4px)!important;width:auto!important;max-width:none!important;max-height:70px!important;overflow:auto!important;font-size:8px!important;padding:5px!important}
 html.mobileFullscreen .phone{right:var(--safe-right)!important;bottom:72px!important;transform:scale(.49)!important;transform-origin:bottom right!important}
 html.mobileFullscreen .phone.collapsed{right:var(--safe-right)!important;bottom:72px!important;transform:scale(1)!important}
 html.mobileFullscreen .rotaryRadio{left:50%!important;right:auto!important;bottom:78px!important;width:405px!important;height:174px!important;transform:translateX(-50%) scale(.72)!important;transform-origin:bottom center!important}
 html.mobileFullscreen .rotaryRadio.collapsed{left:50%!important;right:auto!important;bottom:78px!important;transform:translateX(-50%)!important}
}

@media (pointer:coarse) and (orientation:landscape){
 html.mobileFullscreen .top{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
 html.mobileFullscreen .stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 html.mobileFullscreen .objective{left:72px!important;right:72px!important;bottom:var(--safe-bottom)!important;width:auto!important;max-width:none!important;max-height:54px!important;overflow:auto!important;font-size:7px!important;padding:4px!important}
 html.mobileFullscreen .phone{right:var(--safe-right)!important;bottom:68px!important;transform:scale(.52)!important;transform-origin:bottom right!important}
 html.mobileFullscreen .phone.collapsed{bottom:68px!important;transform:scale(1)!important}
 html.mobileFullscreen .rotaryRadio{left:50%!important;right:auto!important;bottom:68px!important;width:405px!important;height:174px!important;transform:translateX(-50%) scale(.66)!important;transform-origin:bottom center!important}
 html.mobileFullscreen .rotaryRadio.collapsed{left:50%!important;bottom:68px!important;transform:translateX(-50%)!important}
 html.mobileFullscreen .landscapeToggle{top:70px!important}
}

/* BUILD R28: compact all radio footer controls so every button stays inside the cabinet. */
.radioFooter{gap:2px}
.radioFooter>span:first-child{flex:0 1 47px;min-width:0;max-width:47px;overflow:hidden;text-overflow:clip}
.radioFooter .radioButtons{display:grid;grid-template-columns:30px 43px 23px 47px 31px 23px;gap:1px;flex:0 0 auto;align-items:center;justify-content:end}
.radioFooter button,.radioFooter #radioHowTo,.radioFooter #radioStation{box-sizing:border-box;width:100%;min-width:0!important;max-width:none;padding:1px 1px!important;border-width:1px;font-size:3.55px;line-height:1;letter-spacing:0;white-space:nowrap;overflow:hidden}
@media(max-width:560px){.radioFooter>span:first-child{display:none}.radioFooter .radioButtons{display:grid!important;width:100%;grid-template-columns:30px 43px 23px 47px 31px 23px;justify-content:center}}

/* BUILD R28: Community projects and city-upgrade visuals. */
.communityShop .card{display:flex;flex-direction:column;min-height:168px}.communityShop .card button{margin-top:auto}.projectOwned{display:inline-block;background:#16723a;color:#fff;padding:3px 6px;font-size:10px;font-weight:1000}.projectLevel{display:inline-block;background:#222;color:#fff;padding:3px 6px;font-size:10px;font-weight:1000}.communityLegend{background:#e8f2df;border:3px solid #315d3b;padding:10px;margin:10px 0}.stoplightPixel{filter:drop-shadow(2px 2px 0 #111)}
/* BUILD R30: Black Star cars ignore signals and roam the full snake road graph while respecting BYOB safe ground. */

/* Legacy left-side geometry correction retained for save compatibility. */
/* BUILD R36A7 SPONSOR FILL FLAGS: corrected intersection markings, standardized curbs/property spacing, valid-grass trees, clear loading access, and sponsor-wall placement. */

/* BUILD R36B38B HUD + 100 RIDER SOCIAL RIDE: west businesses moved fully off the traffic lane onto one continuous five-business grass strip, plus a separated lower future parcel. */
/* BUILD R36B40A AUTO-FIT FIX: continuous parcel-edge curbs with pull-in openings, NPC/bicycle developer codes, and four centered south-parcel hashtag signs. */
/* BUILD R36B40B PARCEL STANDARDIZATION PASS: parcel curbs render above roads on all four sides with only pull-in cuts; four hashtag boards sit centered inside the south grass parcels. */
/* BUILD R36B40C FULL LAND-PARCEL EDGE PASS: every complete city land block, including all four long south development lots, uses the same full outer concrete edge as Leftway. */
/* BUILD R36B40D ALL-DISTRICT PARCEL EDGE PASS: standardized edges render above property art and extend across the full west/east parcel rows. */
/* BUILD R36B40E SOLID FOUR-SIDE PARCEL BANDS: thick concrete bands are inset onto every north/west/east/south parcel side so no edge disappears at full-city zoom. */
/* BUILD R36B40F EXPLICIT MISSING-EDGE REPAIR: directly paints every exterior edge named in the screenshot review at its exact city-block boundary. */
/* BUILD R36B40G FUTURE EAST PARCEL SIGN: mirrors the lower-west future-parcel marker onto the lower-east grass parcel with EAST wording. */
/* BUILD R36B40K BUS STOPS TEMPORARILY DISABLED: removes all shelters, waiting riders, pickup markers, passenger jobs, stop-based poster sites, and the shop entry while preserving the system behind one reversible flag. */
.howHero{background:#171514;color:#fff;border:4px solid #111;padding:12px;margin-bottom:12px;box-shadow:5px 5px 0 #e64a38}.howHero b{color:#f1b83e}.howSection{margin:14px 0 7px;font-size:14px;letter-spacing:.08em}.iconKey{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.iconCard{background:#fff8e5;border:3px solid #222;min-height:116px;padding:8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.iconPic{width:58px;height:50px;display:grid;place-items:center;font-size:34px;line-height:1;margin-bottom:4px;background:#ece0bd;border:2px solid #222;box-shadow:2px 2px 0 #999}.iconCard b{font-size:11px;line-height:1.05}.iconCard small{font-size:9px;line-height:1.15;margin-top:4px;color:#4d4741}.chapterStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0}.chapterBox{border:3px solid #222;background:#fff;padding:8px;text-align:center;font-size:10px}.chapterBox strong{display:block;font-size:12px}.chapterArrow{color:#e64a38;font-weight:1000}.permitPath{background:#e8f2df;border:3px solid #315d3b;padding:9px;text-align:center;font-size:11px;font-weight:900}.permitPath span{display:inline-block;margin:2px 3px}.mapGateTag{font:1000 10px system-ui;letter-spacing:.05em}
@media(max-width:600px){.iconKey{grid-template-columns:repeat(3,minmax(0,1fr))}.iconCard{min-height:105px;padding:5px}.iconPic{width:46px;height:42px;font-size:28px}.iconCard b{font-size:9px}.iconCard small{font-size:8px}.chapterStrip{grid-template-columns:1fr}}

/* BUILD R36B7: phone UX polish — readable HUD, larger touch targets, and non-overlapping mobile docks. */
@media (pointer:coarse){
  .hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}
  .top{gap:4px}
  .brand{display:none}
  .stats{grid-column:1/-1!important;grid-row:1!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:3px!important;min-width:0!important}
  .chip{font-size:8.5px!important;line-height:1.1!important;padding:4px 2px!important;overflow:hidden;text-overflow:ellipsis}
  .controlBar{grid-column:1/-1!important;grid-row:2!important;min-height:48px!important;padding:3px 5px!important;overflow:visible}
  .keyRow{width:100%;gap:6px;justify-content:center}
  .keyRow>span{display:none!important}
  .keyRow:before{content:"TOUCH CONTROLS";display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:9px;letter-spacing:.06em;color:var(--paper)}
  #hudSave,#hudHowTo,#hudLoad,#fullscreenToggle{min-width:82px!important;min-height:44px!important;height:44px!important;padding:0 10px!important;margin:0!important;font-size:10px!important;border-width:2px!important}
  .landscapeToggle{top:104px!important;right:var(--safe-right)!important;min-width:112px!important;width:auto!important;height:44px!important;padding:0 10px!important;font-size:10px!important;z-index:63!important}
  .mobileSteer button,.mobileDrive button{width:62px!important;height:62px!important;font-size:25px!important}
  .mobileSteer,.mobileDrive{bottom:calc(var(--safe-bottom) + 4px)!important;z-index:64!important}
  .mobileTapHint{bottom:78px!important;font-size:10px!important;padding:6px 10px!important;z-index:64!important}
  .objective{left:76px!important;right:76px!important;bottom:var(--safe-bottom)!important;width:auto!important;max-width:none!important;max-height:70px!important;overflow:auto!important;font-size:10px!important;line-height:1.25!important;padding:6px!important;z-index:57!important}
  .phone{right:var(--safe-right)!important;bottom:76px!important;width:214px!important;height:456px!important;transform:none!important;transform-origin:bottom right!important;z-index:62!important}
  .phoneScreen{height:145px}
  .phoneNav{gap:6px;margin:8px 1px}
  .phoneCall,.phoneReset,.phoneMail{height:44px!important;min-height:44px!important;border-radius:12px!important;font-size:11px!important}
  .phoneKeys{gap:6px 7px;padding:0 3px}
  .phoneKeys button{height:36px!important;min-height:36px!important;font-size:10px!important;border-radius:9px!important}
  .phoneHint{font-size:9px!important;margin-top:6px!important}
  .phoneCollapse{width:34px!important;height:34px!important;font-size:18px!important;right:-5px!important;top:-8px!important}
  .phone.collapsed{width:64px!important;height:52px!important;padding:5px!important;bottom:76px!important;transform:none!important}
  .phone.collapsed .phoneCollapse{width:52px!important;height:40px!important}
  .rotaryRadio:not(.collapsed){left:50%!important;right:auto!important;bottom:82px!important;width:405px!important;height:174px!important;transform:translateX(-50%) scale(.84)!important;transform-origin:bottom center!important;z-index:61!important}
  .rotaryRadio.collapsed{bottom:76px!important;z-index:61!important}
  .modalWrap{align-items:flex-start!important;overflow:auto!important;padding:8px!important}
  .modal{margin:auto 0!important;width:100%!important;max-height:none!important;padding:13px!important}
  .modal .grid{grid-template-columns:1fr!important}
  .modal button{min-height:44px}
  .btns{gap:9px}
  .btns button{flex:1 1 145px}
  .iconKey{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .iconCard{min-height:112px!important}
  .iconCard b{font-size:10px!important}
  .iconCard small{font-size:9px!important}
  .rotateHint{display:none;inset:auto!important;left:50%!important;top:104px!important;transform:translateX(-50%)!important;width:min(290px,calc(100vw - 140px))!important;height:auto!important;background:transparent!important;pointer-events:none!important;align-items:flex-start!important;z-index:62!important}
  .rotateHint>div{width:100%;padding:7px 9px!important;border-width:2px!important;box-shadow:3px 3px 0 #000!important;font-size:9px!important;line-height:1.15!important;background:rgba(23,21,20,.94)!important}
  .rotateHint small{font-size:8px!important}
}
@media (pointer:coarse) and (orientation:portrait){
  .rotateHint{display:flex}
  .rotateHint.hiddenByUser{display:none!important}
  .phone:not(.collapsed){bottom:76px!important}
  .rotaryRadio:not(.collapsed){bottom:82px!important;transform:translateX(-50%) scale(.68)!important}
}
@media (pointer:coarse) and (orientation:landscape){
  .rotateHint{display:none!important}
  .top{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
  .phone:not(.collapsed){width:214px!important;height:264px!important;bottom:70px!important}
  .phone:not(.collapsed) .phoneKeys{display:none!important}
  .phone:not(.collapsed) .phoneHint{margin-top:8px!important}
  .phone.collapsed{bottom:70px!important}
  .rotaryRadio:not(.collapsed){bottom:70px!important;transform:translateX(-50%) scale(.70)!important}
  .rotaryRadio.collapsed{bottom:70px!important}
  .objective{bottom:var(--safe-bottom)!important;max-height:58px!important}
  .landscapeToggle{top:100px!important}
}
@media (pointer:coarse) and (max-width:430px){
  .chip{font-size:7.8px!important}
  .keyRow:before{font-size:8px;padding:0 4px}
  #hudSave,#hudHowTo,#hudLoad,#fullscreenToggle{min-width:74px!important;padding:0 7px!important;font-size:9px!important}
  .landscapeToggle{min-width:98px!important;font-size:9px!important}
  .objective{left:70px!important;right:70px!important;font-size:9px!important}
}

/* R36B7A: visible-viewport fullscreen fallback for iPhone Safari and embedded Squarespace. */
html.mobileFullscreen,
html.mobileFullscreen body{
  width:100%!important;
  height:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#111!important;
}
html.mobileFullscreen #game{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
}
html.mobileFullscreen .hud{
  position:fixed!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  overflow:hidden!important;
}
@supports(height:100svh){
  html.mobileFullscreen,
  html.mobileFullscreen body,
  html.mobileFullscreen #game,
  html.mobileFullscreen .hud{height:100svh!important;min-height:100svh!important}
}

/* R36B7B: landscape mobile HUD placement fix. */
@media (pointer:coarse) and (orientation:landscape){
  /* Reserve the lower-left lane for both horizontal steering buttons. */
  html.mobileFullscreen .objective,
  .objective{
    left:calc(var(--safe-left) + 154px)!important;
    right:calc(var(--safe-right) + 78px)!important;
    bottom:calc(var(--safe-bottom) + 4px)!important;
    width:auto!important;
    max-width:none!important;
    max-height:68px!important;
    overflow:auto!important;
    box-sizing:border-box!important;
    z-index:57!important;
  }

/* Keep the vertical drive arrows alone in the lower-right control lane. */
  html.mobileFullscreen .mobileDrive,
  .mobileDrive{
    right:var(--safe-right)!important;
    bottom:calc(var(--safe-bottom) + 4px)!important;
    z-index:64!important;
  }

/* Put both collapsed devices in a dedicated right-side dock.
     This dock sits below EXIT and above the up-arrow control. */
  html.mobileFullscreen .phone.collapsed,
  .phone.collapsed{
    position:fixed!important;
    left:auto!important;
    right:calc(var(--safe-right) + 5px)!important;
    top:174px!important;
    bottom:auto!important;
    width:64px!important;
    height:52px!important;
    transform:none!important;
    z-index:66!important;
  }
  html.mobileFullscreen .rotaryRadio.collapsed,
  .rotaryRadio.collapsed{
    position:fixed!important;
    left:auto!important;
    right:calc(var(--safe-right) + 5px)!important;
    top:232px!important;
    bottom:auto!important;
    width:64px!important;
    height:50px!important;
    transform:none!important;
    z-index:65!important;
  }

/* Keep EXIT above the device dock and leave a clear vertical gap. */
  html.mobileFullscreen .landscapeToggle,
  .landscapeToggle{
    right:var(--safe-right)!important;
    top:104px!important;
    z-index:67!important;
  }
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:430px){
  html.mobileFullscreen .phone.collapsed,
  .phone.collapsed{top:166px!important}
  html.mobileFullscreen .rotaryRadio.collapsed,
  .rotaryRadio.collapsed{top:222px!important}
  html.mobileFullscreen .objective,
  .objective{
    left:calc(var(--safe-left) + 154px)!important;
    right:calc(var(--safe-right) + 78px)!important;
    max-height:62px!important;
    font-size:9px!important;
    line-height:1.16!important;
  }
}

/* R36B7C: draggable mobile device dock + phone-readable expanded radio. */
@media (pointer:coarse){
  .phone.collapsed,.rotaryRadio.collapsed{
    touch-action:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-touch-callout:none!important;
    cursor:grab!important;
  }
  .phone.dragging,.rotaryRadio.dragging{
    cursor:grabbing!important;
    transition:none!important;
    filter:drop-shadow(5px 5px 0 rgba(0,0,0,.7))!important;
  }

/* Expanded radio becomes a real touch panel instead of a scaled desktop miniature. */
  .rotaryRadio:not(.collapsed){
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:calc(var(--safe-top) + 98px)!important;
    bottom:auto!important;
    width:min(440px,calc(100vw - 24px))!important;
    height:min(286px,calc(100dvh - 112px))!important;
    transform:translateX(-50%)!important;
    transform-origin:center!important;
    z-index:72!important;
  }
  .rotaryRadio:not(.collapsed) .radioCabinet{
    width:100%!important;
    height:100%!important;
    transform:none!important;
    padding:8px!important;
    border-radius:14px!important;
    display:grid!important;
    grid-template-rows:54px minmax(96px,1fr) auto!important;
    gap:7px!important;
    box-sizing:border-box!important;
  }
  .rotaryRadio:not(.collapsed) .radioCollapse{
    width:44px!important;
    height:44px!important;
    right:5px!important;
    top:5px!important;
    font-size:22px!important;
    border-width:3px!important;
    border-radius:9px!important;
  }
  .rotaryRadio:not(.collapsed) .radioTop{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:7px!important;
    height:54px!important;
  }
  .rotaryRadio:not(.collapsed) .radioBrand{
    font-size:11px!important;
    line-height:1.05!important;
    border-width:3px!important;
  }
  .rotaryRadio:not(.collapsed) .radioDisplay{
    padding:5px 50px 4px 7px!important;
    font-size:11px!important;
    line-height:1.15!important;
    border-width:3px!important;
  }
  .rotaryRadio:not(.collapsed) .radioDisplay small{
    font-size:9px!important;
  }
  .rotaryRadio:not(.collapsed) .radioTicker span{
    font-size:10px!important;
  }
  .rotaryRadio:not(.collapsed) .radioMain{
    grid-template-columns:70px minmax(0,1fr) 70px!important;
    gap:7px!important;
    height:auto!important;
    min-height:96px!important;
    margin:0!important;
  }
  .rotaryRadio:not(.collapsed) .knobStack{
    gap:5px!important;
    border-width:3px!important;
  }
  .rotaryRadio:not(.collapsed) .radioKnob{
    width:48px!important;
    height:48px!important;
    border-width:4px!important;
  }
  .rotaryRadio:not(.collapsed) .knobIcon{
    font-size:12px!important;
  }
  .rotaryRadio:not(.collapsed) .knobStack small{
    font-size:9px!important;
  }
  .rotaryRadio:not(.collapsed) .radioCenter{
    grid-template-rows:25px minmax(0,1fr)!important;
    gap:5px!important;
  }
  .rotaryRadio:not(.collapsed) .tuningScale{
    font-size:8px!important;
    border-width:3px!important;
  }
  .rotaryRadio:not(.collapsed) .spotifyEmbed{
    min-height:62px!important;
    border-width:3px!important;
  }
  .rotaryRadio:not(.collapsed) .spotifyLoading,
  .rotaryRadio:not(.collapsed) .radioOff{
    font-size:10px!important;
    line-height:1.25!important;
  }
  .rotaryRadio:not(.collapsed) .radioOff small{
    font-size:8px!important;
  }
  .rotaryRadio:not(.collapsed) .radioFooter{
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    white-space:normal!important;
    display:block!important;
  }
  .rotaryRadio:not(.collapsed) .radioFooter>span:first-child{
    display:none!important;
  }
  .rotaryRadio:not(.collapsed) .radioButtons{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .rotaryRadio:not(.collapsed) .radioFooter button,
  .rotaryRadio:not(.collapsed) .radioFooter #radioHowTo,
  .rotaryRadio:not(.collapsed) .radioFooter #radioStation{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:5px 4px!important;
    font-size:9px!important;
    line-height:1.05!important;
    border-width:2px!important;
    border-radius:7px!important;
  }

/* Use only one map-interaction prompt on touch devices. */
  .mobileTapHint{display:none!important}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:430px){
  .rotaryRadio:not(.collapsed){
    top:calc(var(--safe-top) + 90px)!important;
    height:min(274px,calc(100dvh - 100px))!important;
  }
  .rotaryRadio:not(.collapsed) .radioCabinet{
    grid-template-rows:48px minmax(88px,1fr) auto!important;
    gap:5px!important;
    padding:6px!important;
  }
  .rotaryRadio:not(.collapsed) .radioTop{height:48px!important}
  .rotaryRadio:not(.collapsed) .radioFooter button,
  .rotaryRadio:not(.collapsed) .radioFooter #radioHowTo,
  .rotaryRadio:not(.collapsed) .radioFooter #radioStation{
    min-height:40px!important;
  }
}

/* R36B7D: free two-axis device placement with centered expanded overlays. */
@media (pointer:coarse){
  .phone.collapsed,
  .rotaryRadio.collapsed{
    position:fixed!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    touch-action:none!important;
    cursor:grab!important;
    transition:box-shadow .12s ease,filter .12s ease!important;
  }
  .phone.collapsed.dragging,
  .rotaryRadio.collapsed.dragging{
    cursor:grabbing!important;
    transition:none!important;
    filter:drop-shadow(6px 6px 0 rgba(0,0,0,.72))!important;
  }

/* Expanded devices never inherit a dragged collapsed position. */
  .phone:not(.collapsed){
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    z-index:73!important;
  }
  .rotaryRadio:not(.collapsed){
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    z-index:72!important;
  }
}
@media (pointer:coarse) and (orientation:landscape){
  .phone:not(.collapsed){
    width:min(300px,calc(100vw - 30px))!important;
    height:min(300px,calc(100dvh - 28px))!important;
  }
  .rotaryRadio:not(.collapsed){
    width:min(540px,calc(100vw - 30px))!important;
    height:min(300px,calc(100dvh - 28px))!important;
  }
}
@media (pointer:coarse) and (orientation:portrait){
  .phone:not(.collapsed){
    width:min(300px,calc(100vw - 24px))!important;
    height:min(520px,calc(100dvh - 32px))!important;
  }
  .rotaryRadio:not(.collapsed){
    width:min(440px,calc(100vw - 24px))!important;
    height:min(360px,calc(100dvh - 32px))!important;
  }
}

/* R36B7E: restore classic desktop device placement without changing touch layouts. */
@media (pointer:fine){
  /* Desktop Nookia: original bottom-right home. */
  .phone,
  html.mobileFullscreen .phone{
    position:fixed!important;
    left:auto!important;
    right:12px!important;
    top:auto!important;
    bottom:10px!important;
    width:214px!important;
    height:392px!important;
    transform:none!important;
    transform-origin:bottom right!important;
    z-index:63!important;
  }
  .phone.collapsed,
  html.mobileFullscreen .phone.collapsed{
    left:auto!important;
    right:12px!important;
    top:auto!important;
    bottom:10px!important;
    width:58px!important;
    height:44px!important;
    transform:none!important;
  }

/* Desktop Road Radio: original bottom-center home. */
  .rotaryRadio,
  html.mobileFullscreen .rotaryRadio{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:10px!important;
    width:540px!important;
    height:232px!important;
    transform:translateX(-50%)!important;
    transform-origin:bottom center!important;
    z-index:62!important;
  }
  .rotaryRadio .radioCabinet,
  html.mobileFullscreen .rotaryRadio .radioCabinet{
    width:270px!important;
    height:116px!important;
    transform:scale(2)!important;
    transform-origin:top left!important;
  }
  .rotaryRadio.collapsed,
  html.mobileFullscreen .rotaryRadio.collapsed{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:10px!important;
    width:64px!important;
    height:50px!important;
    transform:translateX(-50%)!important;
  }
  .rotaryRadio.collapsed .radioCabinet,
  html.mobileFullscreen .rotaryRadio.collapsed .radioCabinet{
    width:64px!important;
    height:50px!important;
    transform:none!important;
  }

/* Desktop uses the map prompt only; never show the touch-only helper. */
  .mobileTapHint,
  .mobileTapHint.show{
    display:none!important;
  }
}

/* Give the radio and Nookia separate desktop lanes on narrower computers. */
@media (pointer:fine) and (max-width:1050px){
  .rotaryRadio,
  html.mobileFullscreen .rotaryRadio{
    left:calc(50% - 95px)!important;
    width:486px!important;
    height:209px!important;
  }
  .rotaryRadio .radioCabinet,
  html.mobileFullscreen .rotaryRadio .radioCabinet{
    transform:scale(1.8)!important;
  }
}

/* R36B7F: stable mobile landscape reset after Safari viewport changes. */
@media (pointer:coarse) and (orientation:landscape){
  .objective{
    left:calc(var(--safe-left) + 150px)!important;
    right:calc(var(--safe-right) + 86px)!important;
    bottom:calc(var(--safe-bottom) + 8px)!important;
    max-height:58px!important;
    font-size:9px!important;
    line-height:1.14!important;
  }
}

/* R36B13: four-level camera zoom dial on the Nookia phone. */
.phoneZoomDial{
 position:absolute;left:-4px;top:-6px;width:28px;height:25px;padding:0;
 border:2px solid #292a23;border-radius:50%;
 background:linear-gradient(#d9dbcf,#aeb0a3);
 color:#171914;box-shadow:none;
 font:1000 13px/1 system-ui;z-index:4;
 touch-action:none;user-select:none
}
.phoneZoomDial .zoomIcon{display:block;line-height:21px;font-size:13px;transform:translateY(-1px)}
.phoneZoomDial:active{transform:translateY(1px)}
.phoneZoomDialLabel{
 position:absolute;left:-8px;top:22px;width:38px;text-align:center;
 color:#23251f;font:1000 6px/1 system-ui;letter-spacing:.08em;
 pointer-events:none
}
.phone.collapsed .phoneZoomDial,.phone.collapsed .phoneZoomDialLabel{display:none}
.zoomHelp{
 position:absolute;left:-150px;top:-8px;width:132px;padding:7px 8px;
 border:3px solid #292a23;border-radius:7px;
 background:#f3ead1;color:#171914;box-shadow:4px 4px 0 rgba(0,0,0,.45);
 font:900 8px/1.25 system-ui;text-align:left;z-index:6;
 pointer-events:none;opacity:0;transform:translateX(8px);
 transition:opacity .18s linear,transform .18s linear
}
.zoomHelp.show{opacity:1;transform:translateX(0)}
.zoomHelp b{display:block;font-size:9px;margin-bottom:2px}
.zoomHelp:after{
 content:'';position:absolute;right:-9px;top:10px;
 border-width:7px 0 7px 9px;border-style:solid;
 border-color:transparent transparent transparent #292a23
}
.phone.collapsed .zoomHelp{display:none}
@media(max-width:760px),(pointer:coarse){
 .phoneZoomDial{left:-4px;top:-6px;width:28px;height:25px}
 .phoneZoomDial .zoomIcon{font-size:13px}
 .zoomHelp{left:-142px;top:-7px;width:124px}
}

.phoneZoomDial{width:34px;height:25px;border-radius:6px;font-size:8px;letter-spacing:-.04em}
.phoneZoomDial .zoomIcon{display:block;line-height:21px;font-size:8px;transform:none}
.phoneZoomDialLabel{left:-5px;width:36px}
.zoomChoices{position:absolute;left:-7px;top:26px;width:42px;padding:3px;border:2px solid #292a23;border-radius:6px;background:#d6dac8;box-shadow:3px 3px 0 rgba(0,0,0,.38);z-index:7;display:none}
.zoomChoices.show{display:grid;gap:2px}
.zoomChoices button{width:34px;height:21px;padding:0;border:1px solid #4a4d43;border-radius:4px;background:#f0f0e8;color:#171914;font:1000 8px/1 system-ui;box-shadow:none}
.zoomChoices button.active{background:#56bf78;color:#102216}
.phone.collapsed .zoomChoices{display:none}

.gigBagCollectibleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin:10px 0 16px}
.gigBagCollectibleSlot{min-height:64px;padding:9px;border:2px solid #554b37;border-radius:6px;background:#eee6cd;color:#171717;text-align:center}
.gigBagCollectibleSlot b{display:block;font-size:12px}
.gigBagCollectibleSlot span{display:block;font-size:19px;font-weight:1000;margin-top:4px}

/* R36B17F: expanded and collapsed phone/radio are freely movable and viewport-safe. */
.phoneTop,.radioTop{-webkit-user-select:none;user-select:none}
.phoneBrand,.radioBrand{cursor:grab;touch-action:none}
.phone.dragging,.rotaryRadio.dragging{transition:none!important;filter:brightness(1.06);cursor:grabbing}
.phone.deviceFreePosition,.rotaryRadio.deviceFreePosition{right:auto!important;bottom:auto!important;margin:0!important}
.phone.deviceFreePosition{transform-origin:top left!important}
.rotaryRadio.deviceFreePosition{transform-origin:top left!important}
.phone.collapsed.deviceFreePosition,.rotaryRadio.collapsed.deviceFreePosition{transform:scale(1)!important;transform-origin:top left!important}
.rotaryRadio.collapsed.deviceFreePosition{left:auto!important}
@media (pointer:coarse) and (orientation:portrait){
 html.mobileFullscreen .phone.deviceFreePosition:not(.collapsed){transform:scale(.49)!important}
 html.mobileFullscreen .rotaryRadio.deviceFreePosition:not(.collapsed){transform:scale(.72)!important}
}
@media (pointer:coarse) and (orientation:landscape){
 html.mobileFullscreen .phone.deviceFreePosition:not(.collapsed){transform:scale(.52)!important}
 html.mobileFullscreen .rotaryRadio.deviceFreePosition:not(.collapsed){transform:scale(.66)!important}
}
@media (pointer:coarse) and (orientation:portrait){
 html:not(.mobileFullscreen) .phone.deviceFreePosition:not(.collapsed){transform:scale(.65)!important}
 html:not(.mobileFullscreen) .rotaryRadio.deviceFreePosition:not(.collapsed){transform:scale(.72)!important}
}
@media (pointer:coarse) and (orientation:landscape){
 html:not(.mobileFullscreen) .phone.deviceFreePosition:not(.collapsed){transform:scale(.66)!important}
 html:not(.mobileFullscreen) .rotaryRadio.deviceFreePosition:not(.collapsed){transform:scale(.58)!important}
}

html.mobileFullscreen .phone.deviceFreePosition,
html.mobileFullscreen .rotaryRadio.deviceFreePosition,
.phone.deviceFreePosition,
.rotaryRadio.deviceFreePosition{
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  transform-origin:top left!important;
  pointer-events:auto!important;
  touch-action:none!important;
  z-index:92!important;
}
.phone.deviceFreePosition.collapsed,
.rotaryRadio.deviceFreePosition.collapsed{transform:none!important}
.phoneTop,.radioTop,.phoneBrand,.radioBrand,.phoneCollapse,.radioCollapse{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
.phoneTop,.radioTop{cursor:grab}
.phone.dragging .phoneTop,.rotaryRadio.dragging .radioTop{cursor:grabbing}
.phoneCollapse,.radioCollapse{pointer-events:auto!important;z-index:99!important}

/* R36B17H — compact mobile HUD, one fullscreen exit, compact notifications */
@media (pointer:coarse){
  /* Remove the large TOUCH CONTROLS banner entirely. */
  .controlBar{
    position:fixed!important;
    top:calc(var(--safe-top) + 42px)!important;
    left:calc(var(--safe-left) + 8px)!important;
    width:auto!important;
    min-height:0!important;
    padding:3px!important;
    margin:0!important;
    border-width:2px!important;
    display:block!important;
    z-index:66!important;
    background:rgba(18,17,16,.86)!important;
    box-shadow:2px 2px 0 #000!important;
  }
  .keyRow{
    width:auto!important;
    display:flex!important;
    gap:4px!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .keyRow:before{content:none!important;display:none!important}
  .keyRow>span{display:none!important}
  #hudSave,#fullscreenToggle{
    min-width:0!important;
    width:72px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 6px!important;
    margin:0!important;
    border-width:2px!important;
    font-size:8px!important;
    line-height:1!important;
    box-shadow:1px 1px 0 #000!important;
  }

/* Keep only the Save + fullscreen button pair. */
  html.mobileFullscreen .landscapeToggle,
  .landscapeToggle.active{
    display:none!important;
    pointer-events:none!important;
  }

/* Compact event notification that never blankets the map. */
  .toast{
    top:calc(var(--safe-top) + 82px)!important;
    left:50%!important;
    right:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:min(320px,62vw)!important;
    max-height:82px!important;
    overflow:hidden!important;
    padding:6px 9px!important;
    border-width:2px!important;
    box-shadow:2px 2px 0 #000!important;
    font-size:10px!important;
    line-height:1.18!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
    transform:translateX(-50%)!important;
    z-index:79!important;
  }

/* The statistics remain readable, while the map begins sooner. */
  .stats{
    position:fixed!important;
    top:var(--safe-top)!important;
    left:var(--safe-left)!important;
    right:var(--safe-right)!important;
    height:36px!important;
    z-index:65!important;
  }
  .chip{
    height:30px!important;
    padding:3px 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

/* Clear the old two-row top-grid height. */
  .top{
    display:block!important;
    height:0!important;
    min-height:0!important;
    gap:0!important;
  }
}

@media (pointer:coarse) and (orientation:portrait){
  .controlBar{
    top:calc(var(--safe-top) + 40px)!important;
    left:calc(var(--safe-left) + 7px)!important;
  }
  #hudSave,#fullscreenToggle{
    width:68px!important;
    height:28px!important;
    min-height:28px!important;
    font-size:7.5px!important;
  }
  .toast{
    top:calc(var(--safe-top) + 76px)!important;
    max-width:min(280px,68vw)!important;
    max-height:72px!important;
    font-size:9.5px!important;
  }
}

/* R36B17I — phone doughnut cannon button */
.mobileDonut{
  display:none;
  position:absolute;
  right:calc(max(14px,env(safe-area-inset-right)) + 70px);
  bottom:calc(max(14px,env(safe-area-inset-bottom)) + 70px);
  width:58px;
  height:58px;
  padding:0;
  border:3px solid #f4e6be;
  border-radius:50%;
  background:#c92828;
  color:#fff;
  box-shadow:3px 3px 0 #000;
  font-size:27px;
  line-height:1;
  pointer-events:auto;
  touch-action:manipulation;
  z-index:67;
}
.mobileDonut.ready{display:block}
.mobileDonut:active,
.mobileDonut.firing{
  transform:translate(2px,2px) scale(.94);
  box-shadow:1px 1px 0 #000;
  background:#ff3434;
}
.mobileDonut[disabled]{
  opacity:.45;
  filter:grayscale(.8);
}
@media(pointer:coarse){
  html.mobileFullscreen .mobileDonut{
    right:calc(var(--safe-right) + 70px)!important;
    bottom:calc(var(--safe-bottom) + 70px)!important;
    width:56px!important;
    height:56px!important;
    font-size:25px!important;
  }
}
@media(pointer:coarse) and (orientation:portrait){
  html.mobileFullscreen .mobileDonut{
    right:calc(var(--safe-right) + 67px)!important;
    bottom:calc(var(--safe-bottom) + 67px)!important;
    width:54px!important;
    height:54px!important;
    font-size:24px!important;
  }
}

/* R36B17J — dependable shared phone/radio controller */
@media(pointer:coarse){
  .phone.deviceReliable,.rotaryRadio.deviceReliable{
    right:auto!important;bottom:auto!important;transform:none!important;
    transition:none!important;pointer-events:auto!important;touch-action:none!important;
    z-index:92!important;
  }
  .phone.deviceReliable .phoneTop,.rotaryRadio.deviceReliable .radioTop{
    touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;
  }
  .phone.deviceReliable .phoneCollapse,.rotaryRadio.deviceReliable .radioCollapse{
    pointer-events:auto!important;touch-action:manipulation!important;z-index:100!important;
  }
  .phone.deviceSuppressed,.rotaryRadio.deviceSuppressed{display:none!important}
  @media(orientation:portrait){
    .rotaryRadio.deviceReliable:not(.collapsed){width:min(359px,calc(100vw - 14px))!important;height:155px!important}
    .rotaryRadio.deviceReliable:not(.collapsed) .radioCabinet{transform:scale(1.33)!important;transform-origin:top left!important}
  }
}

/* R36B17K — collapsed phone/radio icons remain draggable */
@media(pointer:coarse){
 .phone.deviceReliable.collapsed .phoneCollapse,
 .rotaryRadio.deviceReliable.collapsed .radioCollapse{
   cursor:grab!important;touch-action:none!important;pointer-events:auto!important;
 }
 .phone.deviceReliable.collapsed.dragging .phoneCollapse,
 .rotaryRadio.deviceReliable.collapsed.dragging .radioCollapse{cursor:grabbing!important}
}

/* R36B17K final radio sizing correction */
@media(pointer:coarse){
 .phone.deviceReliable.collapsed{width:64px!important;height:50px!important;transform:none!important}
 .rotaryRadio.deviceReliable.collapsed{width:64px!important;height:50px!important;transform:none!important}
 .rotaryRadio.deviceReliable.collapsed .radioCabinet{width:64px!important;height:50px!important;transform:none!important}
 .rotaryRadio.deviceReliable:not(.collapsed) .radioCabinet{width:100%!important;height:100%!important;transform:none!important;transform-origin:top left!important}
 .rotaryRadio.deviceReliable:not(.collapsed) .radioCollapse{right:5px!important;top:5px!important}
}

/* R36B38B HUD + 100 RIDER SOCIAL RIDE: stable desktop/mobile HUD control layout. */
.controlBar .keyRow{width:100%;row-gap:6px}
#hudSave,#hudLoad,#hudHowTo,#fullscreenToggle{flex:0 0 auto;white-space:nowrap}
@media(min-width:981px){
  .controlBar .keyRow{justify-content:center}
  .controlBar .keyRow>span{flex:0 1 auto}
}
@media(max-width:760px),(pointer:coarse){
  .controlBar{overflow:visible}
  .controlBar .keyRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%}
  .controlBar .keyRow>span{margin:0!important;min-width:0;text-align:center;white-space:normal;line-height:1.05}
  #hudSave,#hudLoad,#hudHowTo,#fullscreenToggle{width:100%;min-width:0!important;margin:0!important;padding:5px 3px!important}
}
@media (pointer:coarse){
  .controlBar{left:calc(var(--safe-left) + 7px)!important;right:calc(var(--safe-right) + 7px)!important;width:auto!important}
  .controlBar .keyRow{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important}
  #hudSave,#hudLoad,#hudHowTo,#fullscreenToggle{width:100%!important;min-width:0!important;margin:0!important;padding:4px 2px!important;font-size:7.5px!important}
}
@media(max-width:430px) and (pointer:coarse){
  .controlBar .keyRow{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #hudSave,#hudLoad,#hudHowTo,#fullscreenToggle{min-height:32px!important;height:32px!important;font-size:7px!important}
}

/* R36B38B: invariant two-row HUD in normal and fullscreen modes. */
.controlBar .keyRow{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:7px!important;width:100%!important}
.driveDirections,.hudActions{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:12px!important;flex-wrap:nowrap!important}
.driveDirections span{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;margin:0!important;min-height:25px!important}
.hudActions button{order:initial!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 132px!important;width:auto!important;min-width:88px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:5px 10px!important;white-space:nowrap!important}
#hudSave{order:1!important}#hudLoad{order:2!important}#hudHowTo{order:3!important}#fullscreenToggle{order:4!important}
:fullscreen .controlBar .keyRow,.mobileFullscreen .controlBar .keyRow{display:flex!important;flex-direction:column!important}
:fullscreen .driveDirections,:fullscreen .hudActions,.mobileFullscreen .driveDirections,.mobileFullscreen .hudActions{display:flex!important;flex-wrap:nowrap!important}
@media(max-width:760px),(pointer:coarse){
 .controlBar .keyRow{display:flex!important;flex-direction:column!important;gap:4px!important}
 .driveDirections{gap:5px!important}
 .driveDirections span{font-size:7px!important;line-height:1.05!important;white-space:nowrap!important}
 .hudActions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
 .hudActions button{width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;padding:3px 2px!important;font-size:7px!important}
 :fullscreen .hudActions,.mobileFullscreen .hudActions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* R36B39 — full controller support, first-press activation, and remappable controls. */
.controllerWake{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(5,5,5,.86);padding:18px;pointer-events:auto}
.controllerWake.show{display:flex}.controllerWakeBox{width:min(620px,94vw);background:var(--paper);color:var(--ink);border:5px solid #111;box-shadow:9px 9px 0 var(--green);padding:22px;text-align:center}.controllerWakeTitle{font-size:clamp(24px,6vw,44px);font-weight:1000;line-height:1}.controllerWakeSub{margin-top:12px;font-weight:850}.controllerBadge{display:inline-block;margin-top:12px;padding:6px 10px;background:#171514;color:#fff;border:2px solid var(--gold);font:900 12px monospace}
.controllerStatus{position:fixed;left:50%;bottom:140px;transform:translateX(-50%);z-index:91;display:none;background:#111;color:#fff;border:3px solid var(--green);box-shadow:4px 4px 0 #000;padding:8px 12px;font-weight:900;text-align:center;max-width:90vw}.controllerStatus.show{display:block}
.controllerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.controllerMapRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;text-align:left;background:var(--cream);color:var(--ink);border:3px solid #222;padding:10px;box-shadow:none}.controllerMapRow:focus,.controllerMapRow.listening{outline:4px solid var(--green);outline-offset:1px}.controllerMapRow .binding{font:900 11px monospace;background:#222;color:#fff;padding:5px 7px;white-space:nowrap}.controllerHelp{background:#fff8e5;border:3px solid #222;padding:10px;margin:10px 0}.controllerFocus{outline:4px solid var(--green)!important;outline-offset:2px!important}
@media(max-width:760px),(pointer:coarse){.controllerStatus{bottom:94px;font-size:10px}.controllerWakeBox{padding:16px}.controllerGrid{grid-template-columns:1fr}}

/* R36B40R — PS4-friendly right-stick pointer. Cross/A taps click; Cross/A hold opens the Nookia. */
.controllerPointer{position:fixed;left:0;top:0;width:30px;height:30px;z-index:119;display:block;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.82);transition:opacity .12s,transform .12s;box-sizing:border-box;border:3px solid #f1b83e;border-radius:50%;background:rgba(17,21,14,.82);box-shadow:0 0 0 2px #171514,0 0 0 4px rgba(255,248,229,.92),3px 3px 0 rgba(0,0,0,.55)}
.controllerPointer:before,.controllerPointer:after{content:'';position:absolute;left:50%;top:50%;background:#fff8e5;transform:translate(-50%,-50%)}.controllerPointer:before{width:14px;height:2px}.controllerPointer:after{width:2px;height:14px}.controllerPointer.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.controllerPointer.action{border-color:#3e8f53;background:rgba(24,82,45,.92);box-shadow:0 0 0 2px #171514,0 0 0 5px rgba(241,184,62,.95),3px 3px 0 rgba(0,0,0,.55)}
.controllerPointerTarget{outline:4px solid #f1b83e!important;outline-offset:3px!important;filter:brightness(1.08)}
@media(max-width:760px),(pointer:coarse){.controllerPointer{width:27px;height:27px}.controllerPointerTarget{outline-width:3px!important;outline-offset:2px!important}}

/* R36B40M — 512 Jams is an isolated Spotify iframe with a game-safe playlist submission mail button. */
#rotaryRadio.spotify512Radio:not(.collapsed){width:min(460px,calc(100vw - 24px))!important;height:min(510px,calc(100vh - 130px))!important;min-width:320px!important;filter:drop-shadow(7px 7px 0 rgba(0,0,0,.7))!important;z-index:66!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCabinet{box-sizing:border-box!important;width:100%!important;height:100%!important;transform:none!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px!important;background:linear-gradient(145deg,#171514,#2a2622)!important;border:4px solid #f1b83e!important;border-radius:14px!important;box-shadow:inset 0 0 0 2px #f4e6be!important;overflow:hidden!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioTop{box-sizing:border-box!important;display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important;width:100%!important;height:54px!important;min-height:54px!important;padding-right:118px!important;cursor:grab!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioBrand{display:flex!important;align-items:center!important;justify-content:center!important;background:#f1b83e!important;color:#171514!important;border:3px solid #f4e6be!important;border-radius:6px!important;font:1000 14px/1 system-ui!important;letter-spacing:.06em!important;text-shadow:none!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioDisplay{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;background:#0b0b0b!important;color:#fff!important;border:3px solid #777!important;border-radius:6px!important;padding:5px 8px!important;font:900 12px/1.15 system-ui!important;overflow:hidden!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioDisplay small{display:block!important;color:#f1b83e!important;font-size:9px!important;letter-spacing:.12em!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioTicker span{display:block!important;min-width:0!important;padding:0!important;animation:none!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse{position:absolute!important;right:10px!important;top:10px!important;width:108px!important;height:54px!important;padding:0 8px!important;border:3px solid #f4e6be!important;border-radius:6px!important;background:#f1b83e!important;color:#171514!important;box-shadow:none!important;font-size:0!important;letter-spacing:.04em!important;cursor:pointer!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse:after{content:'MINIMIZE'!important;font:1000 10px/1 system-ui!important;color:#171514!important}
.spotifySafety{display:flex;align-items:center;justify-content:center;min-height:36px;background:#fff8e5;color:#171514;border:3px solid #3e8f53;padding:5px 8px;text-align:center;font:1000 10px/1.2 system-ui;letter-spacing:.025em}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed{box-sizing:border-box!important;display:block!important;flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:250px!important;background:#121212!important;border:3px solid #777!important;border-radius:12px!important;overflow:hidden!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed iframe{display:block!important;width:100%!important;height:100%!important;min-height:250px!important;border:0!important;border-radius:9px!important;background:#121212!important}
.spotify512Actions{display:grid;grid-template-columns:1.05fr .95fr 1.3fr;gap:7px;min-height:38px}.spotify512Actions button{width:100%;min-width:0;height:38px;padding:4px 6px;border:2px solid #f4e6be;box-shadow:none;font-size:9px;line-height:1}.spotify512Actions .spotifyStop{background:#e64a38;color:#fff}.spotify512Actions .spotifyRestore{background:#3e8f53;color:#fff}.spotify512Actions .spotifyJoin{background:#f1b83e;color:#171514}.spotify512Foot{color:#ddd;text-align:center;font:800 9px/1.25 system-ui;letter-spacing:.02em}
#rotaryRadio.spotify512Radio.collapsed{width:94px!important;height:60px!important;min-width:94px!important;z-index:66!important}
#rotaryRadio.spotify512Radio.collapsed .radioCabinet{box-sizing:border-box!important;width:94px!important;height:60px!important;transform:none!important;padding:4px!important;background:linear-gradient(#f1b83e,#d88719)!important;border:3px solid #171514!important;border-radius:10px!important}
#rotaryRadio.spotify512Radio.collapsed .radioTop,#rotaryRadio.spotify512Radio.collapsed .spotifySafety,#rotaryRadio.spotify512Radio.collapsed .spotifyEmbed,#rotaryRadio.spotify512Radio.collapsed .spotify512Actions,#rotaryRadio.spotify512Radio.collapsed .spotify512Foot{display:none!important}
#rotaryRadio.spotify512Radio.collapsed .radioCollapse{position:static!important;display:grid!important;place-items:center!important;width:80px!important;height:48px!important;margin:0!important;padding:0!important;border:2px solid #f4e6be!important;border-radius:7px!important;background:#171514!important;color:#fff!important;box-shadow:none!important;font-size:0!important;cursor:grab!important}
#rotaryRadio.spotify512Radio.collapsed .radioCollapse:after{content:'♫ 512'!important;font:1000 14px/1 system-ui!important;letter-spacing:.04em!important;color:#f1b83e!important}
@media(max-width:760px),(pointer:coarse){#rotaryRadio.spotify512Radio:not(.collapsed){width:min(430px,calc(100vw - 12px))!important;height:min(470px,calc(100vh - 92px))!important;min-width:280px!important}#rotaryRadio.spotify512Radio:not(.collapsed) .radioCabinet{padding:7px!important;gap:6px!important}#rotaryRadio.spotify512Radio:not(.collapsed) .radioTop{height:48px!important;min-height:48px!important;grid-template-columns:72px minmax(0,1fr)!important;padding-right:96px!important}#rotaryRadio.spotify512Radio:not(.collapsed) .radioBrand{font-size:11px!important}#rotaryRadio.spotify512Radio:not(.collapsed) .radioDisplay{font-size:10px!important}#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse{right:7px!important;top:7px!important;width:90px!important;height:48px!important;font-size:8px!important}.spotifySafety{min-height:32px;font-size:8px}.spotify512Actions{grid-template-columns:1fr 1fr;min-height:0}.spotify512Actions .spotifyJoin{grid-column:1/-1}.spotify512Actions button{height:32px;font-size:8px}.spotify512Foot{font-size:7px}#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed,#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed iframe{min-height:190px!important}}

/* R36B40O — persistent tutorial missions and player-controlled Training Wheels. */
body.trainingWheelsActive .objective{width:clamp(290px,34vw,520px);max-height:215px;border-color:#f1b83e;box-shadow:5px 5px 0 #000;overflow:auto}
.trainingHeader{display:none;align-items:center;justify-content:space-between;gap:8px;margin:-2px -2px 5px;padding-bottom:5px;border-bottom:2px solid #777}.trainingHeader.show{display:flex}.trainingBadge{display:inline-block;background:#f1b83e;color:#171514;border:2px solid #fff8e5;padding:3px 6px;font:1000 8px/1 system-ui;letter-spacing:.08em}.trainingProgress{color:#f4e6be;font:900 8px/1 system-ui;text-align:right}.trainingActions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;pointer-events:auto}.trainingActions button{min-width:0;padding:4px 7px;border:2px solid #f4e6be;box-shadow:2px 2px 0 #000;font-size:8px;line-height:1}.trainingActions .trainingGuide{background:#3f84a5;color:#fff}.trainingActions .trainingToggle{background:#f1b83e;color:#171514}.trainingActions.off .trainingGuide{display:none}.trainingActions.off .trainingToggle{background:#555;color:#fff}.trainingPulse{animation:trainingPulse 1s steps(2,end) infinite!important;outline:5px solid #f1b83e!important;outline-offset:3px!important}@keyframes trainingPulse{50%{outline-color:#fff8e5;filter:brightness(1.3)}}
@media(max-width:760px),(pointer:coarse){body.trainingWheelsActive .objective{left:6px;bottom:138px;width:calc(100vw - 178px);max-height:145px;font-size:8px;padding:6px}.trainingHeader{margin:0 0 4px}.trainingBadge,.trainingProgress{font-size:6px}.trainingActions{gap:3px;margin-top:4px}.trainingActions button{padding:3px 4px;font-size:6px}}

/* R36B40P — compact old-van 512 Jams radio. The full Spotify player remains functional at roughly half the former panel height. */
#rotaryRadio.spotify512Radio:not(.collapsed){
  width:min(330px,calc(var(--app-vw,100vw) - 18px))!important;
  height:300px!important;
  max-height:calc(var(--app-vh,100vh) - 18px)!important;
  min-width:0!important;
  filter:drop-shadow(5px 5px 0 rgba(0,0,0,.72))!important;
  z-index:66!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCabinet{
  box-sizing:border-box!important;width:100%!important;height:100%!important;
  display:flex!important;flex-direction:column!important;gap:5px!important;
  padding:7px!important;position:relative!important;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.045) 2px 5px),linear-gradient(#4b443d,#211d19)!important;
  border:4px solid #171514!important;border-radius:6px!important;
  box-shadow:inset 0 0 0 2px #9a9185,inset 0 0 0 5px #34302b,inset 0 -9px 14px rgba(0,0,0,.38)!important;
  overflow:hidden!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioTop{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;gap:6px!important;
  align-items:center!important;width:100%!important;height:42px!important;min-height:42px!important;
  padding:0 47px 0 0!important;cursor:grab!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioBrand{
  display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
  background:radial-gradient(circle at 38% 32%,#aaa196 0 8%,#5d5750 26%,#25221f 64%,#0b0a09 68%)!important;
  color:#f1b83e!important;border:2px solid #bbb2a6!important;border-radius:50%!important;
  box-shadow:inset 0 0 0 3px #171514,1px 1px 0 #000!important;
  font:1000 7px/1 system-ui!important;letter-spacing:.055em!important;text-shadow:1px 1px #000!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioDisplay{
  display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;height:38px!important;
  background:linear-gradient(#1f271c,#10150e)!important;color:#dce8ac!important;
  border:3px inset #756e64!important;border-radius:2px!important;padding:4px 7px!important;
  box-shadow:inset 0 0 8px rgba(151,181,92,.18)!important;
  font:900 9px/1.1 monospace!important;overflow:hidden!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioDisplay small{color:#f1b83e!important;font:1000 7px/1 monospace!important;letter-spacing:.1em!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioTicker span{font:900 9px/1.1 monospace!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse{
  position:absolute!important;right:7px!important;top:7px!important;width:40px!important;height:40px!important;padding:0!important;
  border:2px solid #bbb2a6!important;border-radius:50%!important;
  background:radial-gradient(circle at 38% 32%,#aaa196 0 8%,#5d5750 26%,#25221f 64%,#0b0a09 68%)!important;
  color:#f4e6be!important;box-shadow:inset 0 0 0 3px #171514,1px 1px 0 #000!important;
  font-size:0!important;cursor:pointer!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse:after{content:'MIN'!important;color:#f4e6be!important;font:1000 7px/1 monospace!important;letter-spacing:.04em!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotifySafety{
  min-height:22px!important;height:22px!important;padding:3px 5px!important;
  background:#c7b98d!important;color:#171514!important;border:2px solid #3e4932!important;
  font:1000 6.5px/1.05 monospace!important;letter-spacing:.015em!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed{
  display:block!important;flex:0 0 152px!important;width:100%!important;height:152px!important;min-height:152px!important;
  background:#121212!important;border:3px inset #777!important;border-radius:3px!important;overflow:hidden!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed iframe{display:block!important;width:100%!important;height:152px!important;min-height:152px!important;border:0!important;border-radius:0!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions{display:grid!important;grid-template-columns:.9fr .95fr 1.3fr!important;gap:4px!important;min-height:28px!important;height:28px!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions button{
  height:28px!important;padding:2px 3px!important;border:2px outset #a9a195!important;border-radius:2px!important;
  background:linear-gradient(#777067,#3e3934)!important;color:#fff8e5!important;box-shadow:none!important;
  font:1000 6.5px/1 monospace!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions .spotifyStop{border-bottom-color:#e64a38!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions .spotifyRestore{border-bottom-color:#79c88e!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions .spotifyJoin{border-bottom-color:#f1b83e!important;color:#f1b83e!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Foot{height:15px!important;overflow:hidden!important;color:#c7b98d!important;font:800 5.5px/1.15 monospace!important;letter-spacing:0!important}
#rotaryRadio.spotify512Radio.collapsed{width:104px!important;height:48px!important;min-width:104px!important}
#rotaryRadio.spotify512Radio.collapsed .radioCabinet{
  width:104px!important;height:48px!important;padding:4px!important;
  background:linear-gradient(#4b443d,#211d19)!important;border:3px solid #171514!important;border-radius:5px!important;
  box-shadow:inset 0 0 0 2px #8f877c!important;
}
#rotaryRadio.spotify512Radio.collapsed .radioCollapse{
  width:90px!important;height:34px!important;border:2px inset #756e64!important;border-radius:2px!important;
  background:linear-gradient(#1f271c,#10150e)!important;
}
#rotaryRadio.spotify512Radio.collapsed .radioCollapse:after{content:'♫ 512 JAMS'!important;color:#dce8ac!important;font:1000 9px/1 monospace!important;letter-spacing:.02em!important}
@media(max-width:760px),(pointer:coarse){
  #rotaryRadio.spotify512Radio:not(.collapsed){width:min(312px,calc(var(--app-vw,100vw) - 14px))!important;height:286px!important;min-width:0!important;max-height:calc(var(--app-vh,100vh) - 14px)!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .radioCabinet{padding:6px!important;gap:4px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .radioTop{height:40px!important;min-height:40px!important;grid-template-columns:42px minmax(0,1fr)!important;padding-right:45px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .radioBrand,#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse{width:38px!important;height:38px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse{right:6px!important;top:6px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .spotifySafety{height:20px!important;min-height:20px!important;font-size:6px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed,#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed iframe{height:152px!important;min-height:152px!important;flex-basis:152px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions{grid-template-columns:.9fr .95fr 1.3fr!important;height:27px!important;min-height:27px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions .spotifyJoin{grid-column:auto!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions button{height:27px!important;font-size:5.8px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Foot{font-size:5px!important;height:13px!important}
}

/* R36B40Q — woodgrain/chrome vintage dashboard radio with a live Spotify tuning display. */
#rotaryRadio.spotify512Radio:not(.collapsed){width:min(370px,calc(var(--app-vw,100vw) - 18px))!important;height:300px!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCabinet{
  padding:7px!important;gap:5px!important;
  background:repeating-linear-gradient(7deg,rgba(255,218,152,.045) 0 2px,rgba(36,14,4,.055) 2px 5px),linear-gradient(90deg,#4a2715 0%,#86502c 25%,#a66c3a 52%,#65381e 76%,#3b2012 100%)!important;
  border:4px solid #171514!important;border-radius:5px!important;
  box-shadow:inset 0 0 0 2px #d7cbb8,inset 0 0 0 5px #67615a,inset 0 0 0 7px #211d19,inset 0 -9px 14px rgba(0,0,0,.36)!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioTop{grid-template-columns:50px minmax(0,1fr)!important;height:50px!important;min-height:50px!important;padding-right:53px!important;gap:6px!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioBrand,
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse{
  width:46px!important;height:46px!important;border:3px solid #cfc8bc!important;border-radius:50%!important;
  background:repeating-conic-gradient(#d8d2c8 0 5deg,#6b665f 5deg 10deg)!important;
  box-shadow:inset 0 0 0 4px #2a2724,inset 0 0 0 8px #8d867c,1px 2px 0 #000!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioBrand{color:#171514!important;text-shadow:0 1px #f4e6be!important;font:1000 7px/1 monospace!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse{right:7px!important;top:7px!important;color:#171514!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse:after{content:'MIN'!important;color:#171514!important;text-shadow:0 1px #f4e6be!important;font:1000 7px/1 monospace!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioDisplay{
  height:46px!important;padding:3px 7px 4px!important;justify-content:flex-start!important;
  background:linear-gradient(#171815,#272b22 48%,#12130f 49%,#090a08)!important;color:#eef3c8!important;
  border:3px inset #b8afa2!important;border-radius:1px!important;
  box-shadow:inset 0 0 9px rgba(204,221,139,.2),0 0 0 1px #171514!important;
}
.radioDialScale{display:flex!important;align-items:center!important;justify-content:space-between!important;height:10px!important;min-height:10px!important;margin:0 0 1px!important;color:#c8cba9!important;border-bottom:1px solid #767b61!important;font:700 5px/1 monospace!important;letter-spacing:0!important}
.radioDialScale i{display:block!important;width:1px!important;height:5px!important;background:#9ca17d!important;box-shadow:7px 0 #9ca17d,-7px 0 #9ca17d!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioDisplay small{height:8px!important;color:#f1b83e!important;font:1000 6px/1 monospace!important;letter-spacing:.12em!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioTicker{height:15px!important;line-height:15px!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .radioTicker span{
  display:inline-block!important;min-width:100%!important;padding-left:100%!important;overflow:visible!important;text-overflow:clip!important;
  color:#eef3c8!important;font:1000 9px/15px monospace!important;white-space:nowrap!important;
  animation:vintageTuneScroll 13s linear infinite!important;
}
@keyframes vintageTuneScroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotifySafety{height:20px!important;min-height:20px!important;border-color:#847c70!important;background:#d9cdaa!important;font-size:6px!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed,#rotaryRadio.spotify512Radio:not(.collapsed) .spotifyEmbed iframe{height:152px!important;min-height:152px!important;flex-basis:152px!important;border-radius:1px!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions{height:27px!important;min-height:27px!important;gap:4px!important}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Actions button{
  height:27px!important;background:linear-gradient(#eee7da 0 18%,#8a8379 20% 52%,#38342f 54% 100%)!important;
  border:2px outset #c8c0b4!important;color:#fff8e5!important;text-shadow:1px 1px #000!important;font-size:6.5px!important;
}
#rotaryRadio.spotify512Radio:not(.collapsed) .spotify512Foot{height:12px!important;color:#e3d5ac!important;font-size:5px!important}
#rotaryRadio.spotify512Radio.collapsed{width:214px!important;height:64px!important;min-width:214px!important}
#rotaryRadio.spotify512Radio.collapsed .radioCabinet{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:214px!important;height:64px!important;padding:6px 48px!important;
  background:repeating-linear-gradient(7deg,rgba(255,218,152,.05) 0 2px,rgba(36,14,4,.06) 2px 5px),linear-gradient(90deg,#4a2715,#a66c3a 50%,#3b2012)!important;
  border:3px solid #171514!important;border-radius:5px!important;box-shadow:inset 0 0 0 2px #d7cbb8,inset 0 0 0 5px #57514a!important;
}
#rotaryRadio.spotify512Radio.collapsed .radioCabinet:before,
#rotaryRadio.spotify512Radio.collapsed .radioCabinet:after{
  content:'';position:absolute;top:9px;width:40px;height:40px;border:3px solid #cfc8bc;border-radius:50%;
  background:repeating-conic-gradient(#d8d2c8 0 5deg,#6b665f 5deg 10deg);
  box-shadow:inset 0 0 0 4px #2a2724,inset 0 0 0 8px #8d867c,1px 2px 0 #000;
}
#rotaryRadio.spotify512Radio.collapsed .radioCabinet:before{left:7px}#rotaryRadio.spotify512Radio.collapsed .radioCabinet:after{right:7px}
#rotaryRadio.spotify512Radio.collapsed .radioCollapse{
  position:relative!important;z-index:2!important;width:112px!important;height:40px!important;margin:0!important;padding:4px 6px!important;
  border:3px inset #b8afa2!important;border-radius:1px!important;background:linear-gradient(#22271d,#0b0d09)!important;
  box-shadow:inset 0 0 8px rgba(204,221,139,.2)!important;overflow:hidden!important;
}
#rotaryRadio.spotify512Radio.collapsed .radioCollapse:after{
  content:attr(data-now-playing)!important;display:block!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#e8efbd!important;font:1000 7px/1.15 monospace!important;letter-spacing:.01em!important;
}
@media(max-width:760px),(pointer:coarse){
  #rotaryRadio.spotify512Radio:not(.collapsed){width:min(340px,calc(var(--app-vw,100vw) - 14px))!important;height:292px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .radioTop{grid-template-columns:46px minmax(0,1fr)!important;height:46px!important;min-height:46px!important;padding-right:49px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .radioBrand,#rotaryRadio.spotify512Radio:not(.collapsed) .radioCollapse{width:42px!important;height:42px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed) .spotifySafety{height:18px!important;min-height:18px!important;font-size:5.5px!important}
  #rotaryRadio.spotify512Radio.collapsed{width:190px!important;height:58px!important;min-width:190px!important}
  #rotaryRadio.spotify512Radio.collapsed .radioCabinet{width:190px!important;height:58px!important;padding:5px 43px!important}
  #rotaryRadio.spotify512Radio.collapsed .radioCabinet:before,#rotaryRadio.spotify512Radio.collapsed .radioCabinet:after{top:8px;width:35px;height:35px}
  #rotaryRadio.spotify512Radio.collapsed .radioCabinet:before{left:6px}#rotaryRadio.spotify512Radio.collapsed .radioCabinet:after{right:6px}
  #rotaryRadio.spotify512Radio.collapsed .radioCollapse{width:98px!important;height:36px!important}
  #rotaryRadio.spotify512Radio.collapsed .radioCollapse:after{font-size:6px!important}
}
@media(prefers-reduced-motion:reduce){#rotaryRadio.spotify512Radio:not(.collapsed) .radioTicker span{animation:none!important;padding-left:0!important;overflow:hidden!important;text-overflow:ellipsis!important}}

/* R36B40S — Training control in the Vancerts brand box plus a quieter phone HUD. */
.brand{flex-direction:column;gap:6px}
.brandTitle{font-weight:1000;line-height:1.05;letter-spacing:.055em}
.brandTrainingToggle{
  pointer-events:auto;box-sizing:border-box;width:100%;min-width:0;height:25px;min-height:25px;
  margin:0;padding:2px 7px;border:2px solid var(--paper);background:#79c88e;color:#171514;
  box-shadow:2px 2px 0 #000;font:1000 9px/1 system-ui;letter-spacing:.025em;cursor:pointer
}
.brandTrainingToggle.off{background:#555;color:#fff}
.brandTrainingToggle:focus{outline:2px solid var(--gold);outline-offset:2px}
.trainingActions{margin-top:5px}

@media(max-width:760px),(pointer:coarse){
  .hud,html.mobileFullscreen .hud{padding:4px!important}
  .top,html.mobileFullscreen .top{
    position:relative!important;display:grid!important;box-sizing:border-box!important;
    grid-template-columns:132px minmax(0,1fr)!important;grid-template-rows:38px 28px!important;
    width:100%!important;height:auto!important;min-height:0!important;gap:3px!important;align-items:stretch!important
  }
  .brand,html.mobileFullscreen .brand{
    position:static!important;display:flex!important;box-sizing:border-box!important;
    grid-column:1!important;grid-row:1!important;flex-direction:row!important;align-items:center!important;
    gap:4px!important;min-width:0!important;height:38px!important;padding:3px 4px!important;
    font-size:7px!important;line-height:1!important;overflow:hidden!important
  }
  .brandTitle{flex:1 1 auto;min-width:0;font-size:7px!important;line-height:1.02!important;white-space:nowrap!important}
  .brandTrainingToggle{
    flex:0 0 61px!important;width:61px!important;height:28px!important;min-height:28px!important;
    padding:2px!important;border-width:2px!important;box-shadow:1px 1px 0 #000!important;
    font-size:7px!important;letter-spacing:0!important
  }
  .stats,html.mobileFullscreen .stats{
    position:static!important;display:grid!important;box-sizing:border-box!important;
    grid-column:2!important;grid-row:1!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
    width:auto!important;height:38px!important;min-width:0!important;gap:2px!important;align-content:stretch!important
  }
  .chip,html.mobileFullscreen .chip{
    box-sizing:border-box!important;width:auto!important;height:38px!important;min-width:0!important;
    padding:2px 1px!important;border-width:2px!important;font-size:clamp(5.5px,1.2vw,7.5px)!important;
    line-height:1.05!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  .controlBar,html.mobileFullscreen .controlBar{
    position:static!important;display:block!important;box-sizing:border-box!important;
    grid-column:1/-1!important;grid-row:2!important;top:auto!important;left:auto!important;right:auto!important;
    width:auto!important;height:28px!important;min-height:28px!important;margin:0!important;padding:1px 2px!important;
    border-width:2px!important;box-shadow:2px 2px 0 #000!important;overflow:hidden!important
  }
  .controlBar .keyRow,html.mobileFullscreen .controlBar .keyRow{
    display:block!important;width:100%!important;height:100%!important;min-height:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important
  }
  .driveDirections,:fullscreen .driveDirections,html.mobileFullscreen .driveDirections,
  .keyRow:before{display:none!important;content:none!important}
  .hudActions,html.mobileFullscreen .hudActions{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;height:100%!important;gap:3px!important;align-items:stretch!important
  }
  .hudActions button,#hudSave,#hudLoad,#hudHowTo,#fullscreenToggle,
  html.mobileFullscreen .hudActions button{
    display:flex!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
    flex:none!important;width:100%!important;min-width:0!important;height:22px!important;min-height:22px!important;
    margin:0!important;padding:1px 2px!important;border-width:2px!important;box-shadow:1px 1px 0 #000!important;
    font-size:6.5px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important
  }
  .landscapeToggle,html.mobileFullscreen .landscapeToggle{
    display:none!important;pointer-events:none!important
  }
  .mobileSteer,.mobileDrive,html.mobileFullscreen .mobileSteer,html.mobileFullscreen .mobileDrive{
    bottom:calc(var(--safe-bottom) + 3px)!important;gap:6px!important;z-index:64!important
  }
  .mobileSteer{left:var(--safe-left)!important}.mobileDrive{right:var(--safe-right)!important}
  .mobileSteer button,.mobileDrive button,
  html.mobileFullscreen .mobileSteer button,html.mobileFullscreen .mobileDrive button{
    width:48px!important;height:48px!important;padding:0!important;border-radius:10px!important;
    font-size:19px!important;box-shadow:2px 2px 0 #000!important
  }
  .objective,body.trainingWheelsActive .objective,
  html.mobileFullscreen .objective,html.mobileFullscreen body.trainingWheelsActive .objective{
    box-sizing:border-box!important;left:110px!important;right:55px!important;
    bottom:calc(var(--safe-bottom) + 3px)!important;width:auto!important;max-width:none!important;max-height:64px!important;
    padding:4px 5px!important;border-width:2px!important;box-shadow:2px 2px 0 #000!important;
    font-size:7.5px!important;line-height:1.13!important;overflow:auto!important;z-index:57!important
  }
  .trainingHeader{margin:0 0 3px!important;padding-bottom:3px!important;gap:4px!important;border-bottom-width:1px!important}
  .trainingBadge,.trainingProgress{font-size:5.5px!important}
  .trainingBadge{padding:2px 3px!important;border-width:1px!important}
  .trainingActions{gap:3px!important;margin-top:3px!important}
  .trainingActions button{
    height:21px!important;min-height:21px!important;margin:0!important;padding:1px 4px!important;
    border-width:1px!important;box-shadow:1px 1px 0 #000!important;font-size:5.5px!important
  }
  .phone.deviceReliable.collapsed,html.mobileFullscreen .phone.deviceReliable.collapsed{
    width:54px!important;height:44px!important;min-width:54px!important;padding:4px!important;transform:none!important
  }
  .phone.deviceReliable.collapsed .phoneCollapse,
  html.mobileFullscreen .phone.deviceReliable.collapsed .phoneCollapse{
    width:44px!important;height:34px!important;min-height:34px!important;font-size:16px!important
  }
  #rotaryRadio.spotify512Radio.collapsed{
    width:160px!important;height:50px!important;min-width:160px!important
  }
  #rotaryRadio.spotify512Radio.collapsed .radioCabinet{
    width:160px!important;height:50px!important;padding:4px 37px!important
  }
  #rotaryRadio.spotify512Radio.collapsed .radioCabinet:before,
  #rotaryRadio.spotify512Radio.collapsed .radioCabinet:after{
    top:7px!important;width:30px!important;height:30px!important;border-width:2px!important
  }
  #rotaryRadio.spotify512Radio.collapsed .radioCabinet:before{left:5px!important}
  #rotaryRadio.spotify512Radio.collapsed .radioCabinet:after{right:5px!important}
  #rotaryRadio.spotify512Radio.collapsed .radioCollapse{
    width:86px!important;height:32px!important;padding:3px 5px!important;border-width:2px!important
  }
  #rotaryRadio.spotify512Radio.collapsed .radioCollapse:after{font-size:5.5px!important}
  #rotaryRadio.spotify512Radio:not(.collapsed){
    width:min(320px,calc(var(--app-vw,100vw) - 10px))!important;
    height:min(286px,calc(var(--app-vh,100vh) - 10px))!important;min-width:0!important
  }
  .phone.deviceReliable:not(.collapsed){
    max-width:calc(var(--app-vw,100vw) - 10px)!important;max-height:calc(var(--app-vh,100vh) - 10px)!important
  }
  .toast,html.mobileFullscreen .toast{
    top:74px!important;max-width:min(290px,70vw)!important;max-height:56px!important;
    padding:5px 8px!important;font-size:8px!important;line-height:1.12!important
  }
  .modalWrap,html.mobileFullscreen .modalWrap{padding:5px!important;align-items:center!important;overflow:hidden!important}
  .modal,html.mobileFullscreen .modal{
    box-sizing:border-box!important;width:min(680px,100%)!important;max-height:calc(var(--app-vh,100vh) - 10px)!important;
    min-height:0!important;margin:auto!important;padding:10px!important;overflow:auto!important
  }
  .modal h2{font-size:clamp(18px,5vw,26px)!important;margin-bottom:7px!important}
  .modal button{min-height:40px!important}
  .splash{padding:5px!important;overflow:auto!important}
  .splashBox{box-sizing:border-box!important;width:min(680px,100%)!important;max-height:calc(100dvh - 10px)!important;padding:12px!important;overflow:auto!important}
  .splashBox .logo{font-size:clamp(28px,8vw,48px)!important}
}

@media(pointer:coarse) and (orientation:portrait){
  .top,html.mobileFullscreen .top{
    grid-template-columns:102px minmax(0,1fr)!important;grid-template-rows:50px 28px!important
  }
  .brand,html.mobileFullscreen .brand{
    height:50px!important;flex-direction:column!important;gap:2px!important;padding:3px!important
  }
  .brandTitle{font-size:6.5px!important;line-height:1!important}
  .brandTrainingToggle{
    flex:0 0 22px!important;width:100%!important;height:22px!important;min-height:22px!important;font-size:6.5px!important
  }
  .stats,html.mobileFullscreen .stats{
    height:50px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important
  }
  .chip,html.mobileFullscreen .chip{height:24px!important;font-size:clamp(6px,2.1vw,8px)!important}
  .objective,body.trainingWheelsActive .objective,
  html.mobileFullscreen .objective,html.mobileFullscreen body.trainingWheelsActive .objective{
    left:110px!important;right:55px!important;max-height:76px!important
  }
  .toast,html.mobileFullscreen .toast{top:86px!important}
}

@media(pointer:coarse) and (orientation:landscape) and (max-height:430px){
  .top,html.mobileFullscreen .top{grid-template-rows:34px 25px!important}
  .brand,html.mobileFullscreen .brand{height:34px!important;padding:2px 3px!important}
  .brandTitle{font-size:6.5px!important}
  .brandTrainingToggle{height:24px!important;min-height:24px!important;font-size:6.5px!important}
  .stats,html.mobileFullscreen .stats{height:34px!important}
  .chip,html.mobileFullscreen .chip{height:34px!important;font-size:clamp(5px,1.1vw,6.5px)!important}
  .controlBar,html.mobileFullscreen .controlBar{height:25px!important;min-height:25px!important}
  .hudActions button,#hudSave,#hudLoad,#hudHowTo,#fullscreenToggle,
  html.mobileFullscreen .hudActions button{height:19px!important;min-height:19px!important;font-size:6px!important}
  .objective,body.trainingWheelsActive .objective,
  html.mobileFullscreen .objective,html.mobileFullscreen body.trainingWheelsActive .objective{
    max-height:58px!important;font-size:7px!important;line-height:1.1!important
  }
  .toast,html.mobileFullscreen .toast{top:66px!important}
}

/* R36B41A — staff roster, receipt archive, deduction school, automatic show costs, and Paul’s white VANCERTS-magnet truck. */
.modalWrap{z-index:110}
.phoneNav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-left:0!important;margin-right:0!important}
.phoneCall,.phoneReset,.phoneMail,.phoneWaygo{box-sizing:border-box;width:100%;height:28px;padding:0 1px;color:#fff;border:2px solid #222;border-radius:14px;box-shadow:none;font-size:7.5px;letter-spacing:.02em}
.phoneWaygo{background:var(--gold);color:var(--ink)}
.waygoIntro{border:4px solid var(--blue);background:#e8f4ed;padding:10px;margin-bottom:10px}
.waygoGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.waygoCard{position:relative;border-color:#244f63}.waygoCard h3{padding-right:52px;margin-bottom:5px}.waygoFare{position:absolute;right:7px;top:7px;background:var(--gold);border:2px solid #111;padding:4px 6px;font-weight:1000}.waygoCard button{width:100%}
.waygoFade{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#111;color:var(--gold);font-size:clamp(30px,9vw,76px);font-weight:1000;letter-spacing:.12em;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .45s}.waygoFade.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease}.waygoFade small{display:block;color:var(--paper);font-size:clamp(10px,2vw,15px);letter-spacing:.08em;text-align:center;margin-top:8px}
.financeHero{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;margin:9px 0}.financeMetric{border:3px solid #222;background:#fff8e5;padding:8px;min-height:76px}.financeMetric span{display:block;font-size:10px;font-weight:900;letter-spacing:.04em}.financeMetric b{display:block;font-size:clamp(18px,3vw,28px);line-height:1.15;margin-top:4px}.financeMetric.earned{border-color:#287944}.financeMetric.spent{border-color:#b2362c}.financeMetric.debt{border-color:#b78415}
.financeSplit{display:grid;grid-template-columns:1fr 1fr;gap:9px}.financeList{margin:0;padding-left:18px}.financeList li{margin:3px 0}.ledger{border:3px solid #222;background:#fff8e5;max-height:250px;overflow:auto}.ledgerRow{display:grid;grid-template-columns:76px minmax(140px,1fr) 95px;gap:7px;align-items:center;padding:7px 8px;border-bottom:1px solid #b8aa83;font-size:11px}.ledgerRow:last-child{border-bottom:0}.ledgerRow .ledgerAmount{text-align:right;font-weight:1000}.ledgerRow.income .ledgerAmount{color:#16723a}.ledgerRow.expense .ledgerAmount{color:#ad2028}.ledgerRow.loan .ledgerAmount{color:#8a5a00}.ledgerRow.repayment .ledgerAmount{color:#3f6078}.ledgerEmpty{padding:12px;text-align:center}.bankDaily{border:4px solid var(--gold);background:#fff3c8;padding:11px}.bankAmountDisplay{background:#171514;color:#f5dc7c;border:4px inset #666;padding:9px;text-align:right;font:1000 24px monospace;min-height:54px;overflow:hidden}.bankKeypad{display:grid;grid-template-columns:repeat(3,minmax(58px,1fr));gap:7px;margin-top:10px}.bankKeypad button{min-height:46px;font-size:17px}.bankKeypad .wide{grid-column:span 2}.loanRow{border:3px solid #222;background:#fff8e5;padding:8px;margin-top:7px}.loanProgress{height:9px;background:#d0c6a8;border:1px solid #222;margin:7px 0}.loanProgress i{display:block;height:100%;background:var(--green)}
@media(max-width:760px),(pointer:coarse){.financeHero{grid-template-columns:repeat(2,minmax(0,1fr))}.financeSplit{grid-template-columns:1fr}.ledgerRow{grid-template-columns:61px minmax(96px,1fr) 72px;font-size:9px}.waygoGrid{grid-template-columns:1fr}.bankKeypad button{min-height:48px}.phoneNav{gap:3px!important}.phoneCall,.phoneReset,.phoneMail,.phoneWaygo{height:44px!important;min-height:44px!important;font-size:7px}}
@media(max-width:420px){.financeHero{grid-template-columns:1fr 1fr}.financeMetric{min-height:62px;padding:6px}.financeMetric b{font-size:17px}.waygoCard h3{font-size:15px}}
/* R36B41A • staff, receipts, expense tracking, and deduction teaching. */
.receiptGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:9px}.receiptCard{background:#fffef2;border:3px solid #222;box-shadow:3px 3px 0 #b8aa83;padding:10px;position:relative}.receiptCard.estimate{border-style:dashed;background:#f1eee1}.receiptHead{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:2px dashed #8b8064;padding-bottom:6px;margin-bottom:7px}.receiptHead b{font-size:12px}.receiptNo{font:900 9px monospace;color:#5d5747;text-align:right}.receiptLine{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:3px 0}.receiptLine span:first-child{color:#5d5747}.receiptPurpose{margin-top:7px;padding:7px;border:2px solid #b8aa83;background:#fff8e5;font-size:10px;line-height:1.35}.deductionBadge{display:inline-block;margin-top:7px;padding:4px 7px;border:2px solid #222;background:#79c88e;font-size:10px;font-weight:1000}.deductionBadge.partial{background:#f1b83e}.deductionBadge.review{background:#ddd}.deductionBadge.income{background:#3f84a5;color:#fff}.receiptMini{padding:3px 6px!important;min-height:0!important;border:1px solid #222!important;box-shadow:none!important;font-size:8px!important;margin-top:4px}.taxSchool{border:4px solid #315d3b;background:#e8f2df;padding:11px;margin:10px 0}.taxSchool h3{margin:0 0 6px}.staffRoster{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.6fr);gap:10px}.staffPortrait{background:#f4e6be;border:4px solid #222;min-height:165px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.staffPortrait:before{content:'PAUL';position:absolute;left:8px;bottom:7px;background:#111;color:#fff;padding:4px 7px;font-weight:1000}.staffTruckPreview{width:150px;height:70px;position:relative;background:#fff;border:4px solid #222;border-radius:10px 18px 7px 7px;box-shadow:7px 7px 0 rgba(0,0,0,.25)}.staffTruckPreview:before{content:'VANCERTS';position:absolute;left:48px;top:30px;background:#f4e6be;border:2px solid #111;padding:2px 5px;font-size:9px;font-weight:1000}.staffTruckPreview:after{content:'';position:absolute;left:15px;right:15px;bottom:-12px;height:22px;background:radial-gradient(circle at 15px 11px,#111 0 9px,transparent 10px),radial-gradient(circle at calc(100% - 15px) 11px,#111 0 9px,transparent 10px)}.staffStatus{display:inline-block;padding:4px 7px;border:2px solid #222;background:#ddd;font-size:10px;font-weight:1000}.staffStatus.hired{background:#79c88e}.staffStatus.scheduled{background:#f1b83e}.financeMetric.deduction{border-color:#315d3b}.financeMetric.estimate{border-color:#777}.ledgerRow.estimate .ledgerAmount{color:#666}.ledgerRow{grid-template-columns:76px minmax(140px,1fr) 95px}.expenseActions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.expenseActions button{flex:1 1 180px}.receiptNote{font-size:9px;color:#5d5747;line-height:1.35}
@media(max-width:760px),(pointer:coarse){.staffRoster{grid-template-columns:1fr}.receiptGrid{grid-template-columns:1fr}.receiptCard{padding:8px}.receiptLine{font-size:10px}.ledgerRow{grid-template-columns:61px minmax(96px,1fr) 72px}.receiptMini{font-size:7px!important}}

/* R36B43A — mandatory city driver-permit gate shown after Play. */
.permitGateShell{max-width:820px;margin:auto;background:linear-gradient(145deg,#efe5bb,#d5c485);border:6px solid #171514;box-shadow:10px 10px 0 #e64a38;color:#171514;padding:16px;position:relative;overflow:hidden}
.permitGateShell:before{content:"CITY OF AUSTIN • MOBILE EVENT OPERATIONS";display:block;background:#171514;color:#f4e6be;padding:8px 12px;margin:-16px -16px 14px;font:1000 11px/1 system-ui;letter-spacing:.12em;text-align:center}
.permitGateTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-bottom:5px solid #171514;padding-bottom:9px;margin-bottom:12px}.permitGateTitle h2{margin:0!important;font-size:clamp(24px,5vw,42px);line-height:.95}.permitGateTitle b{background:#e64a38;color:#fff;border:3px solid #171514;padding:6px 9px;white-space:nowrap}
.permitGateGrid{display:grid;grid-template-columns:minmax(220px,42%) 1fr;gap:15px}.permitGatePhoto{position:relative;background:#111;border:5px solid #171514;min-height:250px;overflow:hidden}.permitGatePhoto img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover;object-position:center;image-rendering:auto}.permitGatePhoto:after{content:"BACKUP ID PHOTO • VANCERTS VAN";position:absolute;left:7px;right:7px;bottom:7px;background:rgba(23,21,20,.86);color:#fff8e5;border:2px solid #f4e6be;padding:5px;text-align:center;font:1000 9px/1.1 system-ui;letter-spacing:.06em}
.permitGateFields{display:flex;flex-direction:column;gap:9px}.permitGateFields label{font-weight:1000;letter-spacing:.05em}.permitGateFields input{width:100%;padding:12px;border:4px solid #171514;background:#fffef2;font-size:18px;font-weight:1000}.permitGateId{background:#fff8e5;border:3px dashed #171514;padding:10px;font:1000 11px/1.35 monospace}.permitGateNote{background:#e8f2df;border:3px solid #315d3b;padding:9px;font-size:11px;line-height:1.35}.permitGateActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permitGateActions button{min-height:52px}.permitGateIssue{grid-column:1/-1;background:#4c9a65!important;color:#fff;font-size:17px!important}.permitGateLock{text-align:center;margin-top:10px;font:1000 10px/1.25 system-ui;letter-spacing:.06em}
.permitLetterLaunch{width:100%;margin-top:6px;background:#3f84a5;color:#fff}.permitLetterBox{margin-top:8px;padding:10px;background:#171514;color:#fff;border:4px solid #e64a38}.permitLetterBox.hidden{display:none!important}.permitLetterDisplay{min-height:45px;background:#fffef2;color:#171514;border:3px solid #f1b83e;padding:9px;font:1000 20px/1.15 monospace;word-break:break-word;margin-bottom:8px}.permitKeyboard{display:grid;grid-template-columns:repeat(7,minmax(38px,1fr));gap:6px}.permitKeyboard button{min-height:42px;padding:6px 4px;box-shadow:2px 2px 0 #000}.permitKeyboard .wide{grid-column:span 2}.permitKeyboard .done{grid-column:span 3;background:#79c88e}.permitKeyboard .back{background:#ddd}.permitKeyboard .clear{background:#e64a38;color:#fff}.equipment button.gearPartial{background:#f1df8a;color:#171514}.equipment button.gearEnough{background:#79c88e;color:#17351f;opacity:.68;filter:saturate(.8)}.equipment button.gearEnough:after{content:"  ✓"}.controllerScrollHint{display:block;margin:7px 0 0;font:1000 10px/1.2 system-ui;color:#315d3b;letter-spacing:.04em}
@media(max-width:700px){.permitKeyboard{grid-template-columns:repeat(6,minmax(36px,1fr))}.permitKeyboard button{min-height:40px}}
.permitCareerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.permitCareerChoice{display:block;border:3px solid #171514;background:#fff8e5;padding:8px;font-size:10px;font-weight:1000;cursor:pointer}.permitCareerChoice input{width:auto!important;margin-right:5px}.permitCareerChoice:has(input:checked){background:#79c88e;box-shadow:3px 3px 0 #171514}.permitBandName{display:none}.permitBandName.show{display:block}
@media(max-width:700px){.permitGateShell{padding:11px}.permitGateShell:before{margin:-11px -11px 11px}.permitGateGrid{grid-template-columns:1fr}.permitGatePhoto{min-height:170px;max-height:220px}.permitGatePhoto img{min-height:170px}.permitGateTitle{align-items:center}.permitGateTitle b{font-size:9px}.permitGateActions{grid-template-columns:1fr 1fr}.permitGateIssue{font-size:14px!important}}

/* R36B41B — restored intro permit setup + Nookia touchscreen app launcher. */
.introPermitSetup{margin:14px auto 10px;max-width:700px;border:4px solid #171514;background:#efe5bb;padding:12px;text-align:left;box-shadow:5px 5px 0 #e64a38}
.introPermitSetup h3{margin:0 0 8px}.introPermitGrid{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:12px;align-items:stretch}.introPermitPreview{border:4px solid #171514;background:#d8c88f;min-height:125px;display:grid;place-items:center;text-align:center;font-weight:1000;overflow:hidden}.introPermitPreview img{width:100%;height:100%;min-height:125px;object-fit:cover;image-rendering:pixelated}.introPermitFields input{box-sizing:border-box;width:100%;padding:11px;border:3px solid #171514;background:#fffef2;font-weight:900;margin:5px 0 8px}.introPermitId{padding:7px;border:2px dashed #171514;background:#fff8e5;font:900 10px monospace}.introPermitSetup .small{display:block;margin-top:6px}
.phone{background:linear-gradient(145deg,#1e2427,#080b0c)!important;border-color:#0b0d0e!important;border-radius:24px!important;padding:10px!important;box-shadow:7px 7px 0 rgba(0,0,0,.55),inset 0 0 0 2px #69767b!important}.phoneBrand{color:#e7f4f5!important;text-shadow:none!important;letter-spacing:.18em!important}.phoneScreen{height:157px!important;background:#9fc6bb!important;border:4px solid #3b4c4d!important;border-radius:10px!important;box-shadow:inset 0 0 12px rgba(0,0,0,.25)!important}.phoneScreen canvas{height:105px!important}.phoneStatus{border-top-color:#466d64!important;color:#10211e!important}.phoneNav{display:none!important}.phoneKeys{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:7px 0 0!important}.phoneKeys .phoneApp{height:50px!important;min-height:50px!important;border:2px solid #d9e3e1!important;border-radius:11px!important;background:linear-gradient(#eff7f5,#aac8c1)!important;color:#10211e!important;box-shadow:0 3px 0 #334443!important;font:1000 8px/1.05 system-ui!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}.phoneKeys .phoneApp span{font-size:18px;line-height:1}.phoneKeys .phoneApp.alert{background:#f1b83e!important;outline:2px solid #fff}.phoneHint{color:#dce8e8!important;margin-top:7px!important}.phone.collapsed .phoneBrand:after{content:'▣'!important}.phone.collapsed .phoneKeys{display:none!important}
.dialerDisplay{background:#9fc6bb;border:4px solid #263637;border-radius:9px;padding:12px;font:1000 22px/1.1 monospace;text-align:center;min-height:48px;overflow-wrap:anywhere}.dialerPad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.dialerPad button{min-height:54px;font-size:20px}.dialerActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.phone{height:494px!important}.phoneKeys{overflow:auto!important;max-height:292px!important}
@media(max-width:760px),(pointer:coarse){.introPermitGrid{grid-template-columns:1fr}.phone{width:230px!important;height:510px!important}.phoneScreen{height:165px!important}.phoneKeys .phoneApp{height:58px!important;min-height:58px!important;font-size:9px!important}.phoneKeys .phoneApp span{font-size:21px}}

/* R36B42A — Community Radio behaves as a true Nookia app and returns to the phone home screen. */
.phone.radioAppOpen{height:510px!important}
.phone.radioAppOpen>.phoneScreen,.phone.radioAppOpen>.phoneNav,.phone.radioAppOpen>.phoneKeys,.phone.radioAppOpen>.phoneHint,.phone.radioAppOpen>.phoneBigReset{display:none!important}
#rotaryRadio.inPhoneApp{
  position:absolute!important;left:8px!important;right:8px!important;top:43px!important;bottom:8px!important;
  width:auto!important;height:auto!important;min-width:0!important;max-height:none!important;
  transform:none!important;margin:0!important;z-index:30!important;display:block!important;
}
#rotaryRadio.inPhoneApp .radioCabinet{width:100%!important;height:100%!important;box-sizing:border-box!important;border-radius:12px!important}
#rotaryRadio.inPhoneApp .radioCollapse{font-size:0!important}
#rotaryRadio.inPhoneApp .radioCollapse:after{content:'BACK'!important;font:1000 6.5px/1 monospace!important}
#rotaryRadio.inPhoneApp.collapsed{width:auto!important;height:auto!important;min-width:0!important}
#rotaryRadio.inPhoneApp.collapsed .radioCabinet{display:flex!important}
.phoneKeys .spotifyAppIcon{width:18px;height:18px;display:block!important}
.phoneKeys .spotifyAppIcon circle{fill:#1ed760}
.phoneKeys .spotifyAppIcon path{fill:none;stroke:#07120b;stroke-width:2.2;stroke-linecap:round}
.phoneNowPlayingPrefix{font-weight:1000}

/* R36B41I — compact phone home: Community Radio label, no Map app, Reset moved to Map position, plus large bottom Reset. */
.controlBar{display:none!important}
.phoneKeys{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding-top:5px!important}
.phoneKeys .phoneApp{height:39px!important;min-height:39px!important;padding:2px 1px!important;border-width:1px!important;border-radius:8px!important;box-shadow:0 2px 0 #334443!important;font-size:6.5px!important;line-height:1!important;gap:1px!important}
.phoneKeys .phoneApp span{font-size:14px!important;line-height:1!important}
#phoneFullscreenApp.active{background:#e64a38!important;color:#fff!important;outline:2px solid #fff}
.phoneBigReset{box-sizing:border-box;width:100%;min-height:42px;margin:7px 0 0;padding:8px 10px;border:3px solid #f3d7d2;border-radius:12px;background:linear-gradient(#e95d50,#ae241c);color:#fff;box-shadow:0 3px 0 #3b0907;font:1000 11px/1 system-ui;letter-spacing:.08em}.phoneBigReset:active{transform:translateY(2px);box-shadow:0 1px 0 #3b0907}.phoneBigReset span{font-size:15px;margin-right:6px}.phoneHint{margin-top:5px!important}
@media(max-width:760px),(pointer:coarse){.phone{height:510px!important}.phoneKeys .phoneApp{height:41px!important;min-height:41px!important;font-size:6.4px!important}.phoneKeys .phoneApp span{font-size:15px!important}.phoneBigReset{min-height:46px;font-size:12px}}
@media(max-width:430px){.phone{width:224px!important}.phoneKeys{gap:3px!important}.phoneKeys .phoneApp{font-size:5.8px!important;padding:1px!important}}

/* R36B42B — symmetrical Nookia app grid, fitted Community Radio app, and full landscape phone visibility. */
#phoneResetApp{display:none!important}
.phoneKeys{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:41px!important;
  gap:4px!important;
  overflow:visible!important;
  max-height:none!important;
}
.phoneKeys .phoneApp{
  width:100%!important;height:41px!important;min-height:41px!important;
  margin:0!important;padding:2px!important;box-sizing:border-box!important;
  overflow:hidden!important;text-align:center!important;
}
.phoneKeys .phoneApp svg,.phoneKeys .phoneApp span{flex:0 0 auto!important}
.phoneKeys .phoneApp#phoneFullscreenApp{font-size:5.7px!important;letter-spacing:-.01em!important}

/* Radio is a real fitted phone app: never wider or taller than the Nookia screen. */
.phone.radioAppOpen{height:510px!important;overflow:hidden!important}
#rotaryRadio.inPhoneApp{
  position:absolute!important;inset:45px 10px 10px 10px!important;
  width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
  min-width:0!important;transform:none!important;filter:none!important;overflow:hidden!important;
}
#rotaryRadio.inPhoneApp .radioCabinet{
  width:100%!important;height:100%!important;min-width:0!important;
  display:grid!important;grid-template-rows:32px 22px minmax(0,1fr) 38px 22px!important;
  padding:5px!important;box-sizing:border-box!important;overflow:hidden!important;
  transform:none!important;transform-origin:top left!important;
}
#rotaryRadio.inPhoneApp .radioTop{height:auto!important;min-height:0!important;grid-template-columns:38px minmax(0,1fr)!important}
#rotaryRadio.inPhoneApp .radioBrand{font-size:7px!important;line-height:.9!important}
#rotaryRadio.inPhoneApp .radioDisplay{min-width:0!important;height:28px!important;padding:2px 4px!important}
#rotaryRadio.inPhoneApp .radioDialScale{font-size:5px!important}
#rotaryRadio.inPhoneApp .radioDisplay small,#rotaryRadio.inPhoneApp .radioTicker span{font-size:6px!important}
#rotaryRadio.inPhoneApp .spotifySafety{height:auto!important;min-height:0!important;padding:3px!important;font-size:5.2px!important;white-space:normal!important;overflow:hidden!important}
#rotaryRadio.inPhoneApp .spotifyEmbed,#rotaryRadio.inPhoneApp .spotifyEmbed iframe{
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  border:0!important;display:block!important;overflow:hidden!important;
}
#rotaryRadio.inPhoneApp .spotify512Actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;padding:3px 0!important;min-width:0!important}
#rotaryRadio.inPhoneApp .spotify512Actions button{min-width:0!important;height:30px!important;min-height:30px!important;padding:2px!important;font-size:5.6px!important;white-space:normal!important;line-height:1!important;overflow:hidden!important}
#rotaryRadio.inPhoneApp .spotify512Foot{font-size:4.8px!important;line-height:1.1!important;height:auto!important;overflow:hidden!important;padding:2px!important}
#rotaryRadio.inPhoneApp .radioCollapse{top:3px!important;right:3px!important;width:38px!important;height:24px!important;z-index:8!important}

/* Full landscape mode keeps the entire phone, apps, labels and reset control visible. */
@media (pointer:coarse) and (orientation:landscape){
  .phone:not(.collapsed),html.mobileFullscreen .phone:not(.collapsed){
    display:block!important;width:230px!important;height:510px!important;
    right:max(6px,env(safe-area-inset-right))!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    transform:scale(var(--landscape-phone-scale,.62))!important;
    transform-origin:bottom right!important;overflow:hidden!important;
  }
  .phone:not(.collapsed) .phoneScreen{display:block!important;height:165px!important}
  .phone:not(.collapsed) .phoneKeys{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:41px!important;max-height:none!important;overflow:visible!important}
  .phone:not(.collapsed) .phoneHint{display:block!important;margin-top:5px!important}
  .phone:not(.collapsed) .phoneBigReset{display:block!important}
  .phone.radioAppOpen:not(.collapsed)>.phoneScreen,.phone.radioAppOpen:not(.collapsed)>.phoneKeys,.phone.radioAppOpen:not(.collapsed)>.phoneHint,.phone.radioAppOpen:not(.collapsed)>.phoneBigReset{display:none!important}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:430px){
  .phone:not(.collapsed),html.mobileFullscreen .phone:not(.collapsed){--landscape-phone-scale:.55}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:380px){
  .phone:not(.collapsed),html.mobileFullscreen .phone:not(.collapsed){--landscape-phone-scale:.49}
}

/* R36B42C — radio opens only from the phone, floats above the game, and is fully off-screen when closed. */
.phone.radioAppOpen{height:494px!important;overflow:visible!important}
.phone.radioAppOpen>.phoneScreen,.phone.radioAppOpen>.phoneKeys,.phone.radioAppOpen>.phoneHint,.phone.radioAppOpen>.phoneBigReset{display:initial!important}
.rotaryRadio.radioOverlayOpen{
 position:fixed!important;z-index:140!important;width:min(620px,92vw)!important;height:min(560px,82vh)!important;
 max-width:92vw!important;max-height:82vh!important;display:block!important;overflow:hidden!important;
}
.rotaryRadio.radioOverlayOpen .radioCabinet{
 box-sizing:border-box!important;width:100%!important;height:100%!important;transform:none!important;transform-origin:center!important;
 display:flex!important;flex-direction:column!important;padding:10px!important;
}
.rotaryRadio.radioOverlayOpen .radioTop{flex:0 0 auto!important;height:62px!important;grid-template-columns:100px minmax(0,1fr)!important}
.rotaryRadio.radioOverlayOpen .spotifySafety{flex:0 0 auto!important}
.rotaryRadio.radioOverlayOpen .spotifyEmbed{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important}
.rotaryRadio.radioOverlayOpen .spotifyEmbed iframe{width:100%!important;height:100%!important;min-height:0!important;border:0!important}
.rotaryRadio.radioOverlayOpen .spotify512Actions{flex:0 0 auto!important}
.rotaryRadio.radioOverlayOpen .spotify512Foot{flex:0 0 auto!important}
.rotaryRadio.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media (orientation:landscape) and (max-height:560px){
 .rotaryRadio.radioOverlayOpen{width:min(760px,88vw)!important;height:min(430px,88vh)!important}
 .rotaryRadio.radioOverlayOpen .radioTop{height:48px!important;grid-template-columns:82px minmax(0,1fr)!important}
 .rotaryRadio.radioOverlayOpen .spotify512Foot{font-size:7px!important}
}

/* R36B42D — tape radio + universal Nookia fit. */
.phoneKeys .tapeAppIcon{display:grid!important;place-items:center;width:18px;height:14px!important;border:2px solid #10211e;border-radius:3px;background:#d6c39a;color:#10211e;font:1000 10px/1 monospace!important;box-shadow:inset 0 -3px 0 #7f6845}
.phoneKeys{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:41px!important;overflow:visible!important;max-height:none!important}
.phoneKeys .phoneApp{min-width:0!important;width:100%!important;overflow:hidden!important;text-align:center!important;white-space:normal!important}
.phone:not(.collapsed){right:10px!important;bottom:10px!important;left:auto!important;top:auto!important;width:230px!important;height:510px!important;transform:scale(var(--phone-fit-scale,1))!important;transform-origin:bottom right!important;max-width:none!important;max-height:none!important}
.phone:not(.collapsed) .phoneScreen{height:165px!important}.phone:not(.collapsed) .phoneBigReset{display:block!important;margin-top:7px!important}.phone.collapsed{transform:none!important}
#rotaryRadio.radioOverlayOpen .radioCabinet{background:linear-gradient(145deg,#c9b386,#8f754c)!important;border-color:#211b13!important;box-shadow:inset 0 0 0 5px #4f3e29,8px 8px 0 rgba(0,0,0,.65)!important}
#rotaryRadio.radioOverlayOpen .radioTop{background:linear-gradient(#26231d,#111)!important;border:4px solid #493b28!important;position:relative!important;overflow:hidden!important}
#rotaryRadio.radioOverlayOpen .radioTop:before,#rotaryRadio.radioOverlayOpen .radioTop:after{content:'';position:absolute;top:50%;width:34px;height:34px;margin-top:-17px;border:5px solid #d8c59b;border-radius:50%;background:radial-gradient(circle,#17130e 0 5px,#9b845b 6px 10px,#231d15 11px 16px,#c9b386 17px);box-sizing:border-box;opacity:.95}
#rotaryRadio.radioOverlayOpen .radioTop:before{left:52px}#rotaryRadio.radioOverlayOpen .radioTop:after{right:52px}
#rotaryRadio.radioOverlayOpen .radioBrand{background:#d8c59b!important;color:#1f1a13!important;border-color:#211b13!important;text-shadow:none!important}
#rotaryRadio.radioOverlayOpen .radioDisplay{background:#171a13!important;border-color:#d8c59b!important;color:#efcf67!important}
#rotaryRadio.radioOverlayOpen .spotifySafety{background:#e4d4ad!important;color:#2b2318!important;border-color:#4f3e29!important}
#rotaryRadio.radioOverlayOpen .spotify512Actions button{background:linear-gradient(#e0d0a9,#9e8459)!important;color:#1d1811!important;border-color:#211b13!important;box-shadow:0 3px 0 #211b13!important}
#rotaryRadio.radioOverlayOpen .spotify512Foot{background:#2a241b!important;color:#e7d5ab!important}
@media(max-height:620px){.phone:not(.collapsed){bottom:6px!important;right:6px!important}}

/* R36B42H — universal Nookia aspect-fit hotfix. One complete phone in every viewport. */
.phone:not(.collapsed),html.mobileFullscreen .phone:not(.collapsed){
  position:fixed!important;
  width:230px!important;
  height:510px!important;
  left:auto!important;
  right:var(--nookia-right,10px)!important;
  top:var(--nookia-top,10px)!important;
  bottom:auto!important;
  transform:scale(var(--phone-fit-scale,1))!important;
  transform-origin:top right!important;
  overflow:hidden!important;
  max-width:none!important;
  max-height:none!important;
  z-index:73!important;
}
.phone:not(.collapsed) .phoneScreen{display:block!important;height:165px!important}
.phone:not(.collapsed) .phoneKeys{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:41px!important;
  gap:4px!important;
  max-height:none!important;
  overflow:visible!important;
}
.phone:not(.collapsed) .phoneHint{display:block!important;margin-top:5px!important}
.phone:not(.collapsed) .phoneBigReset{display:block!important;margin-top:7px!important}
.phone:not(.collapsed).radioAppOpen>.phoneScreen,
.phone:not(.collapsed).radioAppOpen>.phoneKeys,
.phone:not(.collapsed).radioAppOpen>.phoneHint,
.phone:not(.collapsed).radioAppOpen>.phoneBigReset{display:block!important}
@media (orientation:landscape){
  .phone:not(.collapsed),html.mobileFullscreen .phone:not(.collapsed){width:230px!important;height:510px!important}
}

/* R36B42H — remove unused black space below Reset Story while preserving universal phone scaling. */
.phone:not(.collapsed),html.mobileFullscreen .phone:not(.collapsed){height:430px!important}
@media (orientation:landscape){.phone:not(.collapsed),html.mobileFullscreen .phone:not(.collapsed){height:430px!important}}

/* R36B46A — animated VANCERTS brand intro and in-game watermark. */
#vancertsBrandIntro{position:fixed;inset:0;z-index:140;background:#080808;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:opacity .42s ease,visibility .42s ease}
#vancertsBrandIntro.done{opacity:0;visibility:hidden;pointer-events:none}
.vbiScene{position:relative;width:min(980px,96vw);height:min(520px,72vh);overflow:hidden}
.vbiRoad{position:absolute;left:0;right:0;top:58%;height:5px;background:rgba(255,255,255,.18);box-shadow:0 24px 0 rgba(255,255,255,.05)}
.vbiTrail{position:absolute;left:10%;right:15%;top:50%;height:8px;background:linear-gradient(90deg,transparent,#e33b2f 20%,#f4e6be 78%,transparent);transform:scaleX(0);transform-origin:left;animation:vbiPaint 1.55s .45s cubic-bezier(.2,.7,.2,1) forwards;filter:drop-shadow(0 0 12px rgba(230,74,56,.75))}
.vbiVan{position:absolute;top:22%;left:0;width:min(620px,68vw);max-height:58%;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.55));transform:translateX(-110%);animation:vbiDrive 1.75s .18s cubic-bezier(.18,.78,.2,1) forwards}
.vbiTag{position:absolute;left:0;right:0;bottom:9%;text-align:center;font-weight:1000;font-size:clamp(18px,3.7vw,38px);letter-spacing:.055em;color:#f4e6be;text-shadow:4px 4px 0 #e64a38;opacity:0;transform:translateY(16px);animation:vbiTagIn .55s 1.58s ease forwards}
.vbiSkip{position:absolute;right:18px;bottom:16px;color:rgba(255,255,255,.55);font:800 11px system-ui;letter-spacing:.09em}
@keyframes vbiDrive{0%{transform:translateX(-110%) rotate(-2deg)}70%{transform:translateX(26%) rotate(1deg)}100%{transform:translateX(18%) rotate(0)}}
@keyframes vbiPaint{to{transform:scaleX(1)}}
@keyframes vbiTagIn{to{opacity:1;transform:translateY(0)}}
#vancertsHudMark{position:fixed;z-index:7;right:20px;top:108px;width:clamp(150px,16vw,285px);height:auto;opacity:.24;pointer-events:none;user-select:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5));mix-blend-mode:screen;animation:vmarkBreathe 9s ease-in-out infinite;transition:opacity .3s ease,filter .3s ease,transform .3s ease}
#vancertsHudMark.pulse{opacity:.62;filter:drop-shadow(0 0 16px rgba(244,230,190,.95)) drop-shadow(0 10px 10px rgba(0,0,0,.7));transform:scale(1.045)}
@keyframes vmarkBreathe{0%,100%{opacity:.2}50%{opacity:.29}}
@media(max-width:760px),(pointer:coarse){#vancertsHudMark{top:126px;right:8px;width:128px;opacity:.2}.vbiVan{width:84vw;top:28%}.vbiTag{bottom:16%;font-size:clamp(16px,5vw,24px)}}
@media(prefers-reduced-motion:reduce){.vbiVan,.vbiTrail,.vbiTag,#vancertsHudMark{animation:none!important}.vbiVan{transform:translateX(18%)}.vbiTrail{transform:scaleX(1)}.vbiTag{opacity:1;transform:none}}

/* R36B46D — exact supplied logo in left HUD, phone training control, save-center reset, unified van shadows. */
.brandLogoSlot{padding:2px 5px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.brandExactLogo{display:block;width:min(100%,230px);height:auto;max-height:74px;object-fit:contain;object-position:left center;opacity:.24;filter:drop-shadow(0 5px 5px rgba(0,0,0,.55));pointer-events:none;user-select:none}
#vancertsHudMark{display:none!important}
.phoneReset{font-size:7px!important;line-height:1!important;white-space:normal!important}
.phoneReset.off{background:#555!important;color:#fff!important}
.phoneHint{font-size:12px!important;letter-spacing:.14em!important;font-weight:1000!important;text-align:center!important}
@media(max-width:760px),(pointer:coarse){.brandLogoSlot{height:38px!important;padding:1px 3px!important}.brandExactLogo{width:124px!important;max-height:35px!important;opacity:.24}.phoneHint{font-size:9px!important}}

/* R36B46F — top HUD objective, exact-center Training key, transparent bottom-left logo. */
.top{grid-template-columns:minmax(420px,1fr) minmax(310px,auto)!important;align-items:stretch!important}
.objectiveTop{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;min-height:96px!important;max-height:132px!important;overflow:auto!important;padding:12px 15px!important;font-size:15px!important;line-height:1.35!important;z-index:9!important;display:block!important}
.objectiveTop #objectiveTitle{font-size:17px!important;letter-spacing:.08em}
.objectiveTop #objectiveText{font-size:14px!important}
.hudBottomLogoPlate{position:fixed;left:10px;bottom:10px;z-index:7;width:clamp(180px,18vw,310px);padding:7px 9px;background:rgba(72,75,78,.42);border:2px solid rgba(244,230,190,.32);box-shadow:4px 4px 0 rgba(0,0,0,.34);pointer-events:none;user-select:none}
.hudBottomLogo{display:block;width:100%;height:auto;opacity:.24;filter:drop-shadow(0 5px 5px rgba(0,0,0,.5))}
.phoneNav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.phoneCall,.phoneReset,.phoneMail{width:100%!important;height:28px!important;min-height:28px!important;font-size:9px!important;border-radius:14px!important}
.phoneReset{grid-column:auto!important;grid-row:auto!important;padding:0!important;white-space:nowrap!important}
@media(max-width:760px),(pointer:coarse){
  .top{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
  .stats{grid-column:1!important;grid-row:1!important}
  .objectiveTop{grid-column:1!important;grid-row:2!important;min-height:82px!important;max-height:96px!important;width:100%!important;font-size:11px!important;padding:8px 10px!important}
  .objectiveTop #objectiveTitle{font-size:12px!important}
  .objectiveTop #objectiveText{font-size:10px!important}
  .hudBottomLogoPlate{left:8px;bottom:148px;width:126px;padding:4px 5px;background:rgba(72,75,78,.38);border-width:1px;box-shadow:2px 2px 0 rgba(0,0,0,.32)}
  .hudBottomLogo{opacity:.24}
  .phoneCall,.phoneReset,.phoneMail{height:44px!important;min-height:44px!important;font-size:10px!important}
}
@media(pointer:coarse) and (orientation:landscape){
  .objectiveTop{min-height:56px!important;max-height:68px!important;font-size:9px!important;padding:5px 8px!important}
  .objectiveTop #objectiveTitle{font-size:10px!important}
  .objectiveTop #objectiveText{font-size:8px!important}
  .hudBottomLogoPlate{bottom:76px;width:112px}
}

/* R36B46F mobile objective full-width correction. */
@media(max-width:760px),(pointer:coarse){
  .objectiveTop{position:fixed!important;left:6px!important;right:6px!important;top:54px!important;bottom:auto!important;width:auto!important;max-width:none!important;min-height:76px!important;max-height:94px!important;z-index:58!important}
}
@media(pointer:coarse) and (orientation:landscape){
  .objectiveTop{top:48px!important;min-height:52px!important;max-height:66px!important}
}

/* R36B46F restore the three-button quick row so Training occupies the former Reset key. */
.phoneNav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:7px 2px 6px!important}
.phone:not(.collapsed){height:456px!important}
.phoneKeys .phoneApp{height:43px!important;min-height:43px!important}
@media(max-width:760px),(pointer:coarse){
  .phoneNav{display:grid!important;gap:6px!important;margin:6px 1px 5px!important}
  .phoneKeys .phoneApp{height:42px!important;min-height:42px!important}
}
@media(pointer:coarse) and (orientation:landscape){
  .phone:not(.collapsed){height:264px!important}
  .phoneNav{display:grid!important}
}

/* R36B46F — restore phone-first objective, remove logo treatment, clean vans, notifications, and home borders. */
#vancertsBrandIntro,#vancertsHudMark,.hudBottomLogoPlate,.brandLogoSlot,.brandExactLogo{display:none!important}
.objectiveTop{display:none!important}
.top{grid-template-columns:1fr!important}
.stats{width:min(620px,100%);margin-left:auto!important}
.phone:not(.collapsed){height:500px!important}
.phoneScreen{height:188px!important;padding:5px!important}
.phoneScreen canvas{height:76px!important}
.phoneObjective{height:74px;margin-top:2px;padding:4px 5px;background:rgba(23,32,22,.12);border-top:2px solid #5b6a4b;overflow:hidden;font:900 8px/1.18 monospace;color:#172016}
.phoneObjective b{display:block;font-size:9px;letter-spacing:.05em;margin-bottom:2px}
.phoneObjective span{display:block}
.phoneStatus{font-size:8px;padding-top:2px}
.phoneLegacyQuick{display:none!important}
.phoneHint{margin-top:6px!important;margin-bottom:4px!important}
.phoneTraining{display:block;width:calc(100% - 10px);height:31px;margin:0 5px;padding:0;border:2px solid #222;border-radius:14px;box-shadow:none;background:#c7352d;color:#fff;font-size:9px;font-weight:1000;letter-spacing:.06em}
.phoneTraining.off{background:#555!important}
.phoneApp{position:relative}
.appBadge{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#e64a38;color:#fff;border:2px solid #fff8e5;font:1000 9px/13px system-ui;text-align:center;font-style:normal;box-shadow:1px 1px 0 #111}
.appBadge[hidden]{display:none!important}
@media(max-width:760px),(pointer:coarse){.phone:not(.collapsed){height:500px!important}.phoneTraining{height:39px;font-size:10px}.stats{width:100%}.phoneObjective{font-size:8px}}
@media(pointer:coarse) and (orientation:landscape){.phone:not(.collapsed){height:325px!important}.phoneScreen{height:130px!important}.phoneScreen canvas{height:52px!important}.phoneObjective{height:46px;font-size:6px}.phoneObjective b{font-size:7px}.phoneKeys .phoneApp{height:30px!important;min-height:30px!important}.phoneTraining{height:26px;font-size:7px}.phoneHint{font-size:7px!important;margin:2px 0!important}}

/* R36B46G — final HUD alignment, responsive objective placement, wider home streets, and tighter Nookia shell. */
.top{display:block!important;height:0!important;min-height:0!important}
.stats{position:fixed!important;top:10px!important;left:390px!important;right:10px!important;width:auto!important;min-width:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;z-index:64!important}
.chip{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:7px 4px!important;font-size:clamp(8px,1vw,11px)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.objectiveTop{display:block!important;position:fixed!important;left:10px!important;top:10px!important;right:auto!important;bottom:auto!important;width:365px!important;max-width:365px!important;min-height:72px!important;max-height:122px!important;overflow:auto!important;padding:10px 13px!important;background:rgba(18,17,16,.94)!important;border:3px solid var(--paper)!important;box-shadow:4px 4px 0 #000!important;font-size:12px!important;line-height:1.25!important;z-index:63!important}
.objectiveTop #objectiveTitle{font-size:14px!important;letter-spacing:.08em!important}
.objectiveTop #objectiveText{font-size:12px!important}
.phoneObjective{display:none!important}
.phoneScreen{height:118px!important}
.phoneScreen canvas{height:82px!important}
.phoneStatus{font-size:8px!important}
.phone:not(.collapsed){height:432px!important;padding-bottom:9px!important}
.phoneKeys{gap:5px!important;padding-top:6px!important}
.phoneKeys .phoneApp{height:42px!important;min-height:42px!important}
.phoneHint{margin:4px 0 3px!important;font-size:10px!important;line-height:1!important}
.phoneTraining{width:100%!important;height:48px!important;min-height:48px!important;margin:3px 0 0!important;border-radius:18px!important;font-size:12px!important;letter-spacing:.08em!important}
@media(max-width:980px) and (pointer:fine){
  .objectiveTop{width:300px!important;max-width:300px!important}
  .stats{left:320px!important}
  .chip{font-size:8px!important}
}
@media(max-width:760px),(pointer:coarse){
  .hud{padding:0!important}
  .stats{top:calc(env(safe-area-inset-top,0px) + 4px)!important;left:4px!important;right:4px!important;width:auto!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2px!important;height:38px!important}
  .chip{height:34px!important;padding:2px 1px!important;font-size:clamp(5.5px,1.65vw,8px)!important;border-width:2px!important;white-space:nowrap!important}
  .objectiveTop{left:8px!important;right:auto!important;top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 82px)!important;width:min(58vw,360px)!important;max-width:min(58vw,360px)!important;min-height:64px!important;max-height:102px!important;padding:7px 9px!important;font-size:10px!important;z-index:58!important}
  .objectiveTop #objectiveTitle{font-size:11px!important}
  .objectiveTop #objectiveText{font-size:9px!important}
  .phone:not(.collapsed){height:438px!important}
  .phoneTraining{height:52px!important;min-height:52px!important;font-size:12px!important}
}
@media(pointer:coarse) and (orientation:landscape){
  .stats{height:34px!important}
  .chip{height:30px!important;font-size:7px!important}
  .objectiveTop{left:8px!important;bottom:74px!important;width:min(42vw,390px)!important;max-width:min(42vw,390px)!important;min-height:52px!important;max-height:78px!important;padding:5px 7px!important}
  .objectiveTop #objectiveTitle{font-size:9px!important}
  .objectiveTop #objectiveText{font-size:8px!important}
  .phone:not(.collapsed){height:300px!important}
  .phoneScreen{height:92px!important}
  .phoneScreen canvas{height:62px!important}
  .phoneKeys .phoneApp{height:31px!important;min-height:31px!important}
  .phoneHint{font-size:7px!important;margin:2px 0!important}
  .phoneTraining{height:34px!important;min-height:34px!important;font-size:8px!important}
}

/* R36B46H — evenly spaced Nookia apps, larger map, scrolling track credit, and tighter shell. */
html body .phone:not(.collapsed){height:468px!important;padding:9px 10px 8px!important}
html body .phoneScreen{height:156px!important;padding:4px!important}
html body .phoneScreen canvas{height:126px!important;width:100%!important}
html body .phoneStatus{height:20px!important;line-height:18px!important;padding:1px 0 0!important;border-top:2px solid #466d64!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important;animation:nookiaTrackScroll 16s linear infinite!important}
@keyframes nookiaTrackScroll{0%,12%{text-indent:0}88%,100%{text-indent:-145%}}
html body .phoneKeys{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(3,44px)!important;gap:5px!important;padding:6px 0 0!important;align-items:stretch!important}
html body .phoneKeys .phoneApp{height:44px!important;min-height:44px!important;width:100%!important;margin:0!important;padding:2px 1px!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body .phoneHint{margin:5px 0 2px!important;line-height:1!important}
html body .phoneTraining{height:47px!important;min-height:47px!important;margin:2px 0 0!important}
html body .appBadge{right:-4px!important;top:-5px!important;z-index:4!important}
@media(max-width:760px),(pointer:coarse){
 html body .phone:not(.collapsed){height:472px!important}
 html body .phoneScreen{height:158px!important}
 html body .phoneScreen canvas{height:128px!important}
 html body .phoneKeys{grid-template-rows:repeat(3,45px)!important;gap:5px!important}
 html body .phoneKeys .phoneApp{height:45px!important;min-height:45px!important}
 html body .phoneTraining{height:49px!important;min-height:49px!important}
}
@media(pointer:coarse) and (orientation:landscape){
 html body .phone:not(.collapsed){height:314px!important;padding:7px 8px!important}
 html body .phoneScreen{height:104px!important}
 html body .phoneScreen canvas{height:77px!important}
 html body .phoneStatus{height:16px!important;line-height:14px!important;font-size:7px!important}
 html body .phoneKeys{grid-template-rows:repeat(3,31px)!important;gap:3px!important;padding-top:4px!important}
 html body .phoneKeys .phoneApp{height:31px!important;min-height:31px!important}
 html body .phoneHint{margin:2px 0 1px!important;font-size:7px!important}
 html body .phoneTraining{height:31px!important;min-height:31px!important;font-size:8px!important}
}

/* R36B46I — compact Nookia shell, larger notification ticker, overlapping badges, and objective map marker. */
html body #phone.phone:not(.collapsed){height:430px!important;padding:9px 10px 7px!important}
html body #phone .phoneScreen{height:170px!important;padding:4px!important}
html body #phone .phoneScreen #miniCanvas{display:block!important;width:100%!important;height:126px!important;max-height:none!important}
html body #phone .phoneStatus{display:block!important;height:36px!important;line-height:17px!important;padding:1px 3px!important;border-top:2px solid #466d64!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important;font-size:9px!important;letter-spacing:.02em!important;animation:nookiaTrackScrollI 15s linear infinite!important}
@keyframes nookiaTrackScrollI{0%,14%{text-indent:0}86%,100%{text-indent:-170%}}
html body #phone .phoneKeys{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(3,43px)!important;gap:5px!important;padding:5px 0 0!important}
html body #phone .phoneKeys .phoneApp{height:43px!important;min-height:43px!important;margin:0!important}
html body #phone .phoneHint{margin:4px 0 2px!important;line-height:1!important}
html body #phone .phoneTraining{height:47px!important;min-height:47px!important;margin:2px 0 0!important}
html body #phone .phoneApp{overflow:visible!important;position:relative!important}
html body #phone .appBadge{right:-9px!important;top:-10px!important;z-index:20!important;min-width:22px!important;height:22px!important;padding:0 5px!important;border-radius:13px!important;border:2px solid #fff8e5!important;font:1000 10px/18px system-ui!important;box-shadow:2px 2px 0 rgba(0,0,0,.72)!important}
@media(max-width:760px),(pointer:coarse){
 html body #phone.phone:not(.collapsed){height:434px!important}
 html body #phone .phoneScreen{height:172px!important}
 html body #phone .phoneScreen #miniCanvas{height:128px!important}
 html body #phone .phoneStatus{height:36px!important;font-size:9px!important}
 html body #phone .phoneKeys{grid-template-rows:repeat(3,44px)!important}
 html body #phone .phoneKeys .phoneApp{height:44px!important;min-height:44px!important}
 html body #phone .phoneTraining{height:48px!important;min-height:48px!important}
}
@media(pointer:coarse) and (orientation:landscape){
 html body #phone.phone:not(.collapsed){height:286px!important}
 html body #phone .phoneScreen{height:112px!important}
 html body #phone .phoneScreen #miniCanvas{height:76px!important}
 html body #phone .phoneStatus{height:28px!important;line-height:13px!important;font-size:7px!important}
 html body #phone .phoneKeys{grid-template-rows:repeat(3,29px)!important;gap:3px!important;padding-top:3px!important}
 html body #phone .phoneKeys .phoneApp{height:29px!important;min-height:29px!important}
 html body #phone .phoneHint{margin:2px 0 1px!important;font-size:7px!important}
 html body #phone .phoneTraining{height:30px!important;min-height:30px!important;font-size:8px!important}
 html body #phone .appBadge{right:-6px!important;top:-7px!important;min-width:17px!important;height:17px!important;font:1000 8px/13px system-ui!important}
}

/* R36B46L — unified manifest, permit camera, compact intro */
.equipmentManifest{margin:10px 0;padding:10px;border:3px solid #171514;background:#fff8e5;color:#171514}.equipmentManifest h4{margin:0 0 8px}.manifestLine{display:flex;justify-content:space-between;gap:12px;padding:5px 7px;border-bottom:1px dashed #6b624e}.manifestLine:last-child{border-bottom:0}.introBuildNotes{max-width:720px;margin:14px auto!important;line-height:1.45!important;color:#f4e6be!important;opacity:1!important}.permitGateActions button{min-height:48px}

/* R36B46N: edit the portrait inside a live permit preview; keep every control visible. */
.permitGateActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important}
.permitGateActions button{width:100%!important;min-height:54px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.permitGateCamera,.permitGateIssue{grid-column:1/-1!important}
.permitGateCamera{min-height:60px!important;font-size:16px!important}
.permitGateIssue{min-height:62px!important}
.permitGatePhoto img{object-position:center center!important}
.permitPhotoEditor{position:fixed;inset:0;z-index:190;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:14px;pointer-events:auto;overflow:auto}
.permitPhotoEditor.hidden{display:none!important}
.permitPhotoEditorPanel{width:min(920px,100%);max-height:94dvh;overflow:auto;background:#f4e6be;color:#171514;border:5px solid #171514;box-shadow:9px 9px 0 #e64a38;padding:16px}
.permitPhotoEditorPanel h3{margin:0 0 5px;font-size:24px}.permitPhotoEditorHelp{margin:0 0 12px;font-size:12px;font-weight:800;line-height:1.35}
.permitPhotoEditorLayout{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(250px,.8fr);gap:16px;align-items:start}
.permitPhotoCard{background:#efe3bd;border:5px solid #171514;padding:12px;box-shadow:5px 5px 0 rgba(0,0,0,.28);min-width:0}
.permitPhotoCardHead{display:flex;justify-content:space-between;align-items:start;gap:10px;padding-bottom:8px;border-bottom:3px solid #171514}
.permitPhotoCardHead strong{font:1000 22px/1 system-ui;letter-spacing:.03em}.permitPhotoCardHead span{background:#df3d3b;color:#fff;padding:6px 8px;border:3px solid #171514;font:1000 10px/1 system-ui;white-space:nowrap}
.permitPhotoCardBody{display:grid;grid-template-columns:minmax(150px,190px) 1fr;gap:12px;padding-top:11px;align-items:stretch}
.permitPhotoCanvasWrap{position:relative;background:#111;border:4px solid #171514;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:3/4;min-height:0}
#permitPhotoCanvas{display:block;width:100%;height:100%;background:#222;image-rendering:auto;touch-action:none;object-fit:cover}
.permitPhotoCardInfo{display:grid;align-content:start;gap:8px;min-width:0}.permitPhotoCardLabel{font:1000 10px/1 system-ui;letter-spacing:.08em}.permitPhotoCardValue{border:3px solid #171514;background:#f8f1dc;padding:9px;font:900 14px/1.15 system-ui;min-height:38px}.permitPhotoCardMeta{border:2px dashed #6c6658;background:rgba(255,255,255,.35);padding:9px;font:800 10px/1.45 ui-monospace,monospace}.permitPhotoCardFoot{margin-top:10px;border-top:4px solid #df3d3b;padding-top:7px;text-align:center;font:1000 9px/1 system-ui;letter-spacing:.08em}
.permitPhotoControls{display:grid;gap:12px;background:#fff3cf;border:4px solid #171514;padding:13px;position:relative;z-index:2}.permitPhotoControls label{display:grid;gap:6px;font-size:12px;font-weight:1000;letter-spacing:.04em}.permitPhotoControls input[type=range]{width:100%;margin:0;position:relative;z-index:3}
.permitPhotoEditorButtons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:3px}.permitPhotoEditorButtons button{min-height:52px}.permitPhotoEditorButtons .save{background:#79c88e}.permitPhotoEditorButtons .cancel{background:#ddd}
.permitCameraModal{position:fixed;inset:0;z-index:195;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:14px;pointer-events:auto}.permitCameraModal.hidden{display:none!important}.permitCameraPanel{width:min(780px,100%);background:#f4e6be;color:#171514;border:5px solid #171514;box-shadow:9px 9px 0 #e64a38;padding:16px}.permitCameraPanel h3{margin:0 0 6px;font-size:24px}.permitCameraHelp{margin:0 0 12px;font-size:12px;font-weight:800}.permitCameraStage{position:relative;width:100%;aspect-ratio:4/3;background:#090909;border:4px solid #171514;overflow:hidden}.permitCameraStage video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.permitCameraGuide{position:absolute;inset:8%;border:3px solid rgba(244,230,190,.88);pointer-events:none}.permitCameraGuide:before,.permitCameraGuide:after{content:"";position:absolute;background:rgba(244,230,190,.38)}.permitCameraGuide:before{left:33.333%;top:0;width:1px;height:100%;box-shadow:calc(33.333% + 1px) 0 0 rgba(244,230,190,.38)}.permitCameraGuide:after{left:0;top:33.333%;width:100%;height:1px;box-shadow:0 calc(33.333% + 1px) 0 rgba(244,230,190,.38)}.permitCameraStatus{min-height:24px;margin:9px 0 0;font-size:12px;font-weight:900}.permitCameraButtons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.permitCameraButtons button{min-height:54px}.permitCameraCapture{background:#79c88e}.permitCameraCancel{background:#ddd}@media(max-width:640px){.permitCameraModal{padding:6px;align-items:flex-start}.permitCameraPanel{padding:10px;border-width:4px;box-shadow:5px 5px 0 #e64a38}.permitCameraPanel h3{font-size:20px}.permitCameraButtons{grid-template-columns:1fr}.permitCameraStage{aspect-ratio:3/4}}
@media(max-width:680px),(pointer:coarse){
 .permitGateGrid{grid-template-columns:1fr!important}.permitGatePhoto{min-height:220px!important}
 .permitPhotoEditor{align-items:flex-start;padding:6px}
 .permitPhotoEditorPanel{width:100%;max-height:none;margin:0;padding:10px;border-width:4px;box-shadow:5px 5px 0 #e64a38}
 .permitPhotoEditorPanel h3{font-size:20px;line-height:1.05}.permitPhotoEditorHelp{font-size:10px;margin-bottom:8px}
 .permitPhotoEditorLayout{grid-template-columns:1fr;gap:10px}
 .permitPhotoCard{padding:8px;border-width:4px}.permitPhotoCardHead{padding-bottom:6px}.permitPhotoCardHead strong{font-size:17px}.permitPhotoCardHead span{font-size:8px;padding:5px}
 .permitPhotoCardBody{grid-template-columns:132px 1fr;gap:8px;padding-top:8px}
 .permitPhotoCanvasWrap{width:132px;height:176px;aspect-ratio:auto}
 .permitPhotoCardValue{padding:6px;font-size:11px;min-height:31px}.permitPhotoCardMeta{padding:6px;font-size:8px;line-height:1.3}.permitPhotoCardFoot{font-size:7px;margin-top:7px}
 .permitPhotoControls{padding:10px;gap:10px}.permitPhotoControls label{font-size:11px;gap:4px}
 .permitPhotoEditorButtons{grid-template-columns:1fr 1fr}.permitPhotoEditorButtons button{min-height:48px;font-size:12px}
 .permitGateActions button{font-size:13px!important}.permitGateCamera{font-size:15px!important}
}
@media(max-width:390px){.permitPhotoCardBody{grid-template-columns:112px 1fr}.permitPhotoCanvasWrap{width:112px;height:150px}.permitPhotoCardMeta{font-size:7px}.permitPhotoEditorButtons{grid-template-columns:1fr}}

/* R36B46H FINAL CASCADE — preserve the larger Nookia map and equal app geometry after all legacy styles. */
html body #phone.phone:not(.collapsed){height:486px!important;padding:9px 10px 8px!important}
html body #phone .phoneScreen{height:176px!important;padding:4px!important}
html body #phone .phoneScreen #miniCanvas{display:block!important;width:100%!important;height:142px!important;max-height:none!important}
html body #phone .phoneStatus{height:22px!important;line-height:19px!important;padding:1px 0 0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important;animation:nookiaTrackScroll 16s linear infinite!important}
html body #phone .phoneKeys{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(3,44px)!important;gap:5px!important;padding:6px 0 0!important;max-height:none!important;overflow:visible!important}
html body #phone .phoneKeys .phoneApp{box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:2px 1px!important}
html body #phone .phoneHint{margin:5px 0 2px!important}
html body #phone .phoneTraining{height:47px!important;min-height:47px!important;margin:2px 0 0!important}
@media(max-width:760px),(pointer:coarse){html body #phone.phone:not(.collapsed){height:490px!important}html body #phone .phoneScreen{height:178px!important}html body #phone .phoneScreen #miniCanvas{height:144px!important}html body #phone .phoneKeys{grid-template-rows:repeat(3,45px)!important}html body #phone .phoneKeys .phoneApp{height:45px!important;min-height:45px!important}}
@media(pointer:coarse) and (orientation:landscape){html body #phone.phone:not(.collapsed){height:322px!important}html body #phone .phoneScreen{height:112px!important}html body #phone .phoneScreen #miniCanvas{height:82px!important}html body #phone .phoneStatus{height:17px!important;line-height:15px!important}html body #phone .phoneKeys{grid-template-rows:repeat(3,31px)!important;gap:3px!important;padding-top:4px!important}html body #phone .phoneKeys .phoneApp{height:31px!important;min-height:31px!important}html body #phone .phoneTraining{height:31px!important;min-height:31px!important}}
</style>
</head>
<body>
<canvas id="game" tabindex="0" aria-label="Vancerts Build the Scene game"></canvas>
<div id="hud" class="hud hidden">
  <div class="top">
    <div class="panel objective objectiveTop" id="objective" aria-hidden="true"><div class="trainingHeader" id="trainingHeader"><span class="trainingBadge" id="trainingBadge">TRAINING WHEELS</span><span class="trainingProgress" id="trainingProgress"></span></div><b id="objectiveTitle"></b><br><span id="objectiveText"></span><div class="trainingActions" id="trainingActions"><button id="trainingGuide" class="trainingGuide" type="button" onclick="showTrainingMissionGuide()">MISSION GUIDE</button></div></div>
    <div class="stats"><div class="chip">CASH $<span id="cash"></span></div><div class="chip">OWED $<span id="owed"></span></div><div class="chip">COMMUNITY ♥ <span id="rep"></span></div><div class="chip">AUSTIN <span id="clock">--:--:--</span></div><div class="chip">SHOWS <span id="shows"></span></div><div class="chip">VAN <span id="vanhp"></span>%</div></div>
  </div>
  <div class="toast" id="toast"></div>
</div>
<div id="rotaryRadio" class="rotaryRadio spotify512Radio hidden" aria-label="512 Jams Community Radio player">
  <div class="radioCabinet">
    <button id="radioCollapse" class="radioCollapse" type="button" aria-label="Open or minimize 512 Jams Community Radio without resetting the game" data-now-playing="512 JAMS COMMUNITY RADIO • PRESS PLAY">MINIMIZE</button>
    <div class="radioTop">
      <div class="radioBrand">TAPE<br>RADIO</div>
      <div class="radioDisplay"><div class="radioDialScale" aria-hidden="true"><span>88</span><i></i><span>94</span><i></i><span>100</span><i></i><span>108</span></div><small id="spotifyStatus">CASSETTE RADIO</small><div class="radioTicker" aria-live="polite"><span id="nowPlayingText">512 JAMS • PRESS PLAY IN SPOTIFY</span></div></div>
    </div>
    <div class="spotifySafety">SAFE PLAYER • DRIVING PAUSES HERE • MINIMIZE TO RESUME • YOUR GAME WILL NOT RESET</div>
    <div id="spotifyEmbed" class="spotifyEmbed"><div class="spotifyLoading">512 JAMS COMMUNITY RADIO READY<br><small>Open the player and press Play.</small></div></div>
    <div class="spotify512Actions">
      <button id="radioStop" class="spotifyStop" type="button" aria-label="Stop Spotify audio without changing game progress">STOP MUSIC ONLY</button>
      <button id="radioRestore" class="spotifyRestore" type="button" aria-label="Reload the Spotify player without changing game progress">RESTORE PLAYER</button>
      <button id="radioJoinPlaylist" class="spotifyJoin" type="button" aria-label="Submit music for consideration on 512 Jams Community Radio">SUBMIT MUSIC</button>
    </div>
    <div class="spotify512Foot">SUBMISSIONS REQUIRE A SPOTIFY LINK • IF ACCEPTED, ADDED WITHIN 24–48 HOURS • EMAIL OPENS WITHOUT RESETTING THE GAME</div>
  </div>
</div>
<div class="phone hidden" id="phone" aria-label="Vancerts phone">
  <div class="phoneTop"><button id="phoneZoomDial" class="phoneZoomDial" type="button" aria-label="Choose map zoom"><span class="zoomIcon">1–5×</span></button><span class="phoneZoomDialLabel">ZOOM</span><div id="zoomChoices" class="zoomChoices"><button data-zoom="1">1×</button><button data-zoom="2">2×</button><button data-zoom="3">3×</button><button data-zoom="4">4×</button><button data-zoom="5">5×</button></div><div id="zoomHelp" class="zoomHelp"><b>MAP ZOOM 1×–5×</b>Tap to choose a level.<br>Scroll or swipe for in/out.</div><div class="phoneBrand">NOOKIA</div><button id="phoneCollapse" class="phoneCollapse" type="button" aria-label="Collapse phone">▾</button></div>
  <div class="phoneScreen"><canvas id="miniCanvas" width="340" height="190"></canvas><div class="phoneObjective" aria-live="polite"><b id="phoneObjectiveTitle">CURRENT OBJECTIVE</b><span id="phoneObjectiveText">Drive to the next marked location.</span></div><div class="phoneStatus" id="phoneStatus">NOW PLAYING • COMMUNITY RADIO READY</div></div>
  <div class="phoneLegacyQuick" aria-hidden="true"><button class="phoneCall" id="phoneCall" tabindex="-1">CALL</button><button class="phoneMail" id="phoneMail" tabindex="-1">EMAIL</button></div>
  <div class="phoneKeys" aria-label="Nookia touchscreen apps">
    <button class="phoneApp" id="phoneDialerApp" type="button"><span>⌨</span>DIALER</button>
    <button class="phoneApp" id="phoneWallet" type="button"><span>🪪</span>WALLET</button>
    <button class="phoneApp" id="phoneContacts" type="button"><span>☎</span>CONTACTS<i class="appBadge" id="contactsBadge" hidden>0</i></button>
    <button class="phoneApp" id="phoneEmailApp" type="button"><span>✉</span>EMAIL<i class="appBadge" id="emailBadge" hidden>0</i></button>
    <button class="phoneApp" id="phoneRadioApp" type="button"><span class="tapeAppIcon" aria-hidden="true">▣</span>RADIO</button>
    <button class="phoneApp" id="phoneStaffApp" type="button"><span>👥</span>TEAM<i class="appBadge" id="teamBadge" hidden>0</i></button>
    <button class="phoneApp" id="phoneLedgerApp" type="button"><span>🧾</span>BUSINESS</button>
    <button class="phoneApp" id="phoneWaygoApp" type="button"><span>🚕</span>WAYGO<i class="appBadge" id="waygoBadge" hidden>0</i></button>
    <button class="phoneApp" id="phoneBankApp" type="button"><span>🏦</span>BANK</button>
    <button class="phoneApp" id="phoneSettingsApp" type="button"><span>💾</span>SAVE / LOAD</button>
    <button class="phoneApp" id="phoneHowToApp" type="button" onclick="showHow()"><span>?</span>HOW TO PLAY</button>
    <button class="phoneApp resetGameApp" id="phoneFullscreenApp" type="button" aria-label="Reset game"><span>×</span>RESET GAME</button>
  </div>
  <div class="phoneHint">BUILD THE SCENE</div>
  <button class="phoneTraining" id="phoneReset" aria-pressed="true" type="button">TRAINING ON</button>
</div>

<div class="controllerWake" id="controllerWake" aria-live="polite"><div class="controllerWakeBox"><div class="controllerWakeTitle">CONTROLLER DETECTED</div><div class="controllerWakeSub">PRESS ANY CONTROLLER BUTTON TO START</div><div class="controllerBadge" id="controllerWakeName">GAMEPAD READY</div><p class="small">This first press activates the controller in your browser. No settings are required.</p></div></div><div class="controllerStatus" id="controllerStatus" aria-live="polite"></div><div class="controllerPointer" id="controllerPointer" aria-hidden="true"></div>
<div class="modalWrap" id="modalWrap"><div class="modal" id="modal"></div></div><div class="waygoFade" id="waygoFade" aria-hidden="true"><div>WAYGO<small id="waygoFadeText">YOUR RIDE IS ON THE WAY</small></div></div><div class="gameError" id="gameError"><b>GAME ERROR</b><br><span id="gameErrorText"></span><br><small>Close this message and reload the page. In Squarespace preview, progress may last only for the current session; on the published hosted game, progress saves normally.</small></div>
<div class="mobile hidden" id="mobile">
  <div class="mobileSteer" aria-label="Steering controls"><button data-key="ArrowLeft" aria-label="Turn left">◀</button><button data-key="ArrowRight" aria-label="Turn right">▶</button></div>
  <div class="mobileDrive" aria-label="Drive controls"><button data-key="ArrowUp" aria-label="Drive forward">▲</button><button data-key="ArrowDown" aria-label="Reverse">▼</button></div>
  <button class="mobileDonut" id="mobileDonut" type="button" aria-label="Fire doughnut cannon" aria-hidden="true" hidden>🍩</button>
  <button class="landscapeToggle" id="landscapeToggle" type="button">⛶ LANDSCAPE</button>
</div>
<div id="mobileTapHint" class="mobileTapHint">TAP THE MAP TO INTERACT</div>
<div class="rotateHint" id="rotateHint"><div>LANDSCAPE RECOMMENDED<br><small>Use FULLSCREEN for the clearest driving view.</small></div></div>
<div class="splash" id="splash"><div class="splashBox"><div class="logo">VANCERTS</div><div class="tagline">START WITH A VAN. BUILD A MUSIC SCENE.</div><p>A playable Austin story about mobile production, local businesses, artists, and turning ordinary spaces into stages.</p><div class="introPermitSetup hidden" id="introPermitSetup"><h3>CREATE YOUR VANCERTS DRIVER PERMIT</h3><div class="introPermitGrid"><div class="introPermitPreview" id="introPermitPreview">UPLOAD DRIVER PHOTO<br><small>Optional • crop and pixel-fit automatically</small></div><div class="introPermitFields"><label><b>DRIVER NAME</b><input id="introDriverName" maxlength="28" placeholder="Type your name before starting"></label><div class="introPermitId" id="introPermitId">PERMIT ID GENERATES WITH THIS SAVE</div><div class="btns"><button type="button" onclick="chooseIntroPermitPhoto()">ADD / CHANGE PHOTO</button></div><span class="small">Your permit stays inside the Wallet app on the Nookia and can be opened at any time.</span></div></div></div><div class="btns" style="justify-content:center"><button id="playGameButton" onclick="startGame()">PLAY GAME • FULLSCREEN</button><button class="green" onclick="choosePortableSave()">LOAD GAME FILE</button><button onclick="exportPortableSave()">EXPORT SAVE FILE</button><button class="secondary" onclick="showHow()">HOW TO PLAY</button></div><input id="portableSaveInput" type="file" accept=".json,.vancerts.json,application/json" hidden onchange="loadPortableSaveFile(this)"><p class="small introBuildNotes"><b>UPDATE R36B52O</b><br>STORY + GPS AUTHORITY: Training follows the active Owner, Band, Audio Engineer, or Stagehand story step exactly. Matching road arrows turn red toward the next physical destination, and the Nookia map draws a red line from the van triangle to that destination until arrival.</p></div></div>
<script>
const $=id=>document.getElementById(id),canvas=$('game'),ctx=canvas.getContext('2d'),miniCtx=$('miniCanvas').getContext('2d');let W,H,DPR=1,last=0,near=null,activeSetup=null;window.addEventListener('error',e=>{const message=String(e&&e.message||'').trim();const genericCrossOrigin=!e.error&&(!message||message.toLowerCase()==='script error.'||message.toLowerCase()==='script error');if(genericCrossOrigin)return;const box=$('gameError'),text=$('gameErrorText');if(box&&text){text.textContent=message||'Unknown game error';box.classList.add('show')}});
function resize(){DPR=Math.min(2,devicePixelRatio||1);W=innerWidth;H=innerHeight;canvas.width=W*DPR;canvas.height=H*DPR;ctx.setTransform(DPR,0,0,DPR,0,0);ctx.imageSmoothingEnabled=false}addEventListener('resize',resize);resize();
// R36B45F: initialize career-home data before any startup, collision, camera, or render code can access it.
// R36B45F: career-home data is initialized near the top of the script before startup.

{x:2790,y:2105,w:220,h:115,name:'PORK CHOP SCREEN PRINTING',abbr:'PCS',short:'Pork Chop',type:'gig',id:'porkchop',expansionPermit:'east-porkchop',color:'#cc5d42',logo:['PORK CHOP SCREEN PRINTING'],setup:{x:2705,y:2105,w:75,h:120},parking:{x:2790,y:2240,w:220,h:165,cols:4,rows:2},interact:{x:2742,y:2165},capacity:8},
{x:2790,y:1265,w:220,h:80,name:'BADD BURGER',abbr:'BAD',short:'BADD Burger',type:'gig',id:'baddburgers',expansionPermit:'east-baddburgers',color:'#d66b32',logo:['BADD BURGER'],setup:{x:2708,y:1265,w:65,h:245},parking:{x:2790,y:1360,w:220,h:135,cols:4,rows:2},interact:{x:2740,y:1387},capacity:8},
{x:2790,y:905,w:220,h:80,name:'HIGH NOON SALOON',abbr:'HNS',short:'High Noon Saloon',type:'gig',id:'highnoon',expansionPermit:'east-highnoon',color:'#b97837',logo:['HIGH NOON SALOON'],setup:{x:2708,y:905,w:65,h:245},parking:{x:2790,y:1000,w:220,h:135,cols:4,rows:2},interact:{x:2740,y:1027},capacity:8},
{x:2790,y:545,w:220,h:80,name:'CHESS CLUB',abbr:'CHS',short:'Chess Club',type:'gig',id:'chessclub',expansionPermit:'east-chessclub',color:'#343434',logo:['CHESS CLUB'],setup:{x:2708,y:545,w:65,h:245},parking:{x:2790,y:640,w:220,h:135,cols:4,rows:2},interact:{x:2740,y:667},capacity:8},
{x:2790,y:185,w:220,h:80,name:'THE 13TH FLOOR',abbr:'13F',short:'The 13th Floor',type:'gig',id:'thirteenthfloor',expansionPermit:'east-thirteenthfloor',color:'#6a4380',logo:['THE 13TH FLOOR'],setup:{x:2708,y:185,w:65,h:245},parking:{x:2790,y:280,w:220,h:135,cols:4,rows:2},interact:{x:2740,y:307},capacity:8},
{x:170,y:2105,w:250,h:115,name:'KAZI 88.7FM',abbr:'KAZ',short:'KAZI 88.7FM',type:'gig',id:'kazi',expansionPermit:'west-kazi',color:'#090909',logo:['KAZI 88.7FM'],subtitle:'Radio',setup:{x:435,y:2070,w:100,h:330},parking:{x:170,y:2240,w:365,h:165,cols:4,rows:2},interact:{x:485,y:2190},capacity:8},
{x:820,y:2105,w:300,h:115,name:'TASCAM MODEL 24',abbr:'TAC',short:'Tascam Model 24',type:'gig',id:'tascam',expansionPermit:'west-tascam',color:'#353535',logo:['TASCAM MODEL 24'],subtitle:'Mix House',setup:{x:1135,y:2070,w:100,h:330},parking:{x:820,y:2240,w:415,h:165,cols:4,rows:2},interact:{x:1185,y:2190},capacity:8},
{x:1480,y:2105,w:300,h:115,name:'JBL PRO',abbr:'JBL',short:'JBL Pro',type:'gig',id:'jblpro',expansionPermit:'west-jblpro',color:'#d97924',logo:['JBL PRO'],subtitle:'Speak Easy',setup:{x:1795,y:2070,w:100,h:330},parking:{x:1480,y:2240,w:415,h:165,cols:4,rows:2},interact:{x:1845,y:2190},capacity:8},
{x:2140,y:2105,w:300,h:115,name:'REMOVED PROPERTY',abbr:'OLD',short:'Removed Property',type:'retired',id:'removedsouppeddler',retiredByReorg:true,color:'#77a35e',logo:['REMOVED PROPERTY'],setup:{x:-9999,y:-9999,w:1,h:1},parking:null,interact:{x:-9999,y:-9999},capacity:0},
{x:2790,y:1645,w:220,h:95,name:'LEFTWAY STUDIOS',abbr:'LWS',short:'Leftway Studios',type:'studio',id:'leftway',color:'#456f77',logo:['LEFTWAY STUDIOS'],subtitle:'Recording Studio Resort',parking:{x:2790,y:1760,w:220,h:135,cols:4,rows:2},interact:{x:2742,y:1692},capacity:8},
{x:180,y:1515,w:300,h:115,name:'VANCERTS COMMUNITY BANK',abbr:'BANK',short:'Bank',type:'bank',id:'bank',color:'#315d3b',logo:['VANCERTS','COMMUNITY BANK'],subtitle:'MICRO LOANS • REPAYMENT',setup:{x:495,y:1510,w:90,h:320},parking:{x:180,y:1660,w:405,h:170,cols:4,rows:2},interact:{x:540,y:1670},capacity:8,hideParkingLabel:true}
];

applyCanonicalBusinessData();

return{ok:issues.length===0,issues,build:'R36B38B HUD + 100 RIDER SOCIAL RIDE'}
}
window.auditR36B21CityConsistency=auditR36B21CityConsistency;

normalizeWestParcelPullIns();
alignBuildingsToConcreteSlabs();

function finalizeWestPropertyGeometry(){return}

finalizeWestPropertyGeometry();
applyCanonicalBusinessData();

// R36B31: continuous street → curb cut → pull-in lane → parking lot access at every business.
// The driveway collision surface touches the road by 2px, but its visible gray asphalt is clipped at the road edge.
// Parking and pull-in surfaces overlap so no curb, sidewalk, or hidden gap can trap the van.
function rebuildAllBusinessDriveways(){
 const mouthDepth=2,sideOverlap=18,minMouth=72;
 for(const p of places){
  if(p.retiredByReorg)continue;
  const access=p.setup||p.parking;
  if(!access)continue;
  const candidates=[];
  for(const r of roads){
   const horizontal=r.w>=r.h;
   if(horizontal){
    const x1=Math.max(access.x,r.x),x2=Math.min(access.x+access.w,r.x+r.w),overlap=x2-x1;
    if(overlap<Math.min(minMouth,access.w*.55))continue;
    const w=Math.max(48,Math.min(access.w-8,Math.max(minMouth,overlap-4)));
    const cx=(x1+x2)/2;
    if(access.y+access.h<=r.y){
     const gap=r.y-(access.y+access.h);
     candidates.push({gap,rect:{x:Math.round(cx-w/2),y:Math.round(access.y+access.h-sideOverlap),w:Math.round(w),h:Math.round(gap+sideOverlap+mouthDepth)}})
    }else if(r.y+r.h<=access.y){
     const gap=access.y-(r.y+r.h);
     candidates.push({gap,rect:{x:Math.round(cx-w/2),y:Math.round(r.y+r.h-mouthDepth),w:Math.round(w),h:Math.round(gap+sideOverlap+mouthDepth)}})
    }
   }else{
    const y1=Math.max(access.y,r.y),y2=Math.min(access.y+access.h,r.y+r.h),overlap=y2-y1;
    if(overlap<Math.min(minMouth,access.h*.55))continue;
    const h=Math.max(48,Math.min(access.h-8,Math.max(minMouth,overlap-4)));
    const cy=(y1+y2)/2;
    if(access.x+access.w<=r.x){
     const gap=r.x-(access.x+access.w);
     candidates.push({gap,rect:{x:Math.round(access.x+access.w-sideOverlap),y:Math.round(cy-h/2),w:Math.round(gap+sideOverlap+mouthDepth),h:Math.round(h)}})
    }else if(r.x+r.w<=access.x){
     const gap=access.x-(r.x+r.w);
     candidates.push({gap,rect:{x:Math.round(r.x+r.w-mouthDepth),y:Math.round(cy-h/2),w:Math.round(gap+sideOverlap+mouthDepth),h:Math.round(h)}})
    }
   }
  }
  candidates.sort((u,v)=>u.gap-v.gap);
  if(!candidates.length)continue;
  const existing=DRIVEWAYS.find(d=>d.id===p.id);
  const rebuilt={id:p.id,...candidates[0].rect,curbside:true,invisible:false,openCurbCut:true,pullInMouth:true};
  if(existing)Object.assign(existing,rebuilt);else DRIVEWAYS.push(rebuilt)
 }
}
rebuildAllBusinessDriveways();
for(const id of ['bank','kazi','tascam','jblpro','queuetube']){
 const p=places.find(x=>x.id===id);if(!p)continue;
 p.interactionRect={x:p.setup.x,y:p.setup.y,w:p.setup.w,h:p.setup.h}
}
for(const p of places){
 if(!(p.setup?.eastPullIn||p.setup?.unifiedPullIn))continue;
 // Keep the R36B30 road-bridging mouth. Only create a setup surface when a business has no driveway record.
 if(!DRIVEWAYS.find(x=>x.id===p.id))DRIVEWAYS.push({id:p.id,...p.setup,curbside:true,invisible:false,unifiedPullIn:true,openCurbCut:true})
}
function drivewayFor(id){return DRIVEWAYS.find(d=>d.id===id)||null}
initializeLiveSpawnPoints();
van.x=GIGBAG_SPAWN.x;van.y=GIGBAG_SPAWN.y;van.angle=GIGBAG_SPAWN.angle;
function activeDriveways(){return DRIVEWAYS.filter(d=>{const p=places.find(x=>x.id===d.id);return p&&placeVisible(p)})}
function onDesignatedRoadPoint(x,y,margin=2){return roads.some(r=>x>=r.x+margin&&x<=r.x+r.w-margin&&y>=r.y+margin&&y<=r.y+r.h-margin)}
function segmentStaysOnRoad(x1,y1,x2,y2){if(x1!==x2&&y1!==y2)return false;const steps=Math.max(2,Math.ceil(Math.hypot(x2-x1,y2-y1)/40));for(let i=0;i<=steps;i++){const t=i/steps;if(!onDesignatedRoadPoint(x1+(x2-x1)*t,y1+(y2-y1)*t,1))return false}return true}
function validGrassArea(x,y,radius=CITY_POLISH.treeRadius){
 const maxWalk=CITY_POLISH.sidewalkUpgrade+CITY_POLISH.curbWidth;
 if(x<=150+maxWalk+radius||x>=world.w-150-maxWalk-radius||y<=150+maxWalk+radius||y>=world.h-150-maxWalk-radius)return false;
 for(const r of roads)if(pointInRect(x,y,r,maxWalk+radius))return false;
 for(const p of places){const bounds=propertyBounds(p);if(pointInRect(x,y,bounds,CITY_POLISH.propertyBuffer+radius))return false}
 for(const r of DRIVEWAYS)if(pointInRect(x,y,r,CITY_POLISH.curbWidth+radius))return false;
 for(const r of BUS_STOP_SITES)if(pointInRect(x,y,r,18+radius))return false;
 return true
}
function treeSiteAllowed(x,y){return validGrassArea(x,y,CITY_POLISH.treeRadius)}
const TREE_SITES=[];
for(let y=205;y<=1645;y+=70){for(let x=205;x<=2495;x+=82){const seed=Math.abs(tHash(`tree-r36-${x}-${y}`));if(seed%3!==0)continue;const tx=x+(seed%17)-8,ty=y+((seed>>3)%15)-7;if(treeSiteAllowed(tx,ty))TREE_SITES.push({x:tx,y:ty,scale:.82+(seed%5)*.045})}}
function drawTreeTrunk(x,y,scale=1){ctx.save();ctx.translate(x,y);ctx.scale(scale,scale);ctx.fillStyle='rgba(0,0,0,.25)';ctx.beginPath();ctx.ellipse(9,15,20,8,0,0,Math.PI*2);ctx.fill();ctx.fillStyle='#4a2f20';ctx.fillRect(-5,-3,10,25);ctx.fillStyle='#795137';ctx.fillRect(-2,-3,4,22);ctx.restore()}
function drawTreeCanopy(x,y,scale=1){ctx.save();ctx.translate(x,y);ctx.scale(scale,scale);ctx.fillStyle='rgba(0,0,0,.15)';ctx.beginPath();ctx.ellipse(7,-5,25,12,0,0,Math.PI*2);ctx.fill();const crowns=[[-12,-18,14,'#2b6538'],[8,-18,15,'#347840'],[-2,-30,16,'#438d4d'],[-17,-30,11,'#397d45'],[15,-31,11,'#4b9954']];for(const [cx,cy,r,c] of crowns){ctx.fillStyle=c;ctx.beginPath();ctx.arc(cx,cy,r,0,Math.PI*2);ctx.fill()}ctx.fillStyle='rgba(255,255,255,.13)';ctx.beginPath();ctx.arc(-7,-33,7,0,Math.PI*2);ctx.fill();ctx.restore()}
function drawTree(x,y,scale=1){drawTreeTrunk(x,y,scale);drawTreeCanopy(x,y,scale)}
function drawTreeBases(){for(const t of TREE_SITES)drawTreeTrunk(t.x,t.y,t.scale)}
function drawForegroundTrees(){for(const t of TREE_SITES)drawTreeCanopy(t.x,t.y,t.scale)}
// R36B40N: the van is guaranteed to outrun every Black Star car by exactly 25% at forward top speed.
const BLACK_STAR_BASE_SPEED=4.55,BLACK_STAR_SPEED_STEP=.42,BLACK_STAR_SPEED_VARIANTS=4,VANCERTS_VAN_SPEED_RATIO=1.25;
const FASTEST_BLACK_STAR_SPEED=BLACK_STAR_BASE_SPEED+(BLACK_STAR_SPEED_VARIANTS-1)*BLACK_STAR_SPEED_STEP;
const VANCERTS_VAN_TOP_SPEED=FASTEST_BLACK_STAR_SPEED*VANCERTS_VAN_SPEED_RATIO,VANCERTS_VAN_REVERSE_SPEED=3.1;
function blackStarSpeedForIndex(i){return BLACK_STAR_BASE_SPEED+(Math.abs(i)%BLACK_STAR_SPEED_VARIANTS)*BLACK_STAR_SPEED_STEP}
const BLACKSTAR_GRAPH_XS=[75,695,1355,2015,2625,3175],BLACKSTAR_GRAPH_YS=[75,690,1390,1975,2525];
function blackStarNeighbors(x,y){const xi=BLACKSTAR_GRAPH_XS.indexOf(x),yi=BLACKSTAR_GRAPH_YS.indexOf(y),n=[];if(xi>0)n.push([BLACKSTAR_GRAPH_XS[xi-1],y]);if(xi<BLACKSTAR_GRAPH_XS.length-1)n.push([BLACKSTAR_GRAPH_XS[xi+1],y]);if(yi>0)n.push([x,BLACKSTAR_GRAPH_YS[yi-1]]);if(yi<BLACKSTAR_GRAPH_YS.length-1)n.push([x,BLACKSTAR_GRAPH_YS[yi+1]]);return n.filter(([nx,ny])=>segmentStaysOnRoad(x,y,nx,ny))}
function chooseBlackStarTarget(car){let options=blackStarNeighbors(car.x,car.y);const forward=options.filter(([nx,ny])=>nx!==car.prevX||ny!==car.prevY);if(forward.length)options=forward;const pick=options[Math.floor(Math.random()*options.length)]||options[0]||[75,75];car.prevX=car.x;car.prevY=car.y;car.targetX=pick[0];car.targetY=pick[1]}
function createBlackStar(i){const nodes=[];for(const x of BLACKSTAR_GRAPH_XS)for(const y of BLACKSTAR_GRAPH_YS)if(onDesignatedRoadPoint(x,y,1))nodes.push([x,y]);const start=nodes[(i*7+3)%nodes.length];const car={x:start[0],y:start[1],targetX:start[0],targetY:start[1],prevX:null,prevY:null,speed:blackStarSpeedForIndex(i),color:'#050505',special:true,angle:0};chooseBlackStarTarget(car);return car}
function syncSpecialCars(){if(sandboxRoadTestingActive())return;const wanted=desiredBlackStarCount();while(specialCars.length<wanted)specialCars.push(createBlackStar(specialCars.length))}
syncSpecialCars();
const pedestrians=[];let specialCrashCooldown=0,snakeCrashCooldown=0;
const collectibleDefs=[
{type:'guitarcase',label:'GUITAR CASE',hp:0,rep:2,x:1115,y:1215},
{type:'foodcrate',label:'FOOD DONATION CRATE',hp:8,rep:1,x:900,y:735},
{type:'sapling',label:'SAPLING',hp:3,rep:3,x:430,y:1215},
{type:'paint',label:'PAINT SUPPLIES',hp:0,rep:2,x:2260,y:1215},
{type:'gas',label:'GAS CAN',hp:30,rep:1,x:1325,y:690},
{type:'cassette',label:'LOCAL MUSIC TAPE',hp:0,rep:1,x:690,y:1540},
{type:'microphone',label:'MICROPHONE',hp:1,rep:2,x:820,y:1540},
{type:'snare',label:'SNARE DRUM',hp:2,rep:3,x:1470,y:1540},
{type:'keyboard',label:'KEYBOARD',hp:1,rep:3,x:2130,y:1540},
{type:'sax',label:'SAXOPHONE',hp:0,rep:3,x:520,y:900},
{type:'trumpet',label:'TRUMPET',hp:0,rep:3,x:1180,y:820},
{type:'cable',label:'XLR CABLE',hp:1,rep:2,x:1840,y:1510},
{type:'speaker',label:'PA SPEAKER',hp:3,rep:4,x:2320,y:820},
{type:'mixer',label:'MIXER',hp:2,rep:4,x:2800,y:1530},
{type:'ticket',label:'SHOW TICKET',hp:0,rep:2,x:3000,y:690},
{type:'tambourine',label:'TAMBOURINE',hp:1,rep:2,x:2450,y:1880},
{type:'bass',itemKey:'bass',label:'BASS GUITAR',hp:0,rep:3,x:1710,y:690},
{type:'micstand',itemKey:'micstand',label:'MIC STAND',hp:1,rep:2,x:2015,y:1080},
{type:'donation',itemKey:'donation',label:'DONATION ENVELOPE',hp:0,rep:3,x:2625,y:1760},
{type:'flyer',itemKey:'flyer',label:'SHOW FLYER',hp:0,rep:2,x:695,y:2190},
{type:'poster',itemKey:'poster',label:'EVENT POSTER',hp:0,rep:3,x:1355,y:2370},
{type:'coupon',itemKey:'coupon',label:'SPONSOR COUPON',hp:0,rep:2,x:3175,y:1160}
];
const collectibles=collectibleDefs.map((d,i)=>({...d,homeX:d.x,homeY:d.y,active:true,delivered:false,respawnAt:0,bob:i*.8}));

auditCollectibleSpawns();
const cartCollector={name:'RUSSEL',active:true,x:512,y:330,target:null,carried:[],speed:.052,lastDay:''};
function cartCollectorActive(){return true}
function cartDepot(){return{x:512,y:330}}
function depositCartItems(){if(!cartCollector.carried.length)return;const deliveredCount=cartCollector.carried.length,start=collectibles.filter(c=>c.delivered).length;cartCollector.carried.forEach((c,i)=>{const p=gigBagDeliverySlot(start+i);c.x=p.x;c.y=p.y;c.active=true;c.delivered=true;c.respawnAt=0});normalizeGigBagDeliverySlots();state.rep+=1;cartCollector.carried=[];save();hud();toast(`RUSSEL DELIVERY! ${deliveredCount} resources returned to the new Gig Bag location • COMMUNITY +1`)}
function chooseCartTarget(){if(cartCollector.carried.length>=3){cartCollector.target={kind:'depot',...cartDepot()};return}const candidates=collectibles.filter(c=>c.active&&!c.delivered);if(!candidates.length){cartCollector.target=cartCollector.carried.length?{kind:'depot',...cartDepot()}:null;return}candidates.sort((a,b)=>Math.hypot(a.x-cartCollector.x,a.y-cartCollector.y)-Math.hypot(b.x-cartCollector.x,b.y-cartCollector.y));const c=candidates[0];cartCollector.target={kind:'item',item:c,x:c.x,y:c.y}}
function updateCartCollector(dt){if(sandboxRoadTestingActive())return;cartCollector.active=true;if(!cartCollector.target)chooseCartTarget();const t=cartCollector.target;if(!t)return;const dx=t.x-cartCollector.x,dy=t.y-cartCollector.y,d=Math.hypot(dx,dy)||1,collectorSpeed=.052*(projectLevel('foodPantry')?1.35:1)*(state.rep>=500?1.15:1),step=collectorSpeed*dt;if(d<=step+4){cartCollector.x=t.x;cartCollector.y=t.y;if(t.kind==='item'&&t.item&&t.item.active){t.item.active=false;cartCollector.carried.push(t.item);toast(`RUSSEL PICKED UP: ${t.item.label}`)}else if(t.kind==='depot')depositCartItems();cartCollector.target=null;chooseCartTarget()}else{const nx=cartCollector.x+dx/d*step,ny=cartCollector.y+dy/d*step;if(!movementBlockedByRed(cartCollector.x,cartCollector.y,nx,ny,'pedestrian')){cartCollector.x=nx;cartCollector.y=ny}else{cartCollector.target=null;chooseCartTarget()}}}
function drawCartCollector(){if(!cartCollector.active)return;ctx.save();ctx.translate(cartCollector.x,cartCollector.y);const walking=Math.sin(performance.now()/125)*2;
 // Cape: black outer shape with green center and yellow trim.
 ctx.fillStyle='#111';ctx.beginPath();ctx.moveTo(-13,-8);ctx.lineTo(-29,8+walking);ctx.lineTo(-20,24);ctx.lineTo(-7,15);ctx.closePath();ctx.fill();
 ctx.fillStyle='#2f7d45';ctx.beginPath();ctx.moveTo(-12,-5);ctx.lineTo(-25,9+walking);ctx.lineTo(-18,19);ctx.lineTo(-8,13);ctx.closePath();ctx.fill();
 ctx.strokeStyle='#e4b52c';ctx.lineWidth=2;ctx.stroke();
 // Dark-skinned face, hair, and bright mask.
 ctx.fillStyle='#3f2418';ctx.beginPath();ctx.arc(-8,-19,8,0,Math.PI*2);ctx.fill();ctx.fillStyle='#111';ctx.beginPath();ctx.arc(-8,-22,8,Math.PI,Math.PI*2);ctx.fill();ctx.fillStyle='#e4b52c';ctx.fillRect(-14,-20,12,4);ctx.fillStyle='#fff';ctx.fillRect(-12,-19,3,2);ctx.fillRect(-6,-19,3,2);
 // Green, black, and yellow superhero suit.
 ctx.fillStyle='#1b1b1b';ctx.fillRect(-16,-11,17,25);ctx.fillStyle='#2f7d45';ctx.fillRect(-14,-9,13,20);ctx.fillStyle='#e4b52c';ctx.fillRect(-14,7,13,4);
 ctx.fillStyle='#e4b52c';ctx.beginPath();ctx.arc(-7,-1,6,0,Math.PI*2);ctx.fill();ctx.fillStyle='#111';ctx.font='1000 8px system-ui';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText('R',-7,-1);
 // Arms and legs.
 ctx.strokeStyle='#3f2418';ctx.lineWidth=4;ctx.beginPath();ctx.moveTo(-14,-6);ctx.lineTo(-21,4);ctx.moveTo(-1,-6);ctx.lineTo(5,0);ctx.stroke();ctx.strokeStyle='#111';ctx.lineWidth=5;ctx.beginPath();ctx.moveTo(-12,14);ctx.lineTo(-17,25+walking);ctx.moveTo(-3,14);ctx.lineTo(2,25-walking);ctx.stroke();ctx.strokeStyle='#e4b52c';ctx.lineWidth=2;ctx.stroke();
 // Grocery basket with handle, wheels, and visible collected items.
 ctx.strokeStyle='#111';ctx.lineWidth=5;ctx.strokeRect(7,-3,30,20);ctx.strokeStyle='#e4b52c';ctx.lineWidth=2;ctx.strokeRect(7,-3,30,20);ctx.beginPath();ctx.moveTo(3,-7);ctx.lineTo(12,-7);ctx.lineTo(15,-2);ctx.stroke();ctx.strokeStyle='#111';ctx.lineWidth=2;for(let x=12;x<36;x+=6){ctx.beginPath();ctx.moveTo(x,-1);ctx.lineTo(x,15);ctx.stroke()}for(let y=3;y<15;y+=6){ctx.beginPath();ctx.moveTo(9,y);ctx.lineTo(36,y);ctx.stroke()}ctx.fillStyle='#111';ctx.beginPath();ctx.arc(13,21,4,0,Math.PI*2);ctx.arc(33,21,4,0,Math.PI*2);ctx.fill();
 const itemColors=['#e4b52c','#2f7d45','#e64a38','#3f84a5'];for(let i=0;i<cartCollector.carried.length;i++){ctx.fillStyle=itemColors[i%itemColors.length];ctx.fillRect(11+i*7,0-(i%2)*5,7,8)}
 // Name plate makes Russel identifiable at game scale.
 ctx.restore()}
const snakeGraphXs=[75,695,1355,2015,2625,3175],snakeGraphYs=[75,690,1390,1975,2525];
const roadSnake={x:75,y:75,targetX:695,targetY:75,prevX:null,prevY:null,speed:2.45,length:5,eventKey:'',active:false,spacing:34,trail:[],dayKey:''};
function snakeNeighbors(x,y){const xi=snakeGraphXs.indexOf(x),yi=snakeGraphYs.indexOf(y),n=[];if(xi>0)n.push([snakeGraphXs[xi-1],y]);if(xi<snakeGraphXs.length-1)n.push([snakeGraphXs[xi+1],y]);if(yi>0)n.push([x,snakeGraphYs[yi-1]]);if(yi<snakeGraphYs.length-1)n.push([x,snakeGraphYs[yi+1]]);return n.filter(([nx,ny])=>segmentStaysOnRoad(x,y,nx,ny))}
function tHash(value){let h=2166136261;const text=String(value||'');for(let i=0;i<text.length;i++){h^=text.charCodeAt(i);h=Math.imul(h,16777619)}return h>>>0}
function initRoadSnake(dayKey){roadSnake.dayKey=dayKey;roadSnake.length=snakeMinimumLength();const edge=[];for(const x of snakeGraphXs){edge.push([x,75],[x,2525])}for(const y of snakeGraphYs.slice(1,-1)){edge.push([75,y],[3175,y])}const start=edge[tHash(dayKey)%edge.length];roadSnake.x=start[0];roadSnake.y=start[1];roadSnake.prevX=null;roadSnake.prevY=null;roadSnake.trail=[{x:roadSnake.x,y:roadSnake.y,angle:0}];chooseSnakeTarget()}
function chooseSnakeTarget(){let n=snakeNeighbors(roadSnake.x,roadSnake.y);const filtered=n.filter(p=>p[0]!==roadSnake.prevX||p[1]!==roadSnake.prevY);if(filtered.length)n=filtered;const pick=n[Math.floor(Math.random()*n.length)]||n[0];roadSnake.prevX=roadSnake.x;roadSnake.prevY=roadSnake.y;roadSnake.targetX=pick[0];roadSnake.targetY=pick[1]}
function updateSnakeWindow(){if(sandboxRoadTestingActive()&&!state.cheats.forceElon){roadSnake.active=false;roadSnake.trail=[];return}const t=austinTimeParts(),mins=t.hour*60+t.minute,key=austinDateKey(),active=(mins>=720&&mins<1440)||!!state.cheats.forceElon;if(active&&roadSnake.dayKey!==key){initRoadSnake(key);toast('ROAD SNAKE! It will roam every street until midnight.')}roadSnake.active=active;if(active)roadSnake.length=Math.max(roadSnake.length,5+sponsorSignCount()*3);if(!active){roadSnake.length=snakeMinimumLength();roadSnake.trail=[]}}
function updateRoadSnake(f){if(!roadSnake.active)return;let remaining=roadSnake.speed*f;while(remaining>0){const dx=roadSnake.targetX-roadSnake.x,dy=roadSnake.targetY-roadSnake.y,d=Math.hypot(dx,dy)||1;if(d<=remaining+0.01){roadSnake.x=roadSnake.targetX;roadSnake.y=roadSnake.targetY;remaining-=d;chooseSnakeTarget()}else{const sx=roadSnake.x+dx/d*remaining,sy=roadSnake.y+dy/d*remaining;if(onDesignatedRoadPoint(sx,sy,1)){roadSnake.x=sx;roadSnake.y=sy}else{roadSnake.x=roadSnake.targetX;roadSnake.y=roadSnake.targetY;chooseSnakeTarget()}remaining=0}}const last=roadSnake.trail[0];if(!last||Math.hypot(last.x-roadSnake.x,last.y-roadSnake.y)>=3){const angle=Math.atan2(roadSnake.targetY-roadSnake.y,roadSnake.targetX-roadSnake.x);roadSnake.trail.unshift({x:roadSnake.x,y:roadSnake.y,angle});let total=0,cut=roadSnake.trail.length;for(let i=1;i<roadSnake.trail.length;i++){total+=Math.hypot(roadSnake.trail[i-1].x-roadSnake.trail[i].x,roadSnake.trail[i-1].y-roadSnake.trail[i].y);if(total>roadSnake.length*roadSnake.spacing+120){cut=i+1;break}}roadSnake.trail.length=Math.min(roadSnake.trail.length,cut)}}
function snakeSegmentPoint(i){const target=i*roadSnake.spacing;if(!roadSnake.trail.length)return{x:roadSnake.x,y:roadSnake.y,angle:0};let dist=0;for(let j=1;j<roadSnake.trail.length;j++){const a=roadSnake.trail[j-1],b=roadSnake.trail[j],seg=Math.hypot(a.x-b.x,a.y-b.y);if(dist+seg>=target){const t=(target-dist)/(seg||1);return{x:a.x+(b.x-a.x)*t,y:a.y+(b.y-a.y)*t,angle:Math.atan2(a.y-b.y,a.x-b.x)}}dist+=seg}return roadSnake.trail[roadSnake.trail.length-1]}
function snakeHit(){if(inByobSafeZone(van.x,van.y,8))return false;for(let i=0;i<roadSnake.length;i++){const q=snakeSegmentPoint(i);if(Math.hypot(van.x-q.x,van.y-q.y)<31)return true}return false}
function ensurePedestrians(){if(sandboxRoadTestingActive())return;if(pedestrians.length)return;const paths=[{x1:585,y1:545,x2:585,y2:835},{x1:1245,y1:545,x2:1245,y2:835},{x1:1905,y1:545,x2:1905,y2:835},{x1:585,y1:1245,x2:585,y2:1535}];const extra=BUS_STOPS_ENABLED&&projectLevel('busStops')?4:0;for(let i=0;i<8+extra;i++){const path=paths[i%paths.length];pedestrians.push({...path,t:(i%4)/4,dir:i%2?1:-1,speed:.00022+Math.random()*.00018,entityId:`#NPC-${String(i+1).padStart(3,'0')}`})}}
function austinGameDate(date=new Date()){return new Date(date.getTime()+Number(state?.gameTimeOffsetHours||0)*3600000)}
function austinTimeParts(){const parts=new Intl.DateTimeFormat('en-US',{timeZone:'America/Chicago',hour:'2-digit',minute:'2-digit',second:'2-digit',hour12:false,timeZoneName:'short'}).formatToParts(austinGameDate()),o={};for(const part of parts)o[part.type]=part.value;let hour=Number(o.hour||0);if(hour===24)hour=0;return{hour,minute:Number(o.minute||0),second:Number(o.second||0),zone:o.timeZoneName||'CT',label:`${String(hour%12||12).padStart(2,'0')}:${String(o.minute||'00').padStart(2,'0')}:${String(o.second||'00').padStart(2,'0')} ${o.timeZoneName||'CT'}`}}
function austinDateKey(date=new Date()){const parts=new Intl.DateTimeFormat('en-US',{timeZone:'America/Chicago',year:'numeric',month:'2-digit',day:'2-digit'}).formatToParts(austinGameDate(date)),o={};for(const part of parts)o[part.type]=part.value;return `${o.year||'0000'}-${o.month||'00'}-${o.day||'00'}`}
function updateClock(){const el=$('clock');if(el)el.textContent=austinTimeParts().label}
function ensureTrashBalls(){}
updateClock();setInterval(updateClock,1000);
const carColors=ORDINARY_COLORS;
function loopLength(inset){return 2*((world.w-inset*2)+(world.h-inset*2))}
initializeRoadTraffic();
const store=[['Main speaker',650,'main'],['Subwoofer',750,'sub'],['Microphone',110,'mic'],['Stage monitor',425,'monitor'],['Lighting package',300,'lights'],['Backline package',900,'backline'],['XLR cable',25,'xlr'],['IEC power cable',25,'iec'],['50FT speaker cable',75,'speakerCable50'],['50FT 24-channel snake',650,'snake24'],['High tom',275,'highTom'],['Low tom',300,'lowTom'],['Floor tom',350,'floorTom'],['Bass drum',500,'bassDrum'],['Drum hardware pack',450,'drumHardware'],['Guitar amp',650,'guitarAmp'],['Bass amp',750,'bassAmp'],['DI box',120,'diBox']];
const FINANCE_LEDGER_LIMIT=400;
const SHOW_GAS_PRICE_PER_GALLON=3.855;
const SHOW_TANK_GALLONS=20;
const SHOW_FUEL_COST=Math.round(SHOW_GAS_PRICE_PER_GALLON*SHOW_TANK_GALLONS*100)/100;
const SHOW_MEAL_PER_PERSON=20;
const SHOW_VEHICLE_WEAR_ESTIMATE=15;
const SHOW_EQUIPMENT_WEAR_ESTIMATE=10;
const PAUL_SHIFT_RATE=150;
function financeAmount(value){const n=Number(value);return Number.isFinite(n)?Math.max(0,Math.round(n*100)/100):0}
function cleanFinanceBreakdown(value){const out={};if(!value||typeof value!=='object')return out;for(const [key,amount] of Object.entries(value)){const n=financeAmount(amount);if(n>0)out[String(key).slice(0,50)]=n}return out}
function normalizeBankLoanRecord(loan,index=0){
 if(!loan||typeof loan!=='object')return null;
 const principal=financeAmount(loan.principal),payoff=Math.max(principal,financeAmount(loan.payoff)||principal),interest=financeAmount(Object.prototype.hasOwnProperty.call(loan,'interest')?loan.interest:payoff-principal);
 if(principal<=0||payoff<=0)return null;
 const paid=Math.min(payoff,financeAmount(Object.prototype.hasOwnProperty.call(loan,'paid')?loan.paid:loan.repaid));
 const interestPaid=Math.min(interest,financeAmount(Object.prototype.hasOwnProperty.call(loan,'interestPaid')?loan.interestPaid:Math.min(paid,interest)));
 const principalPaid=Math.min(principal,financeAmount(Object.prototype.hasOwnProperty.call(loan,'principalPaid')?loan.principalPaid:Math.max(0,paid-interestPaid)));
 const createdAt=Number(loan.createdAt||loan.takenAt)||Date.now();
 return{id:String(loan.id||`loan-${createdAt}-${index}`),day:String(loan.day||austinDateKey(new Date(createdAt))),principal,interest,payoff,paid:Math.min(payoff,interestPaid+principalPaid),interestPaid,principalPaid,createdAt,legacy:!!loan.legacy}
}
function deductionPercent(value){if(value===null||value==='review'||value==='REVIEW'||value===undefined)return null;const n=Number(value);return Number.isFinite(n)?Math.max(0,Math.min(100,Math.round(n))):null}
function receiptDefaults(type,category,label,options={}){
 const c=String(category||'Other'),income=type==='income',loan=type==='loan',repayment=type==='repayment',estimate=type==='estimate';
 let vendor=String(options.vendor||label||'VANCERTS').slice(0,80),purpose=String(options.businessPurpose||'Business transaction recorded in the Vancerts ledger.').slice(0,220),pct=deductionPercent(options.deductiblePct),taxTreatment=String(options.taxTreatment||'').slice(0,260),status='REVIEW';
 if(income){pct=0;status='INCOME';taxTreatment=taxTreatment||'BUSINESS INCOME • Include deposits and final client payments in gross business receipts.'}
 else if(loan){pct=0;status='NONDEDUCTIBLE';taxTreatment=taxTreatment||'LOAN PROCEEDS • Loan principal is tracked separately from business income. Repaying principal is not a business expense deduction.'}
 else if(repayment){pct=0;status='NONDEDUCTIBLE';taxTreatment=taxTreatment||'DEBT PAYMENT • Principal repayment is not a deduction. Business interest may require separate tax treatment.'}
 else if(estimate){pct=0;status='ESTIMATE';taxTreatment=taxTreatment||'NON-CASH PLANNING ESTIMATE • Track the expected cost, but do not claim a deduction until an actual qualifying expense is paid or incurred.'}
 else if(c==='Fuel'){pct=100;status='DEDUCTIBLE';taxTreatment=taxTreatment||'BUSINESS VEHICLE ACTUAL EXPENSE • Track business use and do not double-count the same use under both actual expenses and the standard mileage method.'}
 else if(c==='Meals'){pct=50;status='PARTIAL';taxTreatment=taxTreatment||'BUSINESS MEAL • Educational estimate uses 50% when the meal is ordinary, necessary, properly documented, and not lavish or extravagant.'}
 else if(c==='Payroll'){pct=100;status='DEDUCTIBLE';taxTreatment=taxTreatment||'EMPLOYEE OR CONTRACT LABOR • Educational estimate assumes reasonable payment for actual business services and proper worker classification/reporting.'}
 else if(['Repairs','Towing','Rentals','Waygo','Permits','Community Projects','Community Giving'].includes(c)){pct=100;status='DEDUCTIBLE';taxTreatment=taxTreatment||'BUSINESS OPERATING EXPENSE • Educational estimate assumes the cost is ordinary, necessary, and entirely business related.'}
 else if(c==='Equipment'){pct=null;status='REVIEW';taxTreatment=taxTreatment||'EQUIPMENT PURCHASE • Business-use equipment may be expensed, depreciated, or capitalized depending on the item, cost, and tax election.'}
 else if(c==='Debt Repayment'){pct=0;status='NONDEDUCTIBLE';taxTreatment=taxTreatment||'DEBT PAYMENT • Principal repayment is not treated as a current business expense deduction.'}
 else if(type==='expense'&&pct!==null){status=pct===100?'DEDUCTIBLE':pct>0?'PARTIAL':'NONDEDUCTIBLE'}
 else if(type==='expense'){status='REVIEW';taxTreatment=taxTreatment||'REVIEW WITH A TAX PROFESSIONAL • Deductibility depends on business purpose, records, business-use percentage, timing, and capitalization rules.'}
 return{vendor,purpose,pct,taxTreatment,status,paymentMethod:String(options.paymentMethod||((income||loan)?'CLIENT / BANK PAYMENT':'VANCERTS BUSINESS FUNDS')).slice(0,60),jobId:String(options.jobId||'').slice(0,60),employee:String(options.employee||'').slice(0,60),gallons:financeAmount(options.gallons),unitPrice:financeAmount(options.unitPrice),crewCount:Math.max(0,Math.round(Number(options.crewCount)||0))}
}
function normalizeFinanceTransaction(tx,index,now){
 const type=String(tx.type||'adjustment'),category=String(tx.category||'Other').slice(0,50),label=String(tx.label||'Transaction').slice(0,100),meta=receiptDefaults(type,category,label,{vendor:tx.vendor,businessPurpose:tx.businessPurpose||tx.purpose,deductiblePct:Object.prototype.hasOwnProperty.call(tx,'deductiblePct')?tx.deductiblePct:undefined,taxTreatment:tx.taxTreatment,paymentMethod:tx.paymentMethod,jobId:tx.jobId,employee:tx.employee,gallons:tx.gallons,unitPrice:tx.unitPrice,crewCount:tx.crewCount});
 return{id:String(tx.id||`tx-import-${index}`),at:String(tx.at||now),day:String(tx.day||austinDateKey()),type,category,label,amount:financeAmount(tx.amount),balance:financeAmount(tx.balance),interest:financeAmount(tx.interest),receiptNo:String(tx.receiptNo||`VC-IMPORT-${String(index+1).padStart(4,'0')}`),vendor:meta.vendor,businessPurpose:meta.purpose,deductiblePct:meta.pct,taxTreatment:meta.taxTreatment,deductionStatus:String(tx.deductionStatus||meta.status),paymentMethod:meta.paymentMethod,jobId:meta.jobId,employee:meta.employee,gallons:meta.gallons,unitPrice:meta.unitPrice,crewCount:meta.crewCount}
}
function normalizeFinanceState(raw,legacySave){
 const source=raw&&typeof raw==='object'?raw:null,now=new Date().toISOString();
 const transactions=Array.isArray(source?.transactions)?source.transactions.filter(tx=>tx&&typeof tx==='object').slice(-400).map((tx,index)=>normalizeFinanceTransaction(tx,index,now)):[];
 const derivedDeductible=transactions.filter(tx=>tx.type==='expense'&&Number.isFinite(Number(tx.deductiblePct))).reduce((sum,tx)=>sum+tx.amount*(Number(tx.deductiblePct)||0)/100,0),derivedReview=transactions.filter(tx=>tx.type==='expense'&&tx.deductiblePct===null).reduce((sum,tx)=>sum+tx.amount,0),derivedEstimate=transactions.filter(tx=>tx.type==='estimate').reduce((sum,tx)=>sum+tx.amount,0);
 return{version:2,openingCash:financeAmount(source?.openingCash??state.cash),trackingStartedAt:String(source?.trackingStartedAt||now),trackingStartedDay:String(source?.trackingStartedDay||austinDateKey()),legacyOpening:source?!!source.legacyOpening:!!legacySave,totalEarned:financeAmount(source?.totalEarned),totalSpent:financeAmount(source?.totalSpent),totalBorrowed:Math.max(financeAmount(source?.totalBorrowed),financeAmount(state.bankStats.totalBorrowed)),totalDebtPaid:Math.max(financeAmount(source?.totalDebtPaid),financeAmount(state.bankStats.totalRepaid)),totalInterestCharged:Math.max(financeAmount(source?.totalInterestCharged),financeAmount(state.bankStats.totalInterestCharged)),totalInterestPaid:Math.max(financeAmount(source?.totalInterestPaid),financeAmount(state.bankStats.totalInterestPaid)),totalAdjustments:Number(source?.totalAdjustments)||0,totalPotentialDeductions:Math.max(financeAmount(source?.totalPotentialDeductions),financeAmount(derivedDeductible)),totalReviewExpenses:Math.max(financeAmount(source?.totalReviewExpenses),financeAmount(derivedReview)),totalEstimatedCosts:Math.max(financeAmount(source?.totalEstimatedCosts),financeAmount(derivedEstimate)),receiptSequence:Math.max(Number(source?.receiptSequence)||0,transactions.length),incomeByCategory:cleanFinanceBreakdown(source?.incomeByCategory),expenseByCategory:cleanFinanceBreakdown(source?.expenseByCategory),deductionsByCategory:cleanFinanceBreakdown(source?.deductionsByCategory),estimateByCategory:cleanFinanceBreakdown(source?.estimateByCategory),transactions}
}
function nextReceiptNumber(){state.finance.receiptSequence=Math.max(0,Number(state.finance.receiptSequence)||0)+1;return `VC-${austinDateKey().replaceAll('-','')}-${String(state.finance.receiptSequence).padStart(5,'0')}`}
function pushFinanceTransaction(type,amount,category,label,options={}){
 const value=financeAmount(amount);if(value<=0)return null;
 const meta=receiptDefaults(type,category,label,options),tx={id:`tx-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,at:new Date().toISOString(),day:austinDateKey(),type:String(type||'adjustment'),category:String(category||'Other').slice(0,50),label:String(label||'Transaction').slice(0,100),amount:value,balance:financeAmount(state.cash),interest:financeAmount(options.interest),receiptNo:nextReceiptNumber(),vendor:meta.vendor,businessPurpose:meta.purpose,deductiblePct:meta.pct,taxTreatment:meta.taxTreatment,deductionStatus:meta.status,paymentMethod:meta.paymentMethod,jobId:meta.jobId,employee:meta.employee,gallons:meta.gallons,unitPrice:meta.unitPrice,crewCount:meta.crewCount};
 state.finance.transactions.push(tx);if(state.finance.transactions.length>FINANCE_LEDGER_LIMIT)state.finance.transactions.splice(0,state.finance.transactions.length-FINANCE_LEDGER_LIMIT);
 if(type==='income'){state.finance.totalEarned=financeAmount(state.finance.totalEarned+value);state.finance.incomeByCategory[tx.category]=financeAmount((state.finance.incomeByCategory[tx.category]||0)+value)}
 else if(type==='expense'){state.finance.totalSpent=financeAmount(state.finance.totalSpent+value);state.finance.expenseByCategory[tx.category]=financeAmount((state.finance.expenseByCategory[tx.category]||0)+value);if(tx.deductiblePct===null)state.finance.totalReviewExpenses=financeAmount(state.finance.totalReviewExpenses+value);else{const deduction=financeAmount(value*tx.deductiblePct/100);state.finance.totalPotentialDeductions=financeAmount(state.finance.totalPotentialDeductions+deduction);state.finance.deductionsByCategory[tx.category]=financeAmount((state.finance.deductionsByCategory[tx.category]||0)+deduction)}}
 else if(type==='estimate'){state.finance.totalEstimatedCosts=financeAmount(state.finance.totalEstimatedCosts+value);state.finance.estimateByCategory[tx.category]=financeAmount((state.finance.estimateByCategory[tx.category]||0)+value)}
 else if(type==='loan')state.finance.totalBorrowed=financeAmount(state.finance.totalBorrowed+value);
 else if(type==='repayment'){state.finance.totalDebtPaid=financeAmount(state.finance.totalDebtPaid+value);state.finance.totalInterestPaid=financeAmount(state.finance.totalInterestPaid+tx.interest)}
 else if(type==='adjustment')state.finance.totalAdjustments=Math.round((Number(state.finance.totalAdjustments)||0)+(options.direction==='debit'?-value:value));
 return tx
}
function creditCash(amount,category,label,options={}){const value=financeAmount(amount);if(value<=0)return false;state.cash=financeAmount(Number(state.cash||0)+value);pushFinanceTransaction(options.type||'income',value,category,label,options);return true}
function debitCash(amount,category,label,options={}){const value=financeAmount(amount);if(value<=0||Number(state.cash||0)<value)return false;state.cash=financeAmount(Number(state.cash||0)-value);pushFinanceTransaction(options.type||'expense',value,category,label,{...options,direction:'debit'});return true}
function recordCostEstimate(amount,category,label,options={}){return pushFinanceTransaction('estimate',amount,category,label,{...options,deductiblePct:0})}
function persistCommittedFinanceState(){
 if(state.cheats&&state.cheats.sandbox)return false;
 if(portableMode){portableSaveFile=portablePayload(state);sessionStorage.setItem(PORTABLE_SESSION_KEY,JSON.stringify(portableSaveFile));return true}
 safeStorage.setItem(SAVE_KEY,JSON.stringify(state));safeStorage.removeItem(LEGACY_CHECKPOINT_KEY);return true
}
function financeDateLabel(value){try{return new Intl.DateTimeFormat('en-US',{timeZone:'America/Chicago',month:'short',day:'numeric',hour:'numeric',minute:'2-digit'}).format(new Date(value))}catch(_){return String(value||'')}}
function safeFinanceText(value){return String(value??'').replace(/[&<>"']/g,ch=>({'&':'&amp;','<':'&lt;','>':'>','"':'&quot;',"'":'&#39;'}[ch]))}
function financeCategoryList(data,emptyText){const rows=Object.entries(data||{}).sort((a,b)=>b[1]-a[1]);return rows.length?`<ul class="financeList">${rows.map(([name,amount])=>`<li><b>${safeFinanceText(name)}</b> — $${rentalMoney(amount)}</li>`).join('')}</ul>`:`<p class="small">${emptyText}</p>`}
function deductionBadgeHtml(tx){const status=String(tx.deductionStatus||'REVIEW'),cls=status==='PARTIAL'?'partial':status==='REVIEW'||status==='ESTIMATE'||status==='NONDEDUCTIBLE'?'review':status==='INCOME'?'income':'';const label=status==='DEDUCTIBLE'?`${tx.deductiblePct}% EDUCATIONAL DEDUCTION`:status==='PARTIAL'?`${tx.deductiblePct}% EDUCATIONAL DEDUCTION`:status==='INCOME'?'BUSINESS INCOME':status==='ESTIMATE'?'NON-CASH COST ESTIMATE':status==='NONDEDUCTIBLE'?'NOT A CURRENT EXPENSE DEDUCTION':'TAX REVIEW NEEDED';return `<span class="deductionBadge ${cls}">${safeFinanceText(label)}</span>`}
function receiptCardHtml(tx,detail=false){const sign=tx.type==='income'||tx.type==='loan'?'+':tx.type==='expense'||tx.type==='repayment'?'-':'~',fuel=tx.gallons?`<div class="receiptLine"><span>Fuel calculation</span><b>${rentalMoney(tx.gallons)} gal × $${rentalMoney(tx.unitPrice)}</b></div>`:'',crew=tx.crewCount?`<div class="receiptLine"><span>Crew covered</span><b>${tx.crewCount}</b></div>`:'',employee=tx.employee?`<div class="receiptLine"><span>Worker</span><b>${safeFinanceText(tx.employee)}</b></div>`:'';return `<div class="receiptCard ${tx.type==='estimate'?'estimate':''}"><div class="receiptHead"><div><b>${safeFinanceText(tx.vendor)}</b><br><small>${safeFinanceText(financeDateLabel(tx.at))}</small></div><div class="receiptNo">${safeFinanceText(tx.receiptNo)}</div></div><div class="receiptLine"><span>${tx.type==='estimate'?'Estimated cost':'Amount'}</span><b>${sign}$${rentalMoney(tx.amount)}</b></div><div class="receiptLine"><span>Category</span><b>${safeFinanceText(tx.category)}</b></div><div class="receiptLine"><span>Description</span><b>${safeFinanceText(tx.label)}</b></div><div class="receiptLine"><span>Payment</span><b>${safeFinanceText(tx.paymentMethod)}</b></div>${employee}${fuel}${crew}<div class="receiptPurpose"><b>BUSINESS PURPOSE</b><br>${safeFinanceText(tx.businessPurpose)}</div>${deductionBadgeHtml(tx)}${detail?`<p class="receiptNote"><b>WHY:</b> ${safeFinanceText(tx.taxTreatment)}</p><p class="receiptNote">Balance after transaction: $${rentalMoney(tx.balance)}${tx.jobId?` • Job ${safeFinanceText(tx.jobId)}`:''}</p>`:`<button class="receiptMini" onclick="showReceipt('${safeFinanceText(tx.id)}')">${tx.type==='estimate'?'OPEN COST CARD':'VIEW RECEIPT'}</button>`}</div>`}
function financeReceiptArchiveHtml(limit=18){const rows=(state.finance.transactions||[]).slice(-limit).reverse();return rows.length?`<div class="receiptGrid">${rows.map(tx=>receiptCardHtml(tx,false)).join('')}</div>`:'<div class="card">No receipts yet. Confirm a show, buy equipment, receive a payment, or hire staff to start the archive.</div>'}
function financeLedgerHtml(limit=20){const rows=(state.finance.transactions||[]).slice(-limit).reverse();if(!rows.length)return '<div class="ledger"><div class="ledgerEmpty">No transactions yet. Your first income or purchase will appear here.</div></div>';return `<div class="ledger">${rows.map(tx=>{const sign=tx.type==='income'||tx.type==='loan'?'+':tx.type==='expense'||tx.type==='repayment'?'-':'~';return `<div class="ledgerRow ${safeFinanceText(tx.type)}"><span>${safeFinanceText(financeDateLabel(tx.at))}</span><span><b>${safeFinanceText(tx.label)}</b><br><small>${safeFinanceText(tx.category)} • Balance $${rentalMoney(tx.balance)}</small><br><button class="receiptMini" onclick="showReceipt('${safeFinanceText(tx.id)}')">${tx.type==='estimate'?'COST CARD':'RECEIPT'}</button></span><span class="ledgerAmount">${sign}$${rentalMoney(tx.amount)}</span></div>`}).join('')}</div>`}
function financeStatementHtml(){
 const f=state.finance,operatingNet=Number(f.totalEarned||0)-Number(f.totalSpent||0),estimatedTrueNet=operatingNet-Number(f.totalEstimatedCosts||0),debt=bankLoanBalance(),invoiceTotal=(state.invoices||[]).reduce((sum,invoice)=>sum+financeAmount(invoice.amount),0),invoiceCollected=(state.invoices||[]).filter(invoice=>invoice.paid).reduce((sum,invoice)=>sum+financeAmount(invoice.amount),0),receivable=Math.max(0,invoiceTotal-invoiceCollected);
 return `<div class="financeHero"><div class="financeMetric"><span>CURRENT CASH</span><b>$${rentalMoney(state.cash)}</b></div><div class="financeMetric earned"><span>TOTAL EARNED / RECEIVED</span><b>$${rentalMoney(f.totalEarned)}</b></div><div class="financeMetric spent"><span>ACTUAL BUSINESS SPENDING</span><b>$${rentalMoney(f.totalSpent)}</b></div><div class="financeMetric deduction"><span>POTENTIAL DEDUCTIONS</span><b>$${rentalMoney(f.totalPotentialDeductions)}</b></div><div class="financeMetric ${debt?'debt':''}"><span>CASH OPERATING NET</span><b>${operatingNet<0?'-':''}$${rentalMoney(Math.abs(operatingNet))}</b></div><div class="financeMetric estimate"><span>NON-CASH WEAR ESTIMATES</span><b>$${rentalMoney(f.totalEstimatedCosts)}</b></div><div class="financeMetric"><span>NET AFTER WEAR ESTIMATES</span><b>${estimatedTrueNet<0?'-':''}$${rentalMoney(Math.abs(estimatedTrueNet))}</b></div><div class="financeMetric"><span>EXPENSES NEEDING REVIEW</span><b>$${rentalMoney(f.totalReviewExpenses)}</b></div></div><div class="financeSplit"><div class="card"><h3>INCOME BY CATEGORY</h3>${financeCategoryList(f.incomeByCategory,'No tracked income yet.')}</div><div class="card"><h3>ACTUAL SPENDING BY CATEGORY</h3>${financeCategoryList(f.expenseByCategory,'No tracked expenses yet.')}</div><div class="card"><h3>EDUCATIONAL DEDUCTIONS BY CATEGORY</h3>${financeCategoryList(f.deductionsByCategory,'No fixed-percentage deduction estimates yet.')}</div><div class="card"><h3>WEAR & TEAR ESTIMATES</h3>${financeCategoryList(f.estimateByCategory,'No operating-cost estimates yet.')}</div><div class="card"><h3>DEBT HISTORY</h3>Borrowed <b>$${rentalMoney(f.totalBorrowed)}</b><br>Interest charged <b>$${rentalMoney(f.totalInterestCharged)}</b><br>Debt repaid <b>$${rentalMoney(f.totalDebtPaid)}</b><br>Interest paid <b>$${rentalMoney(f.totalInterestPaid)}</b><br>Current bank debt <b>$${rentalMoney(debt)}</b></div><div class="card"><h3>ACCOUNTS RECEIVABLE</h3>Invoices issued <b>$${rentalMoney(invoiceTotal)}</b><br>Invoice payments collected <b>$${rentalMoney(invoiceCollected)}</b><br>Still owed by clients <b>$${rentalMoney(receivable)}</b><br><span class="small">Deposits and final payments each produce their own payment receipt.</span></div><div class="card"><h3>SHOW COST STANDARD</h3>Fuel budget <b>${SHOW_TANK_GALLONS} gal × $${rentalMoney(SHOW_GAS_PRICE_PER_GALLON)} = $${rentalMoney(SHOW_FUEL_COST)}</b><br>Crew food <b>$${SHOW_MEAL_PER_PERSON} per person</b><br>Vehicle wear estimate <b>$${SHOW_VEHICLE_WEAR_ESTIMATE}</b><br>Equipment wear estimate <b>$${SHOW_EQUIPMENT_WEAR_ESTIMATE}</b></div><div class="card"><h3>TRACKING DETAILS</h3>Opening cash <b>$${rentalMoney(f.openingCash)}</b><br>Tracking date <b>${safeFinanceText(f.trackingStartedDay)}</b><br>Stored records <b>${(f.transactions||[]).length}/${FINANCE_LEDGER_LIMIT}</b><br><span class="small">Lifetime totals continue even when the oldest individual cards roll out of the archive.</span></div></div>${f.legacyOpening?'<p class="small"><b>LEGACY SAVE NOTE:</b> Existing cash, debt, story, inventory, and progress were preserved. Detailed receipt metadata begins with this build because older versions did not store vendor, purpose, or deduction fields.</p>':'<p class="small">Loans are tracked separately from income. Non-cash wear estimates help price jobs but are not presented as paid tax deductions.</p>'}<h3>RECENT TRANSACTIONS</h3>${financeLedgerHtml()}`
}
function showReceipt(id){const tx=(state.finance.transactions||[]).find(item=>item.id===id);if(!tx)return toast('RECEIPT NOT FOUND');modal(`<h2>${tx.type==='estimate'?'OPERATING COST CARD':'VANCERTS RECEIPT'}</h2>${receiptCardHtml(tx,true)}<div class="btns"><button class="secondary" onclick="openExpenseTracker()">BACK TO EXPENSE TRACKER</button></div>`)}
function taxSchoolHtml(){return `<div class="taxSchool"><h3>VANCERTS TAX SCHOOL • HOW THE TRACKER WORKS</h3><p><b>1. KEEP THE RECEIPT.</b> The game stores date, vendor, amount, category, business purpose, payment method, and related job.</p><p><b>2. SEPARATE ACTUAL CASH FROM ESTIMATES.</b> Fuel, meals, payroll, repairs, and purchases reduce cash. Vehicle and equipment wear cards are planning estimates only.</p><p><b>3. APPLY THE BUSINESS-USE RULE.</b> The tracker uses 100% only when the example is entirely business related. Mixed personal/business use must be split.</p><p><b>4. KNOW THE COMMON DIFFERENCES.</b> The game estimates fuel at 100% under the actual-expense method, qualifying business meals at 50%, and reasonable worker pay at 100%. Equipment stays marked REVIEW because it may need expensing, depreciation, or capitalization.</p><p><b>5. NEVER DOUBLE COUNT.</b> Do not claim the same vehicle use under both actual gas/repair expenses and the standard mileage method.</p><p class="small"><b>EDUCATIONAL SIMULATION:</b> This is bookkeeping practice, not tax preparation or legal advice. Real treatment depends on entity type, worker classification, business-use percentage, records, elections, and current law.</p></div>`}
const BMI_ANNUAL_MINIMUM=437;
const BMI_PAID_ADMISSION_RATE=.005;
const BMI_FREE_EVENT_RATE=.015;
const BMI_REPORT_DATES=['JAN 20','APR 20','JUL 20','OCT 20'];
function bmiState(){state.compliance=state.compliance&&typeof state.compliance==='object'?state.compliance:{};state.compliance.bmi=Object.assign({},defaults.compliance.bmi,state.compliance.bmi||{});state.compliance.bmi.events=Array.isArray(state.compliance.bmi.events)?state.compliance.bmi.events:[];state.compliance.bmi.submittedQuarters=Array.isArray(state.compliance.bmi.submittedQuarters)?state.compliance.bmi.submittedQuarters:[];return state.compliance.bmi}
function bmiQuarterForDate(value){const d=value?new Date(value):new Date(),m=d.getMonth()+1;return m<=3?'Q1':m<=6?'Q2':m<=9?'Q3':'Q4'}
function bmiQuarterDue(q){return({Q1:'APR 20',Q2:'JUL 20',Q3:'OCT 20',Q4:'JAN 20'})[q]||'APR 20'}
function bmiEventCharge(e){return financeAmount(e.admissionType==='paid'?Number(e.grossAdmissionRevenue||0)*BMI_PAID_ADMISSION_RATE:Number(e.entertainmentExpenses||0)*BMI_FREE_EVENT_RATE)}
function recordBmiShow(job,place,finalInvoice){const bmi=bmiState(),id=showJobId(job);if(bmi.events.some(e=>e.jobId===id))return;const admissionType=job.paidAdmission?'paid':'free',grossAdmissionRevenue=admissionType==='paid'?Math.max(0,Number(job.grossAdmissionRevenue)||0):0,entertainmentExpenses=admissionType==='free'?Math.max(0,Number(job.total)||0):0,occurredAt=new Date().toISOString();const event={jobId:id,occurredAt,day:austinDateKey(),quarter:bmiQuarterForDate(occurredAt),venueId:place.id,venue:place.name,admissionType,grossAdmissionRevenue:financeAmount(grossAdmissionRevenue),entertainmentExpenses:financeAmount(entertainmentExpenses),clientRevenue:financeAmount((Number(job.deposit)||0)+(Number(finalInvoice)||0)),reported:false};event.calculatedCharge=bmiEventCharge(event);bmi.events.push(event)}
function bmiTotals(){const bmi=bmiState(),calculated=financeAmount(bmi.events.reduce((sum,e)=>sum+bmiEventCharge(e),0)),annualDue=Math.max(BMI_ANNUAL_MINIMUM,calculated),additionalDue=Math.max(0,financeAmount(annualDue-BMI_ANNUAL_MINIMUM-(Number(bmi.additionalPaid)||0)));return{calculated,annualDue,additionalDue,events:bmi.events.length}}
function bmiEventRows(){const events=bmiState().events.slice().reverse();if(!events.length)return '<div class="card"><b>NO COVERED SHOWS LOGGED YET</b><p class="small">Completed gigs will appear here automatically.</p></div>';return events.map(e=>`<div class="ledgerRow"><span>${safeFinanceText(e.day)}</span><b>${safeFinanceText(e.venue)}</b><span>${e.admissionType==='paid'?'PAID':'FREE'}</span><span>$${rentalMoney(bmiEventCharge(e))}</span></div>`).join('')}
function submitBmiQuarter(q){const bmi=bmiState();if(bmi.submittedQuarters.includes(q))return toast(`${q} BMI REPORT ALREADY SUBMITTED`);const rows=bmi.events.filter(e=>e.quarter===q&&!e.reported);rows.forEach(e=>e.reported=true);bmi.submittedQuarters.push(q);bmi.lastSubmission=austinDateKey();const totals=bmiTotals();let paid=0;if(totals.additionalDue>0&&state.cash>=totals.additionalDue){paid=totals.additionalDue;debitCash(paid,'Licenses & Permits',`BMI ${q} additional license payment`,{vendor:'BMI',businessPurpose:`Additional public-performance licensing amount above the Vancerts annual minimum after ${q} reporting.`,deductiblePct:100,paymentMethod:'VANCERTS BUSINESS FUNDS'});bmi.additionalPaid=financeAmount((Number(bmi.additionalPaid)||0)+paid)}save();hud();toast(paid?`${q} BMI REPORT SUBMITTED • $${rentalMoney(paid)} ADDITIONAL PAID`:`${q} BMI REPORT SUBMITTED • ANNUAL MINIMUM STILL COVERS ESTIMATE`);openComplianceApp()}
function openComplianceLearning(){modal(`<h2>HOW THE VANCERTS BMI EXPENSE WORKS</h2><div class="grid"><div class="card"><h3>ACTIVE COVERAGE</h3>VANCERTS enters the game with its basic BMI license active and the <b>$437 annual minimum already covered</b>. That opening policy cost is documented here but is not removed from the player's $1,000 operating cash.</div><div class="card"><h3>FREE EVENTS</h3>The game estimates <b>1.5% of covered entertainment expenses</b> for free-to-attend events under the VANCERTS agreement used for this simulation.</div><div class="card"><h3>PAID ADMISSION</h3>For a ticketed event, the game estimates <b>0.5% of applicable gross admission revenue</b>. A future ticketing system can populate that amount directly.</div><div class="card"><h3>REPORTING</h3>Events are organized into quarterly reports due around <b>January 20, April 20, July 20, and October 20</b>. The player reviews what the game prepared, submits it, and retains the report and payment record.</div><div class="card"><h3>YEAR END</h3>The annual obligation is the greater of the <b>$437 minimum</b> or the calculated event amount. Only the amount above the minimum creates an additional payment in this game.</div><div class="card"><h3>IMPORTANT LIMIT</h3>BMI covers music represented by BMI under the applicable agreement. It is not presented as universal permission for every song, every rights organization, or every type of music use.</div></div><p class="small">Educational simulation: actual licensing depends on the signed agreement, music use, venue responsibilities, and current rules. Keep the real contract and reports as the final authority.</p><div class="btns"><button onclick="openComplianceApp()">BACK TO COMPLIANCE</button><button class="secondary" onclick="closeModal()">CLOSE</button></div>`)}
function openComplianceApp(){const bmi=bmiState(),totals=bmiTotals(),currentQ=bmiQuarterForDate(),quarterCards=['Q1','Q2','Q3','Q4'].map(q=>{const events=bmi.events.filter(e=>e.quarter===q),charge=financeAmount(events.reduce((n,e)=>n+bmiEventCharge(e),0)),done=bmi.submittedQuarters.includes(q);return `<div class="card"><h3>${q} REPORT</h3>Due: <b>${bmiQuarterDue(q)}</b><br>Shows: <b>${events.length}</b><br>Calculated: <b>$${rentalMoney(charge)}</b><br>Status: <b class="${done?'good':''}">${done?'SUBMITTED':q===currentQ?'CURRENT • REVIEW':'NOT SUBMITTED'}</b><div class="btns"><button onclick="submitBmiQuarter('${q}')" ${done?'disabled':''}>${done?'SUBMITTED':'REVIEW & SUBMIT'}</button></div></div>`}).join('');modal(`<h2>BUSINESS COMPLIANCE • BMI</h2><div class="financeHero"><div class="metricCard"><span>LICENSE</span><b class="good">ACTIVE</b><small>VANCERTS coverage</small></div><div class="metricCard"><span>ANNUAL MINIMUM</span><b>$${BMI_ANNUAL_MINIMUM}</b><small>Already covered</small></div><div class="metricCard"><span>CALCULATED</span><b>$${rentalMoney(totals.calculated)}</b><small>${totals.events} logged show${totals.events===1?'':'s'}</small></div><div class="metricCard"><span>ADDITIONAL DUE</span><b>$${rentalMoney(totals.additionalDue)}</b><small>Above minimum</small></div></div><div class="card"><h3>VANCERTS BMI LICENSE</h3>Status: <b class="good">ACTIVE</b><br>Coverage year: <b>${safeFinanceText(bmi.coverageYear)}</b><br>Annual minimum: <b>$${BMI_ANNUAL_MINIMUM} COVERED</b><br>Estimated annual obligation: <b>$${rentalMoney(totals.annualDue)}</b><br>Additional payments made: <b>$${rentalMoney(bmi.additionalPaid||0)}</b><p class="small">The annual minimum is treated as an opening business-license expense that VANCERTS already carried before playable operating cash begins.</p></div><h3>QUARTERLY REPORTS</h3><div class="grid">${quarterCards}</div><h3>AUTOMATIC COVERED-SHOW LOG</h3><div class="financeLedger">${bmiEventRows()}</div><div class="btns"><button onclick="openComplianceLearning()">WHY THIS EXPENSE WORKS THIS WAY</button><button onclick="openExpenseTracker()">OPEN FULL LEDGER</button><button class="secondary" onclick="closeModal()">CLOSE COMPLIANCE</button></div>`)}
window.openComplianceApp=openComplianceApp;window.openComplianceLearning=openComplianceLearning;window.submitBmiQuarter=submitBmiQuarter;
function openExpenseTracker(){modal(`<h2>EXPENSE TRACKER & RECEIPT ARCHIVE</h2><div class="expenseActions"><button class="green" onclick="openComplianceApp()">BUSINESS COMPLIANCE • BMI</button><button onclick="openStaffManager()">STAFF & PAYROLL</button><button onclick="bankModal()">COMMUNITY BANK STATEMENT</button></div>${taxSchoolHtml()}${financeStatementHtml()}<h3>RECEIPT & COST-CARD ARCHIVE</h3>${financeReceiptArchiveHtml(24)}<div class="btns"><button class="secondary" onclick="closeModal()">CLOSE TRACKER</button></div>`)}
function paulState(){state.staff=state.staff||{};state.staff.paul=Object.assign({},defaults.staff.paul,state.staff.paul||{});return state.staff.paul}
function hirePaul(){const paul=paulState();if(paul.hired)return openStaffManager();paul.hired=true;paul.truckVisible=true;save();hud();toast('PAUL ADDED TO THE VANCERTS TEAM ROSTER');openStaffManager()}
function assignPaulToJob(job,place){const paul=paulState();if(!paul.hired||!job||job.staff?.paul)return false;if(!debitCash(PAUL_SHIFT_RATE,'Payroll',`Paul helper shift • ${place.name}`,{vendor:'VANCERTS PAYROLL',employee:'Paul',businessPurpose:`Stagehand, loading, hauling, and show support for the ${place.name} Vancerts job.`,deductiblePct:100,jobId:String(job.created||job.id||Date.now()),paymentMethod:'VANCERTS BUSINESS PAYROLL'}))return false;job.staff=Object.assign({},job.staff||{},{paul:true});paul.nextShift=false;paul.shifts+=1;paul.wagesPaid=financeAmount(paul.wagesPaid+PAUL_SHIFT_RATE);paul.lastJobId=String(job.created||job.id||Date.now());paul.truckVisible=true;return true}
function schedulePaul(){const paul=paulState();if(!paul.hired)return hirePaul();if(state.activeJob){if(state.activeJob.phase!=='pickup')return toast('PAUL MUST BE ASSIGNED BEFORE THE VAN LEAVES GIG BAG');const place=places.find(p=>p.id===state.activeJob.id);if(state.activeJob.staff?.paul)return toast('PAUL IS ALREADY ON THIS SHOW');if(!assignPaulToJob(state.activeJob,place))return toast(`PAUL'S SHIFT COSTS $${PAUL_SHIFT_RATE}`);recordPaulMealAdjustment(state.activeJob,place);save();hud();toast('PAUL ASSIGNED • WHITE TRUCK HEADING TO GIG BAG');return openStaffManager()}paul.nextShift=true;save();hud();toast('PAUL SCHEDULED FOR THE NEXT CONFIRMED SHOW');openStaffManager()}
function cancelPaulSchedule(){const paul=paulState();if(state.activeJob?.staff?.paul)return toast('PAUL IS ALREADY PAID AND ASSIGNED TO THE ACTIVE SHOW');paul.nextShift=false;save();hud();toast('PAUL REMOVED FROM THE NEXT-SHOW SCHEDULE');openStaffManager()}
function allocatePaulTruckLoad(owned){const protectedLoad={},limits={main:4,sub:2,monitor:4,mic:6,xlr:12,iec:12,speakerCable50:8,snake24:1,lights:1,backline:1,highTom:1,lowTom:1,floorTom:1,bassDrum:1,drumHardware:1,guitarAmp:1,bassAmp:1,diBox:4};for(const [key,limit] of Object.entries(limits)){const count=Math.min(Math.max(0,Number(owned?.[key])||0),limit);if(count>0)protectedLoad[key]=count}return protectedLoad}
function showJobId(job){return String(job?.created||job?.id||Date.now())}
function recordPaulMealAdjustment(job,place){if(!job||job.paulMealAdded)return;const amount=SHOW_MEAL_PER_PERSON;if(debitCash(amount,'Meals',`Paul crew meal • ${place.name}`,{vendor:'VANCERTS CREW MEAL',businessPurpose:`Additional meal for Paul while working the ${place.name} show.`,deductiblePct:50,jobId:showJobId(job),crewCount:1,paymentMethod:'VANCERTS BUSINESS FUNDS'})){job.paulMealAdded=true;job.operatingCosts=financeAmount((job.operatingCosts||0)+amount)}}
function recordGigOperatingCosts(job,place){if(!job||job.operatingCostsRecorded)return;const jobId=showJobId(job),crewCount=1+(job.staff?.paul?1:0);let actual=0;if(debitCash(SHOW_FUEL_COST,'Fuel',`Show fuel • ${place.name}`,{vendor:'AUSTIN FUEL STOP',businessPurpose:`One standardized ${SHOW_TANK_GALLONS}-gallon business fuel fill-up for travel, load-in, show operation, and return from ${place.name}.`,deductiblePct:100,jobId,gallons:SHOW_TANK_GALLONS,unitPrice:SHOW_GAS_PRICE_PER_GALLON,paymentMethod:'VANCERTS BUSINESS FUNDS'}))actual+=SHOW_FUEL_COST;const mealCost=SHOW_MEAL_PER_PERSON*crewCount;if(debitCash(mealCost,'Meals',`Crew food • ${place.name}`,{vendor:'VANCERTS CREW MEAL',businessPurpose:`Food for ${crewCount} working crew member${crewCount===1?'':'s'} during the ${place.name} show day.`,deductiblePct:50,jobId,crewCount,paymentMethod:'VANCERTS BUSINESS FUNDS'}))actual+=mealCost;recordCostEstimate(SHOW_VEHICLE_WEAR_ESTIMATE,'Vehicle Wear',`Vehicle wear estimate • ${place.name}`,{vendor:'VANCERTS COST ESTIMATE',businessPurpose:`Planning allowance for tires, fluids, depreciation, and accumulated vehicle wear caused by the ${place.name} job.`,jobId});recordCostEstimate(SHOW_EQUIPMENT_WEAR_ESTIMATE,'Equipment Wear',`Equipment wear estimate • ${place.name}`,{vendor:'VANCERTS COST ESTIMATE',businessPurpose:`Planning allowance for cables, connectors, speaker components, cases, hardware, and other equipment wear caused by the ${place.name} job.`,jobId});job.operatingCostsRecorded=true;job.operatingCosts=financeAmount(actual);job.wearEstimate=financeAmount(SHOW_VEHICLE_WEAR_ESTIMATE+SHOW_EQUIPMENT_WEAR_ESTIMATE)}
function careerLevel(xp){xp=Math.max(0,Number(xp)||0);if(xp>=30)return'LEAD';if(xp>=15)return'EXPERIENCED';if(xp>=6)return'GROWING';return'ROOKIE'}
function chooseCareerPath(path,role){if(!['owner','team','band'].includes(path))return;if(path==='team'&&['stagehand','audio'].includes(role))state.career.teamRole=role;state.career.path=path;spawnCareerAtHome(path,role||state.career.teamRole);save();hud();openStaffManager();toast(path==='owner'?'OWNER STORY ACTIVE • HOME SPAWN':path==='band'?'BAND STORY ACTIVE • FLAME VAN READY':`${state.career.teamRole==='audio'?'AUDIO ENGINEER':'STAGEHAND'} STORY ACTIVE • WORK TRUCK READY`)}
function renameBandCareer(){const current=String(state.career?.bandName||'THE BAND').replace(/&/g,'&').replace(/\"/g,'"').replace(/</g,'<').replace(/>/g,'>');modal(`<h2>NAME YOUR BAND</h2><div class="card"><label><b>BAND NAME</b><input id="bandCareerNameInput" maxlength="40" value="${current}" style="width:100%;padding:10px;margin-top:8px;font:inherit"></label></div><div class="btns"><button class="green" onclick="saveBandCareerName()">SAVE BAND NAME</button><button class="secondary" onclick="openStaffManager()">BACK</button></div>`)}
function saveBandCareerName(){const el=document.getElementById('bandCareerNameInput'),name=String(el?.value||'').trim().replace(/\s+/g,' ').slice(0,40);if(!name)return toast('ENTER A BAND NAME');state.career.bandName=name;save();hud();openStaffManager();toast('BAND NAME SAVED')}
window.saveBandCareerName=saveBandCareerName;
function openStaffManager(){const paul=paulState(),active=state.activeJob,activePlace=active?places.find(p=>p.id===active.id):null,assigned=!!active?.staff?.paul,status=!paul.hired?'AVAILABLE TO JOIN TEAM':assigned?`ON ACTIVE SHOW • ${activePlace?.name||'CLIENT'}`:paul.nextShift?'SCHEDULED FOR NEXT SHOW':'ON TEAM • AT BYOB';const c=state.career||defaults.career;const activeName=c.path==='owner'?'VANCERTS OWNER':c.path==='band'?c.bandName:(c.teamRole==='audio'?'AUDIO ENGINEER':'STAGEHAND');modal(`<h2>VANCERTS TEAM & CAREER PATHS</h2><div class="card" style="border-color:#315d3b"><h3>ACTIVE PLAYER • ${safeFinanceText(activeName)}</h3><p>Choose the live-music path you want to experience. The Austin world, venues, expenses, equipment, and business lessons stay connected.</p><div class="grid"><div class="card"><h3>🚐 VANCERTS OWNER</h3><b>ORIGINAL STORY • ${careerLevel(c.ownerXp)}</b><p>Run the company, drive the van, book clients, manage money, collect deposits and final payments, grow sponsors, and lead the team.</p><button class="green" onclick="chooseCareerPath('owner')" ${c.path==='owner'?'disabled':''}>${c.path==='owner'?'ACTIVE OWNER STORY':'PLAY OWNER STORY'}</button></div><div class="card"><h3>🔊 VANCERTS TEAM MEMBER</h3><b>${c.teamRole==='audio'?'AUDIO ENGINEER':'STAGEHAND'} • ${careerLevel(c.teamRole==='audio'?c.audioXp:c.stagehandXp)}</b><p>Work shows for wages and learn the real three-person VANCERTS stage flow: the owner/main character, one stagehand, and one audio engineer who also runs the van.</p><div class="btns"><button onclick="chooseCareerPath('team','stagehand')" ${c.path==='team'&&c.teamRole==='stagehand'?'disabled':''}>STAGEHAND</button><button onclick="chooseCareerPath('team','audio')" ${c.path==='team'&&c.teamRole==='audio'?'disabled':''}>AUDIO ENGINEER / VAN</button></div></div><div class="card"><h3>🎸 BAND</h3><b>${safeFinanceText(c.bandName)} • ${careerLevel(c.bandXp)}</b><p>Learn booking, guarantees, deposits, stage plots, input lists, merch, promotion, show expenses, and when hiring VANCERTS is smarter than owning production.</p><div class="btns"><button class="green" onclick="chooseCareerPath('band')" ${c.path==='band'?'disabled':''}>${c.path==='band'?'ACTIVE BAND STORY':'PLAY BAND STORY'}</button><button onclick="renameBandCareer()">NAME BAND</button></div></div></div></div><div class="card"><h3>THE VANCERTS STAGE CREW</h3><p><b>1 owner / stage manager</b> runs the business and main character. <b>1 stagehand</b> handles load-in, setup, cable work, strike, and gear care. <b>1 audio engineer</b> runs the van, PA, soundcheck, front-of-house mix, and teardown support.</p><p>No certification collection is used. Progress comes from completed shows, practical experience, reliability, reputation, and learning the work.</p></div><div class="staffRoster"><div class="staffPortrait"><div class="staffTruckPreview" aria-label="Paul's plain white pickup truck with a removable Vancerts magnet"></div></div><div class="card"><h3>PAUL • STAGEHAND / TEAM MEMBER</h3><span class="staffStatus ${paul.hired?'hired':''} ${paul.nextShift||assigned?'scheduled':''}">${safeFinanceText(status)}</span><p>Paul drives his own <b>plain white pickup</b> with one removable VANCERTS logo magnet. He helps load, build, strike, wrap cable, and protect part of the gear haul.</p><p><b>$${PAUL_SHIFT_RATE} per show</b> • payroll receipt included • $${SHOW_MEAL_PER_PERSON} crew meal tracked separately.</p><p>Completed shifts: <b>${paul.shifts}</b><br>Total wages paid: <b>$${rentalMoney(paul.wagesPaid)}</b><br>Stagehand progression: <b>${careerLevel(paul.shifts)}</b></p>${!paul.hired?'<button class="green" onclick="hirePaul()">ADD PAUL TO THE TEAM</button>':assigned?'<button disabled>ASSIGNED TO ACTIVE SHOW</button>':paul.nextShift?'<button class="red" onclick="cancelPaulSchedule()">CANCEL NEXT-SHOW SCHEDULE</button>':`<button class="green" onclick="schedulePaul()">${active?'ASSIGN TO ACTIVE SHOW':'SCHEDULE NEXT SHOW'} • $${PAUL_SHIFT_RATE}</button>`}</div></div><div class="card"><h3>TEAM ACCOUNTING</h3>Scheduling a paid team member creates a payroll receipt tied to the show. Crew food is tracked separately so the expense tracker teaches the meal rule instead of mixing food into wages.</div><div class="btns"><button onclick="openExpenseTracker()">OPEN EXPENSE TRACKER</button><button class="secondary" onclick="closeModal()">CLOSE TEAM</button></div>`)}
window.chooseCareerPath=chooseCareerPath;window.renameBandCareer=renameBandCareer;
window.showReceipt=showReceipt;window.openExpenseTracker=openExpenseTracker;window.openStaffManager=openStaffManager;window.hirePaul=hirePaul;window.schedulePaul=schedulePaul;window.cancelPaulSchedule=cancelPaulSchedule;
const LEGACY_CHECKPOINT_KEY=SAVE_KEY+'-30min-checkpoints';
// Gameplay changes stay in memory until the player presses SAVE.
function save(){return true}
function manualSave(){if(state.cheats&&state.cheats.sandbox)return toast('SANDBOX MODE • HARD SAVING DISABLED • RELOAD TO RESTORE YOUR SAVE');if(portableMode){portableSaveFile=portablePayload(state);sessionStorage.setItem(PORTABLE_SESSION_KEY,JSON.stringify(portableSaveFile));toast('PORTABLE GAME SAVED IN THIS SESSION • EXPORT THE FILE TO KEEP IT')}else{safeStorage.setItem(SAVE_KEY,JSON.stringify(state));safeStorage.removeItem(LEGACY_CHECKPOINT_KEY);toast('COMPUTER HARD SAVE UPDATED')}}window.manualSave=manualSave;
function openSaveLoadApp(){const mode=portableMode?'PORTABLE FILE SESSION':'THIS DEVICE';const saved=portableMode?'Use Save Game, then Export Save File to keep the updated portable game.':'Progress also autosaves during normal play. Save Game creates a deliberate manual checkpoint on this device.';modal(`<h2>NOOKIA SAVE CENTER</h2><div class="card"><h3>${mode}</h3><p>${saved}</p></div><div class="grid"><div class="card"><h3>CONTINUE</h3><p>Return to the current game without changing progress.</p><button class="green" onclick="closeModal()">CONTINUE GAME</button></div><div class="card"><h3>SAVE GAME</h3><p>Update the current manual save checkpoint.</p><button onclick="manualSave();closeModal()">SAVE NOW</button></div><div class="card"><h3>LOAD / IMPORT</h3><p>Choose a Vancerts save file from this device.</p><button onclick="choosePortableSave()">CHOOSE SAVE FILE</button></div><div class="card"><h3>EXPORT</h3><p>Download a portable copy of the current progress.</p><button onclick="exportPortableSave()">EXPORT SAVE FILE</button></div><div class="card"><h3>RESET STORY</h3><p>Erase the current story save and begin again. This cannot be undone.</p><button class="red" onclick="openResetPrompt()">RESET STORY</button></div></div><div class="btns"><button class="secondary" onclick="closeModal()">CLOSE SAVE CENTER</button></div>`)}window.openSaveLoadApp=openSaveLoadApp;
function toast(t){$('toast').textContent=t;$('toast').classList.add('show');setTimeout(()=>$('toast').classList.remove('show'),1900)}function modal(h){$('modal').innerHTML=h;$('modalWrap').classList.add('show')}function closeModal(){if(permitGateActive)return;$('modalWrap').classList.remove('show')}window.closeModal=closeModal;

const EAST_EXPANSION_ORDER=['porkchop','baddburgers','highnoon','chessclub','thirteenthfloor','amlhouse'];
const WEST_EXPANSION_ORDER=['kazi','tascam','jblpro'];
const EXPANSION_PERMIT_COST=12500;

$('phoneDialerApp').onclick=openDialer;
$('phoneWallet').onclick=driverPassModal;
$('phoneContacts').onclick=openPhone;
$('phoneEmailApp').onclick=openEmail;
$('phoneRadioApp').onclick=openRadioApp;
$('phoneStaffApp').onclick=openStaffManager;
$('phoneLedgerApp').onclick=openExpenseTracker;
$('phoneWaygoApp').onclick=openWaygo;
$('phoneBankApp').onclick=bankModal;
$('phoneSettingsApp').onclick=openSaveLoadApp;
const phoneResetApp=$('phoneResetApp');if(phoneResetApp)phoneResetApp.onclick=openResetPrompt;

<div class="chapterStrip">
  <div class="chapterBox"><strong>CHAPTER 1</strong>🚐 BUILD THE SCENE<br><small>Book shows • Buy gear • Sign sponsors</small></div>
  <div class="chapterBox"><strong>CHAPTER 2</strong>🎪 IT'S A VAN FEST<br><small>Citywide route • BYOB finale</small></div>
  <div class="chapterBox"><strong>CHAPTER 3</strong>🏙 EAST AUSTIN<br><small>5 permits • 3 flags everywhere</small></div>
  <div class="chapterBox"><strong>CHAPTER 4</strong>📻 SOUTH SIDE<br><small>KAZI • Tascam • JBL • Soup</small></div>
</div>

<h3 class="howSection">TRAINING WHEELS • TUTORIAL MISSIONS</h3><p>Training Wheels follows the real story instead of creating a separate practice save. Chapter 1 teaches driving, opening and closing the Nookia, opening and minimizing 512 Jams, the FSG booking email, equipment pickup, stage setup, and the final payment call. A new chapter overview appears when Chapters 2, 3, and 4 begin. Use <b>MISSION GUIDE</b> in the gold objective box for the current step. Use <b>Training On</b> or <b>Training Off</b> in the Vancerts Build the Scene box to switch guidance at any time without resetting anything.</p>

<h3 class="howSection">NOOKIA SERVICE CODES</h3><p>Use the Nookia keypad, then press CALL. <b>#211</b> provides once-daily emergency Community Services: van restored to 100% and $500. Developer and test codes begin with <b>#512</b>. The master Sandbox code is <b>#4986</b>. It opens a clean empty-road laboratory, disables hard saving, prepares every sponsored business for a real 0/3 flag-cycle test, and lets you add road actors individually with <b>#51230–#51253</b>. NPC and bicycle checks: <b>#51251</b> all NPCs, <b>#51252</b> 100-rider bike group, <b>#51253</b> solo bike.</p>
<h3 class="howSection">PRODUCTION PROGRESSION</h3><p><b>Chapter 2:</b> complete the calculated cable package for 80% band happiness. <b>Chapter 3:</b> complete drum shells/hardware, 2 guitar amps, bass amp and 2 DI boxes for 100%. Breakables remain artist-supplied.</p><h3 class="howSection">THE MAIN GAME LOOP</h3>
<div class="permitPath">
<span>📧 ACCEPT OFFER</span><span class="chapterArrow">→</span>
<span>🎒 LOAD EXACT GEAR</span><span class="chapterArrow">→</span>
<span>🚐 DRIVE TO CLIENT</span><span class="chapterArrow">→</span>
<span>🎤 COMPLETE SHOW</span><span class="chapterArrow">→</span>
<span>📞 CALL FOR BALANCE</span><span class="chapterArrow">→</span>
<span>🚗 GROW THE LOT</span>
</div>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">📧</div><b>EMAIL</b><small>Offers, sponsors, festivals</small></div>
  <div class="iconCard"><div class="iconPic">💰</div><b>50% DEPOSIT</b><small>Paid when gig is accepted</small></div>
  <div class="iconCard"><div class="iconPic">🔊</div><b>EXACT EQUIPMENT</b><small>Load only what the gig requires</small></div>
  <div class="iconCard"><div class="iconPic">📞</div><b>CALL TO COLLECT</b><small>Remaining payment after show</small></div>
  <div class="iconCard"><div class="iconPic">🛒</div><b>RESOURCES</b><small>Deliver to Gig Bag for Community</small></div>
  ${BUS_STOPS_ENABLED?'<div class="iconCard"><div class="iconPic">🚌</div><b>PASSENGERS</b><small>Bus stop pickup • $5 drop-off</small></div>':''}
</div>

<h3 class="howSection">CONTROLS</h3>
<div class="controllerHelp"><b>CONTROLLER</b><br>Left stick / D-pad aims and turns • Right bumper/trigger drives forward • Left bumper/trigger reverses • Right stick moves the pointer • Tap Cross/A or press R3 to click; hold Cross/A for 0.65 seconds to open the Nookia • B/Circle closes or goes back; when nothing is open it reopens the radio • Tap Square/X to fire the potato cannon; its original phone-hold shortcut still works • Triangle/Y opens How to Play • Options/Start opens Pause & Controls • Share/Back taps to save and holds to load. Controls can be remapped from Pause → Controller Settings.</div>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">⬆️</div><b>FORWARD</b><small>W / Up</small></div>
  <div class="iconCard"><div class="iconPic">↩️</div><b>LEFT</b><small>A / Left</small></div>
  <div class="iconCard"><div class="iconPic">↪️</div><b>RIGHT</b><small>S / Right</small></div>
  <div class="iconCard"><div class="iconPic">⬇️</div><b>REVERSE</b><small>Z / Down</small></div>
  <div class="iconCard"><div class="iconPic">❗</div><b>INTERACT</b><small>Space / Enter • mobile tap</small></div><div class="iconCard"><div class="iconPic">🚲</div><b>HOURLY SOCIAL RIDE</b><small>100 riders take three quarters of the street for the first four minutes of every hour. Cars pull aside and horns sound.</small></div><div class="iconCard"><div class="iconPic">🦸🏿</div><b>RUSSEL</b><small>Green, black, and yellow collector who returns city resources to Gig Bag.</small></div>
  <div class="iconCard"><div class="iconPic">🎒</div><b>RETURN HOME</b><small>R → Gig Bag ATX</small></div>
  <div class="iconCard"><div class="iconPic">💾</div><b>SAVE</b><small>Updates current save point</small></div>
  <div class="iconCard"><div class="iconPic">⛶</div><b>FULLSCREEN</b><small>Best mobile view in landscape</small></div>
</div>

<h3 class="howSection">SAVES</h3>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">💻</div><b>COMPUTER SAVE</b><small>Stored as vancerts-v8 in this browser</small></div>
  <div class="iconCard"><div class="iconPic">📤</div><b>EXPORT FILE</b><small>Download a portable .json save</small></div>
  <div class="iconCard"><div class="iconPic">📥</div><b>LOAD FILE</b><small>Play a USB/computer save anywhere</small></div>
  <div class="iconCard"><div class="iconPic">🔄</div><b>RESET</b><small>Portable mode returns to computer save</small></div>
</div>

<h3 class="howSection">PARKING, SPONSORS & FLAGS</h3><p><b>Flags begin only after It’s A Van Fest I is complete and World Liquor appears.</b> Before then, parking and sponsorship still progress normally, but no flags are awarded.</p>
<div class="permitPath">
<span>🎤 COMPLETE SHOWS</span><span class="chapterArrow">→</span>
<span>🚗 FILL PARKING LOT</span><span class="chapterArrow">→</span>
<span>🤝 SIGN SPONSOR</span><span class="chapterArrow">→</span>
<span>📅 BOOK NEW GIG</span><span class="chapterArrow">→</span>
<span>0️⃣ LOT RESETS</span><span class="chapterArrow">→</span>
<span>🚩 REFILL = 1 FLAG</span>
</div>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">🚗</div><b>LOT CARS</b><small>Permanent client growth</small></div>
  <div class="iconCard"><div class="iconPic">🤝</div><b>SPONSOR</b><small>Full lots unlock sponsor progress</small></div>
  <div class="iconCard"><div class="iconPic">0️⃣</div><b>NEW SHOW RESET</b><small>A full sponsored lot returns to 0</small></div>
  <div class="iconCard"><div class="iconPic">🚩</div><b>ONE FLAG</b><small>Earned only after that reset lot refills</small></div>
  <div class="iconCard"><div class="iconPic">5️⃣</div><b>THREE FLAGS</b><small>Required at every open business</small></div>
</div>

<h3 class="howSection">CHAPTER 1 → VAN FEST I</h3>
<p><b>Current founding route:</b> FSG Printshop, Republic Square, Blue Owl Brewing, Juan In A Million, and Hope Outdoor Gallery. Purchase the Mama Dearest permit, sponsor Mama Dearest, restore every sponsored lot, and finish the current objectives. The first It's A Van Fest ends at BYOB Austin.</p>

<h3 class="howSection">CHAPTER 3 — EAST AUSTIN PERMITS</h3>
<p>Each permit costs <b>$12,500</b>. Pork Chop is the first Chapter 3 permit. Every permit after it opens only when every currently open sponsored business—including the newest expansion—has reached <b>3 flags</b>:</p>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">1️⃣</div><b>PORK CHOP</b><small>Screen Printing</small></div>
  <div class="iconCard"><div class="iconPic">2️⃣</div><b>BADD BURGERS</b><small>Tacos • Hotdogs • Hamburgers</small></div>
  <div class="iconCard"><div class="iconPic">3️⃣</div><b>HIGH NOON</b><small>Austin Bar</small></div>
  <div class="iconCard"><div class="iconPic">4️⃣</div><b>CHESS CLUB</b><small>Punk Rock Club</small></div>
  <div class="iconCard"><div class="iconPic">5️⃣</div><b>13TH FLOOR</b><small>Psych Rock Club</small></div>
</div>
<p><b>Chapter 3 begins when you book the first new job at an already-full sponsored business after Van Fest I.</b> That job resets its lot to zero and makes the first East Austin permit available.</p><p>The expansion starts from the bottom-right closed property and continues upward along the right side. Purchase, sponsor, and earn 3 flags at each business before the next permit becomes available. When all East permits are owned and <b>every currently open business has three flags</b>, It's A Van Fest II becomes available. Its route includes every open sponsored business and finishes at BYOB.</p>

<h3 class="howSection">CHAPTER 4 — SOUTH SIDE</h3>
<p>Completing Van Fest II unlocks the South Side from the bottom-left closed property:</p>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">📻</div><b>KAZI 88.7 FM</b><small>Radio station</small></div>
  <div class="iconCard"><div class="iconPic">🎚️</div><b>TASCAM</b><small>Model 24 Studio</small></div>
  <div class="iconCard"><div class="iconPic">🔊</div><b>JBL PRO</b><small>Speaker Land</small></div>
  <div class="iconCard"><div class="iconPic">🥣</div><b>SOUP PEDDLER</b><small>Soup Shop</small></div>
</div>

<h3 class="howSection">BYOB COMMUNITY FLAGS & CHARITY SAVINGS</h3>
<p>BYOB does not earn its flags from parking. After Van Fest I, every free company community show at BYOB earns <b>1 Community Flag</b>. Before each show, choose an amount of company cash to transfer into the separate <b>Charity Savings Fund</b>. The fund accumulates for a future help-people system and cannot yet be withdrawn or spent.</p>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">🎤</div><b>FREE SHOW</b><small>Completed at BYOB</small></div>
  <div class="iconCard"><div class="iconPic">🚩</div><b>+1 BYOB FLAG</b><small>Every free community show</small></div>
  <div class="iconCard"><div class="iconPic">💛</div><b>CHARITY SAVINGS</b><small>Separate from player cash</small></div>
  <div class="iconCard"><div class="iconPic">5️⃣</div><b>3 REQUIRED</b><small>Needed for Van Fest II</small></div>
</div>

<h3 class="howSection">CAMERA ZOOM</h3>
<div class="iconKey">
 <div class="iconCard"><div class="iconPic">1×</div><b>STREET VIEW</b><small>Original driving and parking scale</small></div>
 <div class="iconCard"><div class="iconPic">2×</div><b>NEIGHBORHOOD</b><small>See nearby blocks and traffic</small></div>
 <div class="iconCard"><div class="iconPic">3×</div><b>DISTRICT</b><small>Track businesses, hazards, and routes</small></div>
 <div class="iconCard"><div class="iconPic">4×</div><b>CITY VIEW</b><small>Centers the full map when it fits</small></div>
</div>
<p>The camera level is saved with the game. Zoom changes only the map view—driving speed, collision sizes, loading zones, phone, radio, HUD, and touch controls do not change.</p>

<h3 class="howSection">AUSTIN MUSIC LOVE</h3><p>Open CALL on the Nookia and choose Austin Music Love.</p><div class="iconKey"><div class="iconCard"><div class="iconPic">📅</div><b>BOOKING • 10%</b><small>Secures a show with an unlocked client</small></div><div class="iconCard"><div class="iconPic">📣</div><b>PROMOTION • 5%</b><small>Place posters around town; variety controls turnout and payout</small></div><div class="iconCard"><div class="iconPic">🤝</div><b>BOTH • 15%</b><small>Books and promotes the event</small></div></div><p>Booking determines which show happens. Promotion becomes a physical poster campaign. Place posters at local businesses, future or closed properties, and across multiple districts. Variety affects turnout and final payout. Exceptional campaigns can fill the promoted lot and add 2 cars to nearby businesses. Promotion never resets cars, skips flags, changes capacity, or bypasses progression. Fees are deducted from each applicable show’s final payment.</p>

<h3 class="howSection">ROAD VEHICLE & HAZARD KEY</h3>
<p>The civilian traffic limit is handled quietly in the background. The <b>Road Snake and Black Star cars are permanent core hazards</b>; they are never removed and never count against civilian traffic.</p>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">🚗</div><b>SEDAN</b><small>Standard city traffic</small></div>
  <div class="iconCard"><div class="iconPic">🚙</div><b>HATCHBACK</b><small>Small everyday car</small></div>
  <div class="iconCard"><div class="iconPic">🚘</div><b>SUV</b><small>Larger collision body</small></div>
  <div class="iconCard"><div class="iconPic">🛻</div><b>PICKUP</b><small>Truck bed • slower body</small></div>
  <div class="iconCard"><div class="iconPic">🚐</div><b>DELIVERY VAN</b><small>Local road traffic</small></div>
  <div class="iconCard"><div class="iconPic">🏍️</div><b>MOTORCYCLE</b><small>Long-haired bearded rider</small></div>
  <div class="iconCard"><div class="iconPic">🚚</div><b>BOX TRUCK</b><small>Large • slow • blocks space</small></div>
  <div class="iconCard"><div class="iconPic">🚖</div><b>LIMOUSINE</b><small>Long body • medium speed</small></div>
  <div class="iconCard"><div class="iconPic">🐎</div><b>HORSEBACK RIDER</b><small>Very slow and relaxed</small></div>
  <div class="iconCard"><div class="iconPic">🏎️</div><b>TESTAROSSA-STYLE</b><small>Fast • passes traffic</small></div>
  <div class="iconCard"><div class="iconPic">🏁</div><b>LAMBORGHINI-STYLE</b><small>Very fast • races around cars</small></div>
  <div class="iconCard"><div class="iconPic">🚑</div><b>AMBULANCE</b><small>Nearby traffic pulls over</small></div>
  <div class="iconCard"><div class="iconPic">🤖</div><b>DRIVERLESS CAR</b><small>Obeys lights • parks 30 sec • hit for +5% van</small></div>
  <div class="iconCard"><div class="iconPic">⭐</div><b>BLACK STAR CAR</b><small>Permanent • 1 base + 1 per sponsor • Van top speed is 25% faster</small></div>
  <div class="iconCard"><div class="iconPic">🐍</div><b>ELON — ROAD SNAKE</b><small>12 PM–midnight • E-L-O-N on cars 2–5 • hit = −25% and +1 segment</small></div>
</div>

<h3 class="howSection">LIVING CITY TRAFFIC</h3>
<p>The current road network is audited continuously. Civilian vehicles that leave valid pavement or remain trapped for more than 3.5 seconds are moved to a valid current-road route. The old perimeter routes are no longer used. Civilian traffic remains capped at 25 total road units; the Road Snake and Black Star cars remain separate and unchanged.</p>

<h3 class="howSection">ARMORED VAN & POTATO GUN</h3>
<p>Purchase the armored Vancerts van at BYOB for <b>$20,000</b>. It becomes army green with a yellow center stripe and black VANCERTS lettering. On desktop, press <b>Space</b> to fire doughnuts. On phones, use the red <b>🍩</b> button immediately left of the forward arrow. Enter remains the dedicated interaction key. Doughnuts turn any regular road vehicle into a collectible consumable. Black Star cars become doughnuts. Elon segments become eggs. Each shot removes one Elon segment, but Elon can never be reduced below five segments and remains until midnight.</p>
<h3 class="howSection">CONSUMABLES</h3>
<p>Food crates, gas cans, hazard doughnuts and Elon eggs are stored separately at BYOB. Consume one at a time; every item restores exactly <b>25%</b> van condition up to 100%.</p>
<h3 class="howSection">STREET COLLECTIBLES</h3>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">🎸</div><b>GUITAR CASE</b><small>Music resource</small></div>
  <div class="iconCard"><div class="iconPic">🎤</div><b>MICROPHONE</b><small>Music resource</small></div>
  <div class="iconCard"><div class="iconPic">🥁</div><b>SNARE DRUM</b><small>Music resource</small></div>
  <div class="iconCard"><div class="iconPic">🎹</div><b>KEYBOARD</b><small>Music resource</small></div>
  <div class="iconCard"><div class="iconPic">🎷</div><b>SAXOPHONE</b><small>Music resource</small></div>
  <div class="iconCard"><div class="iconPic">🎺</div><b>TRUMPET</b><small>Music resource</small></div>
  <div class="iconCard"><div class="iconPic">🔌</div><b>XLR CABLE</b><small>Production resource</small></div>
  <div class="iconCard"><div class="iconPic">🔊</div><b>PA SPEAKER</b><small>Production resource</small></div>
  <div class="iconCard"><div class="iconPic">🎚️</div><b>MIXER</b><small>Production resource</small></div>
  <div class="iconCard"><div class="iconPic">🎟️</div><b>SHOW TICKET</b><small>Event collectible</small></div>
  <div class="iconCard"><div class="iconPic">🪘</div><b>TAMBOURINE</b><small>Music resource</small></div>
  <div class="iconCard"><div class="iconPic">📼</div><b>LOCAL MUSIC TAPE</b><small>Community reputation</small></div>
  <div class="iconCard"><div class="iconPic">🥫</div><b>FOOD DONATION</b><small>Community resource</small></div>
  <div class="iconCard"><div class="iconPic">📦</div><b>DONATION CRATE</b><small>Community resource</small></div>
  <div class="iconCard"><div class="iconPic">🌱</div><b>SAPLING</b><small>Community resource</small></div>
  <div class="iconCard"><div class="iconPic">🎨</div><b>PAINT SUPPLIES</b><small>Community art resource</small></div>
  <div class="iconCard"><div class="iconPic">⛽</div><b>GAS CAN</b><small>Van support resource</small></div>
</div>

<h3 class="howSection">MONEY, DAMAGE & HELP</h3>
<div class="iconKey">
  <div class="iconCard"><div class="iconPic">🏦</div><b>BANK</b><small>Microloans and repayment only</small></div>
  <div class="iconCard"><div class="iconPic">🧰</div><b>ROCK N ROLL</b><small>25% of missing required gear value</small></div>
  <div class="iconCard"><div class="iconPic">🚘</div><b>TRAFFIC</b><small>Road vehicles damage the van</small></div>
  <div class="iconCard"><div class="iconPic">♫</div><b>512 JAMS</b><small>Spotify playlist • Minimize safely • Submit Spotify links</small></div>
</div>

<h3 class="howSection">512 JAMS • SAFE PLAYER</h3><p>The vintage radio begins in the middle of the lower dashboard. Drag the small radio display while it is minimized, or drag the top radio face while it is open, to place it anywhere inside the visible game screen. Open it and use Spotify's own Play and Pause controls. Its illuminated display updates when Spotify reports a new track; Spotify's embedded player remains the complete artist-and-track source. While the full player is open, driving input pauses so the van cannot move behind it. Choose <b>MINIMIZE</b> to resume the game while Spotify keeps playing. <b>STOP MUSIC ONLY</b> unloads Spotify audio. <b>SUBMIT MUSIC</b> opens an email to hello@vancerts.com with the subject <b>512 Jams, Playlist Submission</b>. A Spotify link is required; accepted submissions are added within 24–48 hours. None of these controls save, load, refresh, reset, exit fullscreen, move the van, or replace your current game progress.</p>

<h3 class="howSection">PERMANENT HAZARD RULES</h3><p><b>Elon the Road Snake is never removed, replaced, frozen, or included in the civilian traffic limit. The armored van may temporarily shorten Elon one segment per doughnut, but never below five segments.</b> It appears every Austin day from 12:00 PM until midnight, starts at 5 segments plus 3 per sponsor sign, causes −25% van condition, and grows by 1 segment every time it hits the van. Black Star cars are also permanent and continue using the established rule of one base car plus one per sponsor banner.</p>

<h3 class="howSection">COMMUNITY</h3>
<p>Community upgrades physically change Austin: Food Pantry, Community Garden, Public Art, Music Education, Housing Initiative, and the Austin Music District. Trees stay on valid grass; bicycles, cars, and hazards stay on approved travel surfaces.</p>

<div class="btns">
  <button onclick="exportPortableSave()">EXPORT SAVE FILE</button>
  <button onclick="choosePortableSave()">LOAD GAME FILE</button>
  <button onclick="showExpansionPermits()">EXPANSION PERMITS</button>
  <button onclick="resetDeviceLayout()">RESET DEVICE LAYOUT</button>
  <button onclick="closeModal()">RETURN TO GAME</button>
</div>`);
function normalizeControlCode(e){const c=e.code||'';if(c)return c;const k=String(e.key||'');const low=k.toLowerCase();if(low==='w')return'KeyW';if(low==='a')return'KeyA';if(low==='s')return'KeyS';if(low==='z')return'KeyZ';if(low==='r')return'KeyR';if(k===' ')return'Space';return k}
function setKey(e,v){const code=normalizeControlCode(e);if(code)keys[code]=v;const key=String(e.key||'');if(key)keys[key]=v;if(key.length===1)keys[key.toLowerCase()]=v}
function drivePressed(name){if(spotifyPlayerExpanded())return false;if(name==='forward')return!!(keys.KeyW||keys.w||keys.W||keys.ArrowUp||(typeof controllerInput!=='undefined'&&controllerInput.forward));if(name==='reverse')return!!(keys.KeyZ||keys.z||keys.Z||keys.ArrowDown||(typeof controllerInput!=='undefined'&&controllerInput.reverse));if(name==='left')return!!(keys.KeyA||keys.a||keys.A||keys.ArrowLeft||(typeof controllerInput!=='undefined'&&controllerInput.left));if(name==='right')return!!(keys.KeyS||keys.s||keys.S||keys.ArrowRight||(typeof controllerInput!=='undefined'&&controllerInput.right));return false}
const CONTROL_KEYS=new Set(['ArrowUp','ArrowDown','ArrowLeft','ArrowRight','KeyW','KeyA','KeyS','KeyZ','Space','Enter','KeyR']);

function rescueVanFromInvalidMapPosition(showMessage=false){
 if(onRoad(van.x,van.y))return false;
 van.x=GIGBAG_SPAWN.x;van.y=GIGBAG_SPAWN.y;van.angle=GIGBAG_SPAWN.angle;van.speed=0;
 if(showMessage)toast('MAP UPDATE • VAN RETURNED TO THE GIG BAG PULL-IN');
 return true
}
window.rescueVanFromInvalidMapPosition=rescueVanFromInvalidMapPosition;

function drawPropertyCurb(p){
 const b=propertyBounds(p),pad=CITY_POLISH.propertyBuffer;ctx.save();ctx.strokeStyle='#718d60';ctx.lineWidth=2;ctx.setLineDash([10,8]);ctx.strokeRect(b.x-pad,b.y-pad,b.w+pad*2,b.h+pad*2);ctx.setLineDash([]);ctx.restore()
}

/* ===== R36B45D CAREER HOMES + SPAWN CORRECTION ===== */
const R36B45A_STREET_LABELS=[
 {name:'E 7TH ST',x:0,y:600,w:2700,h:180,vertical:false},
 {name:'E 6TH ST',x:0,y:1300,w:2700,h:180,vertical:false},
 {name:'HOLLY ST',x:0,y:1900,w:3250,h:150,vertical:false},
 {name:'CONGRESS AVE',x:610,y:0,w:170,h:2600,vertical:true},
 {name:'RED RIVER ST',x:1270,y:0,w:170,h:2600,vertical:true},
 {name:'TRINITY ST',x:1930,y:0,w:170,h:2600,vertical:true},
 {name:'I-35 FRONTAGE RD',x:2550,y:0,w:150,h:2600,vertical:true}
];
const R36B45A_EXTRA_TREES=[
 [250,270,.78],[330,365,.9],[520,285,.72],[850,290,.82],[1110,335,.68],[1460,290,.85],[1730,340,.72],[2180,285,.82],[2390,355,.7],[2850,300,.9],
 [280,1280,.76],[520,1360,.68],[830,1300,.84],[1110,1370,.7],[1490,1320,.9],[1780,1380,.7],[2180,1325,.86],[2400,1390,.72],[2840,1310,.88],
 [280,2160,.82],[520,2240,.7],[850,2160,.9],[1140,2230,.72],[1490,2160,.88],[1780,2240,.68],[2180,2160,.86],[2450,2240,.72],[2860,2170,.9]
];
const R36B45A_CONSTRUCTION=[];
let r36b45Celebration={active:false,x:0,y:0,start:0,size:0};
function startWorldCelebration(x,y,size){r36b45Celebration={active:true,x:Number(x)||van.x,y:Number(y)||van.y,start:performance.now(),size:Math.max(1,Number(size)||1)};if(typeof window.pulseVancertsBrand==='function')window.pulseVancertsBrand()}
var R36B45_HOMES={
 owner:{id:'owner',label:'OWNER HOME',lot:{x:40,y:-1010,w:900,h:665},building:{x:170,y:-855,w:460,h:240},door:{x:364,y:-625,w:72,h:54},spawn:{x:438,y:-445,angle:Math.PI/2},road:{x:288,y:-430,w:300,h:430},pullin:{x:220,y:-555,w:436,h:140},yard:'#668d52',border:'wood'},
 audio:{id:'audio',label:'AUDIO ENGINEER HOME',lot:{x:1850,y:-1010,w:980,h:665},building:{x:2020,y:-855,w:500,h:250},door:{x:2234,y:-615,w:74,h:54},spawn:{x:2320,y:-445,angle:Math.PI/2},road:{x:2170,y:-430,w:300,h:430},pullin:{x:2075,y:-555,w:490,h:140},yard:'#657b61',border:'industrial'},
 band:{id:'band',label:'BAND HOUSE',lot:{x:1000,y:2790,w:1040,h:700},building:{x:1300,y:3070,w:455,h:230},door:{x:1489,y:3290,w:72,h:54},spawn:{x:1510,y:2938,angle:-Math.PI/2},road:{x:1360,y:2600,w:300,h:420},pullin:{x:1265,y:2910,w:490,h:140},yard:'#668d52',border:'wood'}
};
var R36B45_HOME_ROADS=Object.values(R36B45_HOMES).flatMap(h=>[h.road,h.pullin]);
function careerHomeId(path=state.career?.path){return path==='owner'?'owner':path==='band'?'band':'audio'}
function spawnCareerAtHome(path=state.career?.path,role=state.career?.teamRole){const h=R36B45_HOMES[careerHomeId(path)];if(!h)return;van.x=h.spawn.x;van.y=h.spawn.y;van.angle=h.spawn.angle;van.speed=0;near=null}
function homeBuildingBlocked(x,y){if(!R36B45_HOMES||typeof R36B45_HOMES!=='object')return false;return Object.values(R36B45_HOMES).some(h=>h&&h.building&&x>=h.building.x-42&&x<=h.building.x+h.building.w+28&&y>=h.building.y-80&&y<=h.building.y+h.building.h+42)}
function activeCareerHomeNear(){if(!R36B45_HOMES||typeof R36B45_HOMES!=='object')return null;for(const h of Object.values(R36B45_HOMES)){if(!h||!h.door)continue;const ix=h.door.x+h.door.w/2,iy=h.door.y+h.door.h+20;if(Math.hypot(van.x-ix,van.y-iy)<92)return{type:'home',homeId:h.id,interact:{x:ix,y:iy}}}return null}
function openCareerHome(homeId){const h=R36B45_HOMES[homeId];if(!h)return;const assigned=careerHomeId()===homeId;modal(`<h2>${h.label}</h2><p>${assigned?'This is your current character’s home base.':'This home belongs to another career in the shared Austin world.'}</p>${assigned?'<p>Use the bed to save the game, restore your character for work, and advance to the next Austin morning.</p><div class="btns"><button class="green" onclick="sleepAtCareerHome()">💤 SLEEP UNTIL NEXT DAY</button><button onclick="closeModal()">LEAVE HOUSE</button></div>':'<div class="btns"><button onclick="closeModal()">LEAVE PROPERTY</button></div>'}`)}
function sleepAtCareerHome(){const t=austinTimeParts(),hoursToEight=((24-t.hour+8)%24)||24;state.gameTimeOffsetHours=Number(state.gameTimeOffsetHours||0)+hoursToEight;state.bankLastAdvanceDay='';save();closeModal();spawnCareerAtHome();hud();toast('SLEPT UNTIL THE NEXT MORNING • GAME SAVED')}
function drawR36B45PropertyBorder(h){const l=h.lot,gapStart=h.road.x-18,gapEnd=h.road.x+h.road.w+18,topGap=h.id==='band',post=18;ctx.save();ctx.lineCap='square';ctx.strokeStyle=h.border==='industrial'?'#454c50':'#6b452c';ctx.lineWidth=h.border==='industrial'?8:10;function seg(x1,y1,x2,y2){ctx.beginPath();ctx.moveTo(x1,y1);ctx.lineTo(x2,y2);ctx.stroke()}seg(l.x,l.y,l.x+l.w,l.y);seg(l.x,l.y,l.x,l.y+l.h);seg(l.x+l.w,l.y,l.x+l.w,l.y+l.h);if(topGap){seg(l.x,l.y,gapStart,l.y);seg(gapEnd,l.y,l.x+l.w,l.y);seg(l.x,l.y+l.h,l.x+l.w,l.y+l.h)}else{seg(l.x,l.y+l.h,gapStart,l.y+l.h);seg(gapEnd,l.y+l.h,l.x+l.w,l.y+l.h)}if(h.border==='industrial'){ctx.strokeStyle='#9aa1a5';ctx.lineWidth=2;for(let x=l.x+post;x<l.x+l.w;x+=42){if(topGap&&x>gapStart&&x<gapEnd)continue;ctx.beginPath();ctx.moveTo(x,l.y+2);ctx.lineTo(x,l.y+20);ctx.stroke()}}else{ctx.fillStyle='#8c5c35';for(let x=l.x+post;x<l.x+l.w;x+=46){if(topGap&&x>gapStart&&x<gapEnd)continue;ctx.fillRect(x-3,l.y-6,6,18);ctx.fillRect(x-3,l.y+l.h-12,6,18)}}ctx.restore()}
function drawR36B45ResidentialGround(h){const{x,y,w,h:lh}=h.lot;ctx.save();ctx.fillStyle=h.yard;ctx.fillRect(x,y,w,lh);ctx.fillStyle='rgba(255,255,255,.035)';for(let i=0;i<9;i++)ctx.fillRect(x+28+i*101,y+30,45,lh-60);ctx.fillStyle='#41464a';ctx.fillRect(h.road.x,h.road.y,h.road.w,h.road.h);ctx.fillRect(h.pullin.x,h.pullin.y,h.pullin.w,h.pullin.h);ctx.fillStyle='rgba(255,255,255,.055)';ctx.fillRect(h.road.x+14,h.road.y,h.road.w-28,h.road.h);ctx.strokeStyle='#d7b64e';ctx.lineWidth=4;ctx.setLineDash([25,20]);ctx.beginPath();ctx.moveTo(h.road.x+h.road.w/2,h.road.y+10);ctx.lineTo(h.road.x+h.road.w/2,h.road.y+h.road.h-10);ctx.stroke();ctx.setLineDash([]);ctx.strokeStyle='#e6e3d8';ctx.lineWidth=6;ctx.strokeRect(h.pullin.x+6,h.pullin.y+6,h.pullin.w-12,h.pullin.h-12);ctx.fillStyle='#f4e6be';ctx.font='1000 11px system-ui';ctx.textAlign='center';ctx.fillText('HOME PARKING',h.pullin.x+h.pullin.w/2,h.pullin.y+h.pullin.h-15);drawR36B45PropertyBorder(h);ctx.restore()}
function drawR36B45HouseShell(h,wall,roof){const b=h.building,x=b.x,y=b.y,w=b.w,hh=b.h,d=58;ctx.save();ctx.fillStyle='rgba(0,0,0,.30)';ctx.beginPath();ctx.moveTo(x-20,y+28);ctx.lineTo(x+w-20,y+28);ctx.lineTo(x+w-d-10,y+hh+d+26);ctx.lineTo(x-d-30,y+hh+d+26);ctx.closePath();ctx.fill();ctx.fillStyle=shadeColor(wall,-38);ctx.beginPath();ctx.moveTo(x,y);ctx.lineTo(x-d,y+d);ctx.lineTo(x-d,y+hh+d);ctx.lineTo(x,y+hh);ctx.closePath();ctx.fill();ctx.strokeStyle='#171514';ctx.lineWidth=5;ctx.stroke();ctx.fillStyle=shadeColor(wall,-28);ctx.beginPath();ctx.moveTo(x,y+hh);ctx.lineTo(x-d,y+hh+d);ctx.lineTo(x+w-d,y+hh+d);ctx.lineTo(x+w,y+hh);ctx.closePath();ctx.fill();ctx.stroke();ctx.fillStyle=wall;ctx.fillRect(x,y,w,hh);ctx.strokeRect(x,y,w,hh);ctx.fillStyle=roof;ctx.beginPath();ctx.moveTo(x-10,y+20);ctx.lineTo(x+w*.46,y-88);ctx.lineTo(x+w+16,y+4);ctx.lineTo(x+w-4,y+52);ctx.lineTo(x+w*.46,y-28);ctx.lineTo(x,y+62);ctx.closePath();ctx.fill();ctx.stroke();ctx.fillStyle=shadeColor(roof,-22);ctx.beginPath();ctx.moveTo(x+w*.46,y-88);ctx.lineTo(x+w+16,y+4);ctx.lineTo(x+w-4,y+52);ctx.lineTo(x+w*.46,y-28);ctx.closePath();ctx.fill();ctx.stroke();ctx.fillStyle='#b9d9e8';ctx.fillRect(x+48,y+hh-72,62,38);ctx.fillRect(x+w-116,y+hh-72,62,38);ctx.strokeStyle='#4a5960';ctx.lineWidth=3;ctx.strokeRect(x+48,y+hh-72,62,38);ctx.strokeRect(x+w-116,y+hh-72,62,38);ctx.fillStyle='#33261c';ctx.fillRect(h.door.x,h.door.y,h.door.w,h.door.h);ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(h.door.x+h.door.w-12,h.door.y+h.door.h/2,4,0,Math.PI*2);ctx.fill();ctx.fillStyle='rgba(17,21,20,.82)';ctx.fillRect(x+32,y+hh+24,w-64,29);ctx.fillStyle='#f4e6be';ctx.font='1000 12px system-ui';ctx.textAlign='center';ctx.fillText(h.label,x+w/2,y+hh+44);ctx.restore()}
function drawR36B45RealStage(x,y,w,h,label){ctx.save();const d=20;ctx.fillStyle='rgba(0,0,0,.28)';ctx.fillRect(x-10,y+16,w+22,h+24);ctx.fillStyle='#232323';ctx.fillRect(x,y,w,h);ctx.strokeStyle='#111';ctx.lineWidth=5;ctx.strokeRect(x,y,w,h);ctx.fillStyle='#555';ctx.beginPath();ctx.moveTo(x,y+h);ctx.lineTo(x-d,y+h+d);ctx.lineTo(x+w-d,y+h+d);ctx.lineTo(x+w,y+h);ctx.closePath();ctx.fill();ctx.stroke();ctx.strokeStyle='#8d9699';ctx.lineWidth=5;ctx.strokeRect(x+8,y-48,w-16,48);for(let i=0;i<4;i++){ctx.fillStyle=i%2?'#f1b83e':'#e64a38';ctx.beginPath();ctx.arc(x+30+i*(w-60)/3,y-30,7,0,Math.PI*2);ctx.fill()}ctx.fillStyle='#111';ctx.fillRect(x+12,y+h-48,34,40);ctx.fillRect(x+w-46,y+h-48,34,40);ctx.fillStyle='#777';ctx.fillRect(x+w/2-25,y+h-12,50,12);ctx.fillStyle='#f4e6be';ctx.font='1000 10px system-ui';ctx.textAlign='center';ctx.fillText(label,x+w/2,y+h/2+4);ctx.restore()}
function drawR36B45OwnerHome(h){drawR36B45HouseShell(h,'#9b6b47','#4d3428');const b=h.building;drawR36B45RealStage(b.x+b.w+42,b.y+36,210,112,'WOOD STAGE');drawHomeParkedVehicle(h,'owner')}
function drawR36B45FngineerHome(h){drawR36B45HouseShell(h,'#60676b','#303437');const b=h.building;ctx.save();ctx.fillStyle='#202326';ctx.fillRect(b.x+34,b.y+128,198,74);ctx.strokeStyle='#111';ctx.lineWidth=4;ctx.strokeRect(b.x+34,b.y+128,198,74);for(let i=0;i<4;i++){ctx.fillStyle='#222';ctx.fillRect(b.x+44+i*64,b.y+b.h+90,46,60);ctx.fillStyle='#777';ctx.fillRect(b.x+52+i*64,b.y+b.h+102,30,10)}for(let i=0;i<3;i++){ctx.strokeStyle=['#e64a38','#f1b83e','#3f84a5'][i];ctx.lineWidth=6;ctx.beginPath();ctx.arc(b.x+336+i*40,b.y+b.h+118,18,0,Math.PI*2);ctx.stroke()}ctx.restore();drawR36B45RealStage(b.x+b.w+42,b.y+48,220,108,'PRODUCTION TEST STAGE');drawHomeParkedVehicle(h,'audio')}
function drawR36B45BandHome(h){drawR36B45HouseShell(h,'#c5a47a','#53352c');const b=h.building;drawR36B45RealStage(b.x-232,b.y+54,205,112,'PRACTICE STAGE');drawHomeParkedVehicle(h,'band')}
function drawHomeParkedVehicle(h,kind){const active=careerHomeId()===h.id;if(active&&Math.hypot(van.x-h.spawn.x,van.y-h.spawn.y)<190)return;const px=h.pullin.x+h.pullin.w/2,py=h.pullin.y+h.pullin.h/2,ang=h.id==='band'?-Math.PI/2:Math.PI/2;if(kind==='owner')drawR36B45WhiteFlameVan(px,py,ang);else if(kind==='band')drawR36B45FlameVan(px,py,ang);else drawR36B45PaulVan(px,py,ang)}
function drawR36B45LakeAndHomes(){if(!R36B45_HOMES||typeof R36B45_HOMES!=='object')return;ctx.save();for(const h of Object.values(R36B45_HOMES)){if(h)drawR36B45ResidentialGround(h)}if(R36B45_HOMES.owner)drawR36B45OwnerHome(R36B45_HOMES.owner);if(R36B45_HOMES.audio)drawR36B45FngineerHome(R36B45_HOMES.audio);if(R36B45_HOMES.band)drawR36B45BandHome(R36B45_HOMES.band);for(const h of Object.values(R36B45_HOMES)){if(h)drawR36B45PropertyBorder(h)}ctx.restore()}
function drawR36B45FlameVan(x,y,angle){drawUnifiedCareerVan(x,y,angle,'band')}
function drawR36B45WhiteFlameVan(x,y,angle){drawUnifiedCareerVan(x,y,angle,'owner')}
function drawR36B45PaulVan(x,y,angle){drawUnifiedCareerVan(x,y,angle,'paul')}
function drawSharedWorldVancertsVan(){if(state.career?.path==='owner'||state.career?.vancertsVanOwned)return;const route=[{x:695,y:330},{x:695,y:1210},{x:2015,y:1210},{x:2015,y:1810},{x:695,y:1810}],seg=Math.floor((performance.now()/6000)%route.length),next=(seg+1)%route.length,p=((performance.now()%6000)/6000),a=route[seg],b=route[next],x=a.x+(b.x-a.x)*p,y=a.y+(b.y-a.y)*p,ang=Math.atan2(b.y-a.y,b.x-a.x);drawUnifiedCareerVan(x,y,ang,'classic')}
function spawnCurrentCareerIfNeeded(){if(state.__careerSpawnVersion===2)return;state.__careerSpawnVersion=2;spawnCareerAtHome();save()}
function drawPlayerCareerVehicle(){const p=state.career?.path,garage=state.vanWrapGarage&&typeof state.vanWrapGarage==='object'?state.vanWrapGarage:null,owned=garage&&garage.owned&&typeof garage.owned==='object'?garage.owned:{},active=garage&&owned[garage.active]?garage.active:null;if(active){drawUnifiedCareerVan(van.x,van.y,van.angle,active,{armored:!!state.vanUpgrades.armored,potatoGun:!!state.vanUpgrades.potatoGun});return}if(p==='band')drawR36B45FlameVan(van.x,van.y,van.angle);else if(p==='team')drawR36B45PaulVan(van.x,van.y,van.angle);else if(!state.career?.vancertsVanOwned)drawR36B45WhiteFlameVan(van.x,van.y,van.angle);else drawVancertsVanOriginal()}
function drawR36B45StreetNames(){
 ctx.save();ctx.globalAlpha=.68;ctx.font='1000 18px system-ui';ctx.textAlign='center';ctx.textBaseline='middle';
 function paintStreetName(name,x,y,vertical){ctx.save();ctx.translate(x,y);if(vertical)ctx.rotate(-Math.PI/2);const width=Math.max(130,ctx.measureText(name).width+28);ctx.fillStyle='rgba(65,70,74,.72)';ctx.fillRect(-width/2,-16,width,32);ctx.fillStyle='rgba(255,244,200,.88)';ctx.fillText(name,0,1);ctx.restore()}
 for(const s of R36B45A_STREET_LABELS){
  if(s.vertical){for(let y=350;y<world.h-250;y+=560)paintStreetName(s.name,s.x+s.w/2,y,true)}
  else{for(let x=330;x<s.x+s.w-180;x+=620)paintStreetName(s.name,x,s.y+s.h/2,false)}
 }
 ctx.restore()
}
function r36b45TreeAllowed(x,y){
 const pad=30;if(x<175||x>world.w-175||y<175||y>world.h-175)return false;
 if(roads.some(r=>x>=r.x-pad&&x<=r.x+r.w+pad&&y>=r.y-pad&&y<=r.y+r.h+pad))return false;
 if(places.some(p=>{if(!placeVisible(p))return false;const b=propertyBounds(p);return x>=b.x-pad&&x<=b.x+b.w+pad&&y>=b.y-pad&&y<=b.y+b.h+pad}))return false;
 if(activeDriveways().some(d=>x>=d.x-pad&&x<=d.x+d.w+pad&&y>=d.y-pad&&y<=d.y+d.h+pad))return false;
 return true
}
function drawR36B45Landscaping(){for(const t of R36B45A_EXTRA_TREES)if(r36b45TreeAllowed(t[0],t[1]))drawTree(t[0],t[1],t[2]);ctx.save();for(let i=0;i<28;i++){const x=190+(i*173)%2860,y=250+((i*307)%2050);if(!r36b45TreeAllowed(x,y))continue;ctx.fillStyle=i%2?'#d65d77':'#f1b83e';ctx.beginPath();ctx.arc(x,y,3,0,Math.PI*2);ctx.fill()}ctx.restore()}
function drawR36B45Donstruction(){}
function drawR36B45Delebration(){if(!r36b45Celebration.active)return;const elapsed=performance.now()-r36b45Celebration.start;if(elapsed>5200){r36b45Celebration.active=false;return}const p=Math.min(1,elapsed/5200),count=Math.min(70,26+r36b45Celebration.size*3);ctx.save();for(let i=0;i<count;i++){const seed=i*97.13,life=(elapsed/1000+seed)%3.2,ang=seed%6.28,speed=28+(i%9)*7,x=r36b45Celebration.x+Math.cos(ang)*speed*life,y=r36b45Celebration.y-Math.sin(ang)*speed*life+life*life*17;ctx.fillStyle=['#e64a38','#f1b83e','#79c88e','#3f84a5','#fff'][i%5];ctx.save();ctx.translate(x,y);ctx.rotate(life+i);ctx.fillRect(-3,-7,6,14);ctx.restore()}if(elapsed<2600){for(let f=0;f<3;f++){const fx=r36b45Celebration.x+(f-1)*85,fy=r36b45Celebration.y-150-(f%2)*45,r=18+((elapsed/13+f*17)%95);ctx.strokeStyle=['#f1b83e','#e64a38','#fff'][f];ctx.globalAlpha=Math.max(0,1-r/105);ctx.lineWidth=5;ctx.beginPath();ctx.arc(fx,fy,r,0,Math.PI*2);ctx.stroke()}}ctx.globalAlpha=1-p*.5;ctx.fillStyle='#111';ctx.fillRect(r36b45Celebration.x-120,r36b45Celebration.y-95,240,30);ctx.fillStyle='#fff';ctx.font='1000 15px system-ui';ctx.textAlign='center';ctx.fillText('CHEERS! • SHOW COMPLETE',r36b45Celebration.x,r36b45Celebration.y-74);ctx.restore()}
function r36b45StreetPosterPoint(p){const d=typeof drivewayFor==='function'?drivewayFor(p.id):null;if(d){let best=null,bestDist=Infinity;for(const r of roads){const x=Math.max(r.x,Math.min(d.x+d.w/2,r.x+r.w)),y=Math.max(r.y,Math.min(d.y+d.h/2,r.y+r.h)),dist=Math.hypot(x-(d.x+d.w/2),y-(d.y+d.h/2));if(dist<bestDist){bestDist=dist;best={x,y}}}if(best)return best}const b=propertyBounds(p);let best=null,bestDist=Infinity;for(const r of roads){const candidates=[{x:Math.max(r.x,Math.min(b.x+b.w/2,r.x+r.w)),y:r.y},{x:Math.max(r.x,Math.min(b.x+b.w/2,r.x+r.w)),y:r.y+r.h},{x:r.x,y:Math.max(r.y,Math.min(b.y+b.h/2,r.y+r.h))},{x:r.x+r.w,y:Math.max(r.y,Math.min(b.y+b.h/2,r.y+r.h))}];for(const q of candidates){const dist=Math.hypot(q.x-(b.x+b.w/2),q.y-(b.y+b.h/2));if(dist<bestDist){bestDist=dist;best=q}}}return best||{x:p.interact.x,y:p.interact.y}}

/* ===== R36B40R CONTROLLER ENGINE: PS4 CROSS HOLD + RIGHT-STICK POINTER ===== */
const CONTROLLER_SAVE_KEY='vancerts-controller-v1';
const CONTROLLER_DEFAULTS={
 interact:[0],back:[1],phone:[2],howto:[3],reverse:[4,6],accelerate:[5,7],saveLoad:[8],pause:[9]
};
const CONTROLLER_LABELS={interact:'INTERACT / CONFIRM',back:'BACK / CLOSE / 512 JAMS',phone:'SQUARE UTILITY / PHONE HOLD',howto:'HOW TO PLAY',reverse:'REVERSE',accelerate:'ACCELERATE',saveLoad:'SAVE TAP / LOAD HOLD',pause:'PAUSE / CONTROLS'};
const CONTROLLER_BUTTON_NAMES=['A / CROSS','B / CIRCLE','X / SQUARE','Y / TRIANGLE','LEFT BUMPER','RIGHT BUMPER','LEFT TRIGGER','RIGHT TRIGGER','BACK / SHARE','START / OPTIONS','LEFT STICK','RIGHT STICK','D-PAD UP','D-PAD DOWN','D-PAD LEFT','D-PAD RIGHT','HOME'];
let controllerBindings=loadControllerBindings(),controllerConnected=false,controllerActivated=false,controllerPrevious=[],controllerInput={left:false,right:false,forward:false,reverse:false},controllerMenuIndex=0,controllerListening=null,controllerSaveDownAt=0,controllerUtilityDownAt=0,controllerUtilityHoldOpened=false,controllerPrimaryDownAt=0,controllerPrimaryHoldOpened=false,controllerLastNav=0,controllerOverlayTimer=0;
let controllerPointerX=NaN,controllerPointerY=NaN,controllerPointerLastFrame=performance.now(),controllerPointerVisible=false,controllerPointerTarget=null;
function loadControllerBindings(){try{const raw=localStorage.getItem(CONTROLLER_SAVE_KEY);if(raw){const v=JSON.parse(raw);return Object.assign({},CONTROLLER_DEFAULTS,v)}}catch(e){}return JSON.parse(JSON.stringify(CONTROLLER_DEFAULTS))}
function saveControllerBindings(){try{localStorage.setItem(CONTROLLER_SAVE_KEY,JSON.stringify(controllerBindings))}catch(e){}}
function controllerButtonName(i){return CONTROLLER_BUTTON_NAMES[i]||`BUTTON ${i}`}
function controllerBindingText(action){const a=Array.isArray(controllerBindings[action])?controllerBindings[action]:[controllerBindings[action]];return a.map(controllerButtonName).join(' OR ')}
function controllerStatus(message,ms=1800){const el=$('controllerStatus');if(!el)return;el.textContent=message;el.classList.add('show');clearTimeout(controllerOverlayTimer);controllerOverlayTimer=setTimeout(()=>el.classList.remove('show'),ms)}
function showControllerWake(gp){const wake=$('controllerWake'),name=$('controllerWakeName');if(name)name.textContent=(gp&&gp.id?gp.id:'GAMEPAD READY').slice(0,64);if(wake&&!controllerActivated)wake.classList.add('show')}
function hideControllerWake(){const wake=$('controllerWake');if(wake)wake.classList.remove('show')}
function currentGamepad(){const pads=navigator.getGamepads?navigator.getGamepads():[];for(const p of pads)if(p&&p.connected)return p;return null}
window.addEventListener('gamepadconnected',e=>{controllerConnected=true;showControllerWake(e.gamepad);controllerStatus('CONTROLLER CONNECTED • PRESS ANY BUTTON',2600)});
window.addEventListener('gamepaddisconnected',()=>{controllerConnected=!!currentGamepad();controllerInput={left:false,right:false,forward:false,reverse:false};hideControllerPointer();controllerStatus('CONTROLLER DISCONNECTED')});
function gpPressed(gp,index){const b=gp&&gp.buttons&&gp.buttons[index];return !!(b&&(b.pressed||b.value>.55))}
function actionPressed(gp,action){const arr=Array.isArray(controllerBindings[action])?controllerBindings[action]:[controllerBindings[action]];return arr.some(i=>gpPressed(gp,Number(i)))}
function actionEdge(gp,action){const arr=Array.isArray(controllerBindings[action])?controllerBindings[action]:[controllerBindings[action]];return arr.some(i=>gpPressed(gp,Number(i))&&!controllerPrevious[Number(i)])}
function actionPressedExcluding(gp,action,excluded){const arr=Array.isArray(controllerBindings[action])?controllerBindings[action]:[controllerBindings[action]];return arr.some(i=>Number(i)!==excluded&&gpPressed(gp,Number(i)))}
function actionEdgeExcluding(gp,action,excluded){const arr=Array.isArray(controllerBindings[action])?controllerBindings[action]:[controllerBindings[action]];return arr.some(i=>Number(i)!==excluded&&gpPressed(gp,Number(i))&&!controllerPrevious[Number(i)])}
function anyButtonEdge(gp){for(let i=0;i<gp.buttons.length;i++)if(gpPressed(gp,i)&&!controllerPrevious[i])return i;return -1}
const CONTROLLER_POINTER_SELECTOR='button:not([disabled]),a[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[role="button"],[tabindex]:not([tabindex="-1"]),iframe';
function controllerPointerCurve(value){const a=Math.abs(Number(value)||0),dead=.18;if(a<=dead)return 0;return Math.sign(value)*Math.pow(Math.min(1,(a-dead)/(1-dead)),1.45)}
function controllerPointerBounds(){const v=visibleViewportRect(),m=12;return{left:v.left+m,top:v.top+m,right:v.left+v.width-m,bottom:v.top+v.height-m}}
function controllerPointerActionAt(x=controllerPointerX,y=controllerPointerY){const raw=document.elementFromPoint(Math.round(x),Math.round(y));if(!raw||typeof raw.closest!=='function')return null;const el=raw.closest(CONTROLLER_POINTER_SELECTOR);if(!el||el.id==='game'||el.offsetParent===null)return null;return el}
function setControllerPointerTarget(target){if(controllerPointerTarget&&controllerPointerTarget!==target)controllerPointerTarget.classList.remove('controllerPointerTarget');controllerPointerTarget=target||null;if(controllerPointerTarget)controllerPointerTarget.classList.add('controllerPointerTarget');const p=$('controllerPointer');if(p)p.classList.toggle('action',!!controllerPointerTarget)}
function renderControllerPointer(){const p=$('controllerPointer');if(!p||!Number.isFinite(controllerPointerX)||!Number.isFinite(controllerPointerY))return;p.style.left=Math.round(controllerPointerX)+'px';p.style.top=Math.round(controllerPointerY)+'px';p.classList.toggle('show',controllerPointerVisible);setControllerPointerTarget(controllerPointerVisible?controllerPointerActionAt():null)}
function showControllerPointerAtCenter(){if(!Number.isFinite(controllerPointerX)||!Number.isFinite(controllerPointerY)){const v=visibleViewportRect();controllerPointerX=v.left+v.width/2;controllerPointerY=v.top+v.height/2}controllerPointerVisible=true;renderControllerPointer()}
function hideControllerPointer(){controllerPointerVisible=false;setControllerPointerTarget(null);const p=$('controllerPointer');if(p)p.classList.remove('show','action')}
function updateControllerPointer(gp){const now=performance.now(),dt=Math.max(8,Math.min(34,now-controllerPointerLastFrame||16));controllerPointerLastFrame=now;if(!gp||!gp.axes||gp.axes.length<4){if(controllerPointerVisible)renderControllerPointer();return false}const dx=controllerPointerCurve(gp.axes[2]),dy=controllerPointerCurve(gp.axes[3]);if(!dx&&!dy){if(controllerPointerVisible)renderControllerPointer();return false}showControllerPointerAtCenter();const b=controllerPointerBounds(),speed=.88;controllerPointerX=Math.max(b.left,Math.min(b.right,controllerPointerX+dx*speed*dt));controllerPointerY=Math.max(b.top,Math.min(b.bottom,controllerPointerY+dy*speed*dt));renderControllerPointer();return true}
function controllerPointerClick(forceVisible=false){if(!controllerPointerVisible&&!forceVisible)return false;if(forceVisible)showControllerPointerAtCenter();const target=controllerPointerActionAt();setControllerPointerTarget(target);if(!target)return false;try{target.focus({preventScroll:true})}catch(e){try{target.focus()}catch(_){}}if(target.tagName==='IFRAME'){controllerStatus('PLAYER FOCUSED • USE SPOTIFY CONTROLS',1800);return true}target.click();controllerStatus('POINTER CLICK',650);return true}
window.addEventListener('resize',()=>{if(!controllerPointerVisible)return;const b=controllerPointerBounds();controllerPointerX=Math.max(b.left,Math.min(b.right,controllerPointerX));controllerPointerY=Math.max(b.top,Math.min(b.bottom,controllerPointerY));renderControllerPointer()},{passive:true});
function controllerFocusable(){const wrap=$('modalWrap');if(!wrap||!wrap.classList.contains('show'))return[];return Array.from($('modal').querySelectorAll('button:not([disabled]),input:not([disabled]),select:not([disabled])')).filter(el=>el.offsetParent!==null)}
function focusControllerItem(delta){const items=controllerFocusable();if(!items.length)return;const now=Date.now();if(now-controllerLastNav<150)return;controllerLastNav=now;let idx=items.indexOf(document.activeElement);if(idx<0)idx=controllerMenuIndex||0;idx=(idx+delta+items.length)%items.length;controllerMenuIndex=idx;items[idx].focus({preventScroll:true});items.forEach(x=>x.classList.remove('controllerFocus'));items[idx].classList.add('controllerFocus');items[idx].scrollIntoView({block:'nearest'})}
function controllerConfirm(){const wrap=$('modalWrap');if(wrap&&wrap.classList.contains('show')){const items=controllerFocusable();let el=document.activeElement;if(!items.includes(el)){el=items[0];if(el)el.focus({preventScroll:true})}if(el){el.click();return}}combatOrInteract(true)}
function controllerBack(){if(permitGateActive){toast('ISSUE YOUR DRIVER PERMIT FIRST');return}if(controllerListening){controllerListening=null;controllerSettingsModal();return}const wrap=$('modalWrap');if(wrap&&wrap.classList.contains('show')){closeModal();return}const ph=$('phone'),rr=$('rotaryRadio');if(ph&&!ph.classList.contains('collapsed')){collapseReliable(ph,$('phoneCollapse'),true);return}if(rr&&!rr.classList.contains('collapsed')){collapseReliable(rr,$('radioCollapse'),true);return}if(rr){rr.classList.remove('hidden');expandReliable(rr,$('radioCollapse'),ph,$('phoneCollapse'));clear512GameplayInput();controllerStatus('512 JAMS OPEN • DRIVING PAUSED')}}
function controllerOpenPhone(){const ph=$('phone');if(!ph)return;openPhone();if(ph.classList.contains('collapsed'))expandReliable(ph,$('phoneCollapse'),true)}
function controllerPrimaryOpenPhone(){const wrap=$('modalWrap');if(wrap&&wrap.classList.contains('show'))closeModal();controllerOpenPhone();controllerStatus('NOOKIA OPEN • HOLD CROSS / A')}
function controllerPauseMenu(){modal(`<h2>PAUSED</h2><p>Controller, keyboard, and touch controls remain available together.</p><div class="btns"><button autofocus onclick="closeModal()">RESUME</button><button onclick="controllerSettingsModal()">CONTROLLER SETTINGS</button><button onclick="showHow()">HOW TO PLAY</button><button onclick="manualSave()">SAVE GAME</button><button onclick="choosePortableSave()">LOAD GAME</button></div>`);setTimeout(()=>focusControllerItem(0),0)}
function controllerSettingsModal(){controllerListening=null;const rows=Object.keys(CONTROLLER_LABELS).map(action=>`<button class="controllerMapRow" data-controller-action="${action}"><span><b>${CONTROLLER_LABELS[action]}</b><br><small>Highlight and press Cross / A to remap</small></span><span class="binding">${controllerBindingText(action)}</span></button>`).join('');modal(`<h2>CONTROLLER SETTINGS</h2><p>Select an action with the left stick or D-pad. Press <b>Cross / A</b> to change it, then press the new controller button.</p><div class="controllerHelp"><b>PS4 / POINTER:</b> Move the right stick like a mouse pointer. Tap <b>Cross / A</b> or press <b>R3</b> to click. Hold <b>Cross / A</b> for 0.65 seconds to open the Nookia. Square / X keeps the potato-cannon utility and its original phone-hold shortcut.</div><div class="controllerGrid">${rows}</div><div class="btns"><button onclick="resetControllerBindings()">RESTORE DEFAULTS</button><button class="secondary" onclick="controllerPauseMenu()">BACK</button><button class="secondary" onclick="closeModal()">RESUME</button></div>`);$('modal').querySelectorAll('[data-controller-action]').forEach(b=>b.addEventListener('click',()=>beginControllerRemap(b.dataset.controllerAction)));setTimeout(()=>focusControllerItem(0),0)}
function beginControllerRemap(action){controllerListening=action;const row=$('modal').querySelector(`[data-controller-action="${action}"]`);if(row){row.classList.add('listening');row.querySelector('.binding').textContent='PRESS NEW BUTTON…'}controllerStatus(`REMAPPING ${CONTROLLER_LABELS[action]} • PRESS A BUTTON`,4000)}
function finishControllerRemap(buttonIndex){if(!controllerListening)return;controllerBindings[controllerListening]=[buttonIndex];saveControllerBindings();controllerStatus(`${CONTROLLER_LABELS[controllerListening]} → ${controllerButtonName(buttonIndex)}`,2400);controllerListening=null;controllerSettingsModal()}
function resetControllerBindings(){controllerBindings=JSON.parse(JSON.stringify(CONTROLLER_DEFAULTS));saveControllerBindings();controllerStatus('DEFAULT CONTROLS RESTORED');controllerSettingsModal()}
window.controllerPauseMenu=controllerPauseMenu;window.controllerSettingsModal=controllerSettingsModal;window.beginControllerRemap=beginControllerRemap;window.resetControllerBindings=resetControllerBindings;
function approachAngle(current,target,amount){let d=((target-current+Math.PI*3)%(Math.PI*2))-Math.PI;return current+Math.max(-amount,Math.min(amount,d))}
function pollController(){
 const gp=currentGamepad();if(!gp){requestAnimationFrame(pollController);return}controllerConnected=true;
 const firstEdge=anyButtonEdge(gp);let justActivated=false;
 if(!controllerActivated&&firstEdge>=0){controllerActivated=true;justActivated=true;hideControllerWake();controllerStatus('CONTROLLER ACTIVE • RIGHT STICK = POINTER');if($('splash')&&!$('splash').classList.contains('hidden'))startGame()}
 if(controllerListening&&firstEdge>=0){finishControllerRemap(firstEdge);controllerPrevious=gp.buttons.map((_,i)=>gpPressed(gp,i));requestAnimationFrame(pollController);return}
 if(justActivated){controllerPrevious=gp.buttons.map((_,i)=>gpPressed(gp,i));requestAnimationFrame(pollController);return}
 updateControllerPointer(gp);
 const ax0=Math.abs(gp.axes[0]||0)>.24?(gp.axes[0]||0):0,ax1=Math.abs(gp.axes[1]||0)>.30?(gp.axes[1]||0):0;
 const dUp=gpPressed(gp,12),dDown=gpPressed(gp,13),dLeft=gpPressed(gp,14),dRight=gpPressed(gp,15);
 const modalOpen=$('modalWrap')&&$('modalWrap').classList.contains('show');
 if(modalOpen){const modalEl=$('modal');if(modalEl&&Math.abs(ax1)>.28){modalEl.scrollTop+=ax1*18}if(dUp&&!controllerPrevious[12])focusControllerItem(-1);if(dDown&&!controllerPrevious[13])focusControllerItem(1);controllerInput={left:false,right:false,forward:false,reverse:false}}
 else{controllerInput.left=dLeft||ax0<-.25;controllerInput.right=dRight||ax0>.25;controllerInput.forward=actionPressed(gp,'accelerate');controllerInput.reverse=actionPressed(gp,'reverse');if(dUp||ax1<-.70)van.angle=approachAngle(van.angle,-Math.PI/2,.20);if(dDown||ax1>.70)van.angle=approachAngle(van.angle,Math.PI/2,.20)}

// PS4 Cross / standard button 0 is now a dependable dual-purpose control:
 // tap confirms or pointer-clicks; hold opens the Nookia without firing the tap action first.
 const primaryHeld=gpPressed(gp,0);
 if(primaryHeld&&!controllerPrimaryDownAt){controllerPrimaryDownAt=Date.now();controllerPrimaryHoldOpened=false}
 if(primaryHeld&&controllerPrimaryDownAt&&!controllerPrimaryHoldOpened&&Date.now()-controllerPrimaryDownAt>=650){controllerPrimaryHoldOpened=true;controllerPrimaryOpenPhone()}
 if(!primaryHeld&&controllerPrimaryDownAt){const wasHold=controllerPrimaryHoldOpened;controllerPrimaryDownAt=0;controllerPrimaryHoldOpened=false;if(!wasHold&&!controllerPointerClick())controllerConfirm()}

if(actionEdgeExcluding(gp,'interact',0))controllerConfirm();
 if(gpPressed(gp,11)&&!controllerPrevious[11]){if(!controllerPointerClick(true))controllerStatus('MOVE THE RIGHT STICK OVER A BUTTON',1300)}
 if(actionEdge(gp,'back'))controllerBack();
 if(modalOpen&&actionEdgeExcluding(gp,'phone',0)){const focused=document.activeElement;if(focused&&focused.dataset&&focused.dataset.controllerAction)beginControllerRemap(focused.dataset.controllerAction)}
 if(!modalOpen){const utilityHeld=actionPressedExcluding(gp,'phone',0);if(utilityHeld&&!controllerUtilityDownAt){controllerUtilityDownAt=Date.now();controllerUtilityHoldOpened=false}if(utilityHeld&&controllerUtilityDownAt&&!controllerUtilityHoldOpened&&Date.now()-controllerUtilityDownAt>=650){controllerUtilityHoldOpened=true;controllerOpenPhone();controllerStatus('NOOKIA OPEN • LEGACY SQUARE / X HOLD')}if(!utilityHeld&&controllerUtilityDownAt){const wasHold=controllerUtilityHoldOpened;controllerUtilityDownAt=0;controllerUtilityHoldOpened=false;if(!wasHold){if(state.vanUpgrades&&state.vanUpgrades.potatoGun){fireDonut();controllerStatus('POTATO FIRED',700)}else controllerStatus('POTATO CANNON LOCKED • HOLD CROSS / A FOR PHONE',1500)}}}else{controllerUtilityDownAt=0;controllerUtilityHoldOpened=false}
 if(actionEdge(gp,'howto'))showHow();if(actionEdge(gp,'pause'))controllerPauseMenu();
 const saveHeld=actionPressed(gp,'saveLoad');if(saveHeld&&!controllerSaveDownAt)controllerSaveDownAt=Date.now();if(!saveHeld&&controllerSaveDownAt){const held=Date.now()-controllerSaveDownAt;controllerSaveDownAt=0;if(held>=700){choosePortableSave();controllerStatus('LOAD GAME')}else{manualSave();controllerStatus('GAME SAVED')}}
 controllerPrevious=gp.buttons.map((_,i)=>gpPressed(gp,i));requestAnimationFrame(pollController)
}
requestAnimationFrame(pollController);
/* ===== END R36B40R CONTROLLER ENGINE ===== */

// R36B46F: mirror the live mission into the Nookia and display numeric app alerts.
function syncR36B46FPhoneObjective(){
 const title=document.getElementById('objectiveTitle'),text=document.getElementById('objectiveText');
 const pt=document.getElementById('phoneObjectiveTitle'),px=document.getElementById('phoneObjectiveText');
 if(pt&&title)pt.textContent=title.textContent||'CURRENT OBJECTIVE';
 if(px&&text)px.textContent=text.textContent||'Drive to the next marked location.';
}
function setR36B46FBadge(id,count){const badge=document.getElementById(id);if(!badge)return;const n=Math.max(0,Number(count)||0);badge.hidden=!n;badge.textContent=n>99?'99+':String(n)}
function updateR36B46FPhoneBadges(){
 try{
  const sponsorCount=Array.isArray(state.sponsorOffers)?state.sponsorOffers.length:0;
  const emailCount=(state.pendingOffer?1:0)+sponsorCount+(state.festivalMail?1:0);
  const contactCount=Array.isArray(state.invoices)?state.invoices.filter(i=>!i.paid).length:0;
  const teamCount=state.staff&&state.staff.paul&&state.staff.paul.nextShift?1:0;
  const waygoCount=state.passengerRide?1:0;
  setR36B46FBadge('emailBadge',emailCount);setR36B46FBadge('contactsBadge',contactCount);setR36B46FBadge('teamBadge',teamCount);setR36B46FBadge('waygoBadge',waygoCount);
 }catch(e){}
}
(()=>{
 // R36B52A: one initial badge sync; the authoritative HUD renderer mirrors objectives.
 syncR36B46FPhoneObjective();updateR36B46FPhoneBadges();
})();

// R36B46H — smartphone-style cumulative unread badges and more realistic career homes.
function ensureR36B46HBadge(buttonId,badgeId){
 const button=document.getElementById(buttonId);if(!button)return null;
 let badge=document.getElementById(badgeId);if(!badge){badge=document.createElement('i');badge.className='appBadge';badge.id=badgeId;badge.hidden=true;badge.textContent='0';button.appendChild(badge)}return badge
}
function r36b46hUnreadState(){
 state.phoneUnread=state.phoneUnread||{email:0,contacts:0,team:0,waygo:0,business:0,bank:0,wallet:0};
 state.phoneSignals=state.phoneSignals||{};return state.phoneUnread
}
function r36b46hSignalCounts(){
 const sponsorCount=Array.isArray(state.sponsorOffers)?state.sponsorOffers.length:0;
 const email=(state.pendingOffer?1:0)+sponsorCount+(state.festivalMail?1:0);
 const contacts=Array.isArray(state.invoices)?state.invoices.filter(i=>!i.paid).length:0;
 const team=state.staff&&state.staff.paul&&state.staff.paul.nextShift?1:0;
 const waygo=state.passengerRide?1:0;
 const business=Array.isArray(state.receipts)?state.receipts.length:0;
 const bank=contacts;
 const wallet=state.driverPass&&state.driverPass.name?0:1;
 return{email,contacts,team,waygo,business,bank,wallet}
}
function updateR36B46FPhoneBadges(){
 try{
  ensureR36B46HBadge('phoneEmailApp','emailBadge');ensureR36B46HBadge('phoneContacts','contactsBadge');ensureR36B46HBadge('phoneStaffApp','teamBadge');ensureR36B46HBadge('phoneWaygoApp','waygoBadge');
  ensureR36B46HBadge('phoneLedgerApp','businessBadge');ensureR36B46HBadge('phoneBankApp','bankBadge');ensureR36B46HBadge('phoneWallet','walletBadge');
  const unread=r36b46hUnreadState(),signals=r36b46hSignalCounts(),last=state.phoneSignals||{};
  for(const key of Object.keys(signals)){
   const previous=Number(last[key]||0),current=Number(signals[key]||0);
   if(current>previous)unread[key]=Math.min(999,Number(unread[key]||0)+(current-previous));
   last[key]=current;
  }
  state.phoneSignals=last;
  setR36B46FBadge('emailBadge',unread.email);setR36B46FBadge('contactsBadge',unread.contacts);setR36B46FBadge('teamBadge',unread.team);setR36B46FBadge('waygoBadge',unread.waygo);
  setR36B46FBadge('businessBadge',unread.business);setR36B46FBadge('bankBadge',unread.bank);setR36B46FBadge('walletBadge',unread.wallet);
 }catch(e){}
}
function clearR36B46HUnread(key){const unread=r36b46hUnreadState();unread[key]=0;save();updateR36B46FPhoneBadges()}
[['phoneEmailApp','email'],['phoneContacts','contacts'],['phoneStaffApp','team'],['phoneWaygoApp','waygo'],['phoneLedgerApp','business'],['phoneBankApp','bank'],['phoneWallet','wallet']].forEach(([id,key])=>{const el=document.getElementById(id);if(el&&!el.dataset.unreadBound){el.dataset.unreadBound='1';el.addEventListener('click',()=>clearR36B46HUnread(key),{capture:true})}});

/* Keep the home access road as the same city asphalt, remove the driveway/parking rectangle and its label. */
  drawR36B45ResidentialGround=function(h){
    const{x,y,w,h:lh}=h.lot;ctx.save();
    ctx.fillStyle=h.yard;ctx.fillRect(x,y,w,lh);
    ctx.fillStyle='rgba(255,255,255,.028)';for(let i=0;i<9;i++)ctx.fillRect(x+28+i*101,y+30,45,lh-60);
    ctx.fillStyle='#3e454e';ctx.fillRect(h.road.x,h.road.y,h.road.w,h.road.h);
    ctx.fillStyle='rgba(255,255,255,.018)';ctx.fillRect(h.road.x+1,h.road.y,h.road.w-2,h.road.h);
    ctx.strokeStyle='#d7b64e';ctx.lineWidth=4;ctx.setLineDash([25,20]);ctx.beginPath();ctx.moveTo(h.road.x+h.road.w/2,h.road.y+10);ctx.lineTo(h.road.x+h.road.w/2,h.road.y+h.road.h-10);ctx.stroke();ctx.setLineDash([]);
    drawR36B45PropertyBorder(h);ctx.restore();
  };

/* The former pull-in remains an invisible drivable safety surface, but cannot draw or block the road. */
  if(Array.isArray(R36B45_HOME_ROADS))for(const h of Object.values(R36B45_HOMES||{})){
    if(!h)continue;
    if(h.pullin){h.pullin.invisible=true}
    const half=44;
    if(h.id==='band')h.spawn={x:h.road.x+h.road.w/2,y:h.road.y+h.road.h-half,angle:-Math.PI/2};
    else h.spawn={x:h.road.x+h.road.w/2,y:h.road.y+half,angle:Math.PI/2};
  }

const status=document.getElementById('phoneStatus');
  if(status){
    const ensureTrack=()=>{
      const full=(typeof phoneNowPlayingStatus==='function'?phoneNowPlayingStatus():status.textContent)||'NOW PLAYING • COMMUNITY RADIO READY';
      if(status.textContent!==full)status.textContent=full;
      status.title=full;status.setAttribute('aria-label',full);
    };
    setInterval(ensureTrack,1200);ensureTrack();
  }
})();
</script>

/* Draw yards and property borders only. The street itself is the existing world road surface; no second asphalt rectangle. */
  drawR36B45ResidentialGround=function(h){
    const{x,y,w,h:lh}=h.lot;ctx.save();
    ctx.fillStyle=h.yard;ctx.fillRect(x,y,w,lh);
    ctx.fillStyle='rgba(255,255,255,.028)';for(let i=0;i<9;i++)ctx.fillRect(x+28+i*101,y+30,45,lh-60);
    ctx.strokeStyle='#d7b64e';ctx.lineWidth=4;ctx.setLineDash([25,20]);
    ctx.beginPath();ctx.moveTo(h.road.x+h.road.w/2,h.road.y+8);ctx.lineTo(h.road.x+h.road.w/2,h.road.y+h.road.h-8);ctx.stroke();
    ctx.setLineDash([]);drawR36B45PropertyBorder(h);ctx.restore();
  };

/* Keep every driveway opening clear while making the industrial audio border unmistakable. */
  const oldBorder=drawR36B45PropertyBorder;
  drawR36B45PropertyBorder=function(h){
    oldBorder(h);
    if(h&&h.id==='audio'){
      const l=h.lot,g0=h.road.x-18,g1=h.road.x+h.road.w+18;
      ctx.save();ctx.strokeStyle='#b9c1c5';ctx.lineWidth=3;ctx.setLineDash([14,10]);
      ctx.beginPath();ctx.moveTo(l.x+8,l.y+8);ctx.lineTo(l.x+l.w-8,l.y+8);ctx.stroke();
      ctx.beginPath();ctx.moveTo(l.x+8,l.y+l.h-8);ctx.lineTo(g0,l.y+l.h-8);ctx.moveTo(g1,l.y+l.h-8);ctx.lineTo(l.x+l.w-8,l.y+l.h-8);ctx.stroke();
      ctx.setLineDash([]);ctx.restore();
    }
  };

/* All twelve downtown intersections receive four crosswalk approaches, independent of upgrade level. */
  drawR36RoadDetails=function(){
    ctx.save();
    const ints=[];for(const x of [695,1355,2015,2670])for(const y of [690,1390,1980])ints.push([x,y]);
    const vHalf=85,hHalf=90,depth=CITY_POLISH.crosswalkDepth,gap=CITY_POLISH.crosswalkGap,barGap=CITY_POLISH.stopBarGap;
    for(const[x,y]of ints){
      const northY=y-hHalf-gap-depth,southY=y+hHalf+gap,westX=x-vHalf-gap-depth,eastX=x+vHalf+gap;
      drawCrosswalkAcrossVerticalRoad(x,northY);drawCrosswalkAcrossVerticalRoad(x,southY);
      drawCrosswalkAcrossHorizontalRoad(westX,y);drawCrosswalkAcrossHorizontalRoad(eastX,y);
      ctx.fillStyle='rgba(255,255,255,.96)';
      ctx.fillRect(x-vHalf+12,northY-barGap-5,vHalf-20,5);ctx.fillRect(x+8,southY+depth+barGap,vHalf-20,5);
      ctx.fillRect(westX-barGap-5,y+8,5,hHalf-20);ctx.fillRect(eastX+depth+barGap,y-hHalf+12,5,hHalf-20);
    }
    for(const b of places){if(placeVisible(b)&&b.parking)drawParkingCurb(b)}ctx.restore();
  };

/* Force the Nookia ticker to retain full artist and song metadata whenever the radio reports it. */
  const status=document.getElementById('phoneStatus');
  if(status){
    let last='';
    const esc=s=>String(s).replace(/[&<>"]/g,ch=>({'&':'&amp;','<':'&lt;','>':'>','"':'&quot;'}[ch]));
    const sync=()=>{
      let full='';
      try{full=typeof phoneNowPlayingStatus==='function'?phoneNowPlayingStatus():''}catch(_){ }
      if(!full||/COMMUNITY RADIO READY$/i.test(full)){
        const np=document.getElementById('nowPlayingText');
        if(np&&np.textContent.trim())full=np.textContent.trim();
      }
      full=full||'NOW PLAYING • COMMUNITY RADIO READY';
      if(full!==last||!status.querySelector('.r36b46k-track')){
        last=full;status.innerHTML='<span class="r36b46k-track">'+esc(full)+'</span>';
        status.title=full;status.setAttribute('aria-label',full);
      }
    };
    setInterval(sync,300);sync();
  }
})();
</script>

/* Keep the old status node as the data source, but never let frame-by-frame HUD writes blink visibly. */
#phone .phoneScreen{position:relative!important}
#phone #phoneStatus{
  color:transparent!important;
  text-shadow:none!important;
  animation:none!important;
  user-select:none!important;
}
#phone .phoneTickerStable{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:4px!important;
  height:32px!important;
  line-height:15px!important;
  padding:2px 4px!important;
  box-sizing:border-box!important;
  border-top:2px solid #466d64!important;
  color:#10211e!important;
  background:#b8c994!important;
  font:900 9px/15px monospace!important;
  letter-spacing:.035em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  z-index:4!important;
}
#phone .phoneTickerStable .tickerText{
  display:inline-block!important;
  min-width:max-content!important;
}
#phone .phoneTickerStable.isPlaying .tickerText{
  padding-left:100%!important;
  animation:r36b47cTicker 16s linear infinite!important;
}
@keyframes r36b47cTicker{
  0%,8%{transform:translateX(0)}
  92%,100%{transform:translateX(-100%)}
}
#phone .phoneTotalBadge{
  display:none;
  position:absolute!important;
  top:-10px!important;
  left:-10px!important;
  right:auto!important;
  z-index:80!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 7px!important;
  box-sizing:border-box!important;
  border:3px solid #fff8e5!important;
  border-radius:16px!important;
  background:#e53935!important;
  color:#fff!important;
  box-shadow:2px 2px 0 rgba(0,0,0,.75)!important;
  font:1000 12px/22px system-ui!important;
  text-align:center!important;
  pointer-events:none!important;
}
#phone.collapsed .phoneTotalBadge.hasNotifications{display:block!important}
#phone.collapsed{overflow:visible!important}
#phone.collapsed .phoneCollapse{position:relative!important;z-index:3!important}

@media(max-width:760px),(pointer:coarse){
  .permitGateShell{padding:8px!important}
  .permitGateGrid{grid-template-columns:1fr!important;gap:9px!important}
  .permitGatePhoto{min-height:280px!important;max-height:42vh!important}
  .permitGateFields{min-height:0!important;gap:8px!important}
  .permitCareerGrid{grid-auto-rows:minmax(72px,auto)!important}
  .permitCareerChoice{min-height:72px!important;padding:9px!important}
  .permitGateActionsWide{margin-top:9px!important;gap:8px!important}
  .permitGateActionsWide button{min-height:52px!important}
  #phone .phoneTickerStable{height:32px!important;font-size:9px!important}
}
@media(pointer:coarse) and (orientation:landscape){
  #phone .phoneTickerStable{height:20px!important;line-height:16px!important;font-size:7px!important;padding:1px 3px!important}
}
</style>
<script id="r36b47c-phone-runtime">
(function(){
  const phone=document.getElementById('phone');
  const source=document.getElementById('phoneStatus');
  if(!phone||!source)return;

let stable=phone.querySelector('.phoneTickerStable');
  if(!stable){
    stable=document.createElement('div');
    stable.className='phoneTickerStable';
    stable.setAttribute('aria-live','polite');
    stable.innerHTML='<span class="tickerText"></span>';
    const screen=phone.querySelector('.phoneScreen');
    if(screen)screen.appendChild(stable);
  }
  let totalBadge=phone.querySelector('.phoneTotalBadge');
  if(!totalBadge){
    totalBadge=document.createElement('span');
    totalBadge.className='phoneTotalBadge';
    totalBadge.setAttribute('aria-label','0 total notifications');
    phone.appendChild(totalBadge);
  }

// Add Russel, extra guests, and randomized parked groups to every active house party.
  const oldOwnerDraw=window.drawR36B45OwnerHome||drawR36B45OwnerHome;
  window.drawR36B45OwnerHome=drawR36B45OwnerHome=function(h){
    oldOwnerDraw(h);const m=marco();if(!m.partyEndsAt||Date.now()>=m.partyEndsAt)return;
    const l=R36B45_HOMES.owner.lot,t=performance.now()/1000;
    ctx.save();
    // Parked vehicle groups line the entrance and drive without blocking the lane center.
    const wraps=['classic','owner','paul','band'];for(let i=0;i<12;i++){const side=i%2?-1:1,x=(R36B45_HOMES.owner.roadCenterX||695)+side*(72+Math.floor(i/2)*43),y=l.y+l.h-46-(i%3)*26;drawUnifiedCareerVan(x,y,side<0?0:Math.PI,wraps[i%wraps.length],{})}
    // Crowd fills the yard, including one recognizable Russel guest near the BBQ.
    const cols=['#e64a38','#f1b83e','#3f84a5','#9766a3','#5c9a55','#eee'];for(let i=0;i<64;i++){const x=l.x+80+(i*97)%Math.max(100,l.w-160),y=l.y+120+((i*61)%Math.max(100,l.h-250));ctx.fillStyle=cols[i%cols.length];ctx.beginPath();ctx.arc(x,y+Math.sin(t*5+i)*2,6,0,Math.PI*2);ctx.fill();ctx.fillStyle='#202020';ctx.fillRect(x-3,y+6,6,10)}
    const rx=l.x+l.w/2+24,ry=l.y+112;ctx.fillStyle='#d6a57a';ctx.beginPath();ctx.arc(rx,ry,9,0,Math.PI*2);ctx.fill();ctx.fillStyle='#202020';ctx.fillRect(rx-7,ry+8,14,24);ctx.fillStyle='#f4e6be';ctx.font='900 10px system-ui';ctx.textAlign='center';ctx.fillText('RUSSEL',rx,ry-14);
    ctx.restore();
  }
  marco();
})();
</script>

\n<script id="r36b51a-player-experience">
/* R36B51A — player-experience navigation and distinct career routes. */
(function(){
  function homeTarget(id,label){
    const h=(typeof R36B45_HOMES!=='undefined'&&R36B45_HOMES)?R36B45_HOMES[id]:null;
    if(!h)return null;
    const l=h.lot||h;
    return{x:(h.roadCenterX||l.x+l.w/2),y:(l.y+l.h-55),label};
  }
  function placeTarget(id,label){
    const p=window.places&&places.find(x=>x.id===id);
    return p?{x:p.interact?.x??p.x+p.w/2,y:p.interact?.y??p.y+p.h/2,label:label||p.short||p.name}:null;
  }
  function activeDestination(){
    if(typeof state==='undefined'||typeof van==='undefined')return null;
    const path=state.career?.path||'owner';
    if(state.activeJob){
      if(state.activeJob.phase==='pickup')return placeTarget('shop','GIG BAG ATX');
      return placeTarget(state.activeJob.id);
    }
    if(state.pendingOffer)return null;
    if(path==='band'){
      const b=typeof bandStory==='function'?bandStory():(state.bandStory||{});
      const assets=typeof leftwayBandAssets==='function'?leftwayBandAssets():[];
      const c=b.campaign||{};
      if(!b.started)return homeTarget('band','BAND HOUSE');
      if(!assets.length)return placeTarget('leftway','LEFTWAY STUDIOS');
      if(b.homeShows===0&&(!Array.isArray(c.kaziBuys)||!c.kaziBuys.length))return placeTarget('kazi','KAZI 88.7 FM');
      return homeTarget('band','BAND HOUSE');
    }
    if(path==='team'){
      const xp=state.career.teamRole==='audio'?Number(state.career.audioXp||0):Number(state.career.stagehandXp||0);
      if(!xp&&!state.activeJob)return placeTarget('fsg','FSG PRINTSHOP');
      return state.career.teamRole==='audio'?homeTarget('audio','PAUL • AUDIO HOUSE'):placeTarget('hq','VANCERTS HQ');
    }
    if(state.story?.festivalActive){const id=window.FESTIVAL_ROUTE?.[state.story.festivalIndex];return id?placeTarget(id):null}
    const order=typeof ORDER!=='undefined'?ORDER:['fsg','blueowl','republic','hope','topnotch','leftway'];
    const next=order.find(id=>!state.completed?.includes(id));
    if(next)return placeTarget(next);
    return placeTarget('hq','VANCERTS HQ');
  }
  window.__VANCERTS_ACTIVE_DESTINATION=activeDestination;
  function drawMissionArrow(){
    return; /* R36B52G: retired floating gold arrow */
    const t=activeDestination();if(!t||!window.ctx||!window.canvas)return;
    const dx=t.x-van.x,dy=t.y-van.y,d=Math.hypot(dx,dy);
    if(d<75)return;
    const a=Math.atan2(dy,dx),cx=W/2,cy=H/2;
    const radius=Math.min(W,H)*(matchMedia('(pointer:coarse)').matches?.18:.22);
    const x=cx+Math.cos(a)*radius,y=cy+Math.sin(a)*radius;
    ctx.save();ctx.globalAlpha=.72;ctx.translate(x,y);ctx.rotate(a);
    ctx.fillStyle='#f1b83e';ctx.strokeStyle='#fff8e5';ctx.lineWidth=3;ctx.beginPath();ctx.moveTo(24,0);ctx.lineTo(-12,-13);ctx.lineTo(-5,0);ctx.lineTo(-12,13);ctx.closePath();ctx.fill();ctx.stroke();ctx.restore();
    ctx.save();ctx.globalAlpha=.82;ctx.font='1000 11px system-ui';ctx.textAlign='center';ctx.textBaseline='middle';
    const feet=Math.max(0,Math.round(d));const label=`NEXT: ${t.label} • ${feet} FT`;const w=Math.min(W-24,ctx.measureText(label).width+20);
    const lx=Math.max(w/2+8,Math.min(W-w/2-8,x)),ly=Math.max(18,Math.min(H-18,y+31));
    ctx.fillStyle='rgba(17,17,17,.84)';ctx.fillRect(lx-w/2,ly-11,w,22);ctx.strokeStyle='#f1b83e';ctx.lineWidth=2;ctx.strokeRect(lx-w/2,ly-11,w,22);ctx.fillStyle='#fff8e5';ctx.fillText(label,lx,ly);ctx.restore();
  }
  const priorDraw=window.draw||draw;
  window.draw=draw=function(){const r=priorDraw();try{drawMissionArrow()}catch(e){console.warn('R36B51A mission arrow',e)}return r};

/* Route starts only after controls; preserve R36B51B's route engine and change the phone copy to red. */
  const oldDestination=window.__VANCERTS_ACTIVE_DESTINATION;
  if(oldDestination)window.__VANCERTS_ACTIVE_DESTINATION=function(){const t=tutorial();if(!permitIssued()||(!t.done&&t.step<5))return null;return oldDestination()};
  const oldMini=window.drawMini||drawMini;window.drawMini=drawMini=function(){const r=oldMini.apply(this,arguments);try{const c=window.miniCtx;if(c){c.save();c.globalCompositeOperation='source-atop';c.restore()}}catch(_){}return r};
  /* Change existing gold mini-map route strokes/fills to red without changing world route color. */
  try{const miniScript=$id('r36b51b-exact-guidance-road-trail');if(miniScript){} }catch(_){}

function applySpotifyIdentity(){const b=$id('phoneRadioApp');if(b){b.innerHTML='<span class="spotifyPhoneLogo" aria-hidden="true"></span>SPOTIFY';b.setAttribute('aria-label','Spotify community radio')}const status=$id('spotifyStatus');if(status&&/CASSETTE RADIO|COMMUNITY RADIO/.test(status.textContent))status.textContent='SPOTIFY • COMMUNITY RADIO'}
  // R36B52A: legacy Spotify identity updater retired.

/* Repair an already-open session without requiring a reset. */
  setTimeout(()=>{if($id('splash')?.classList.contains('hidden'))forceGameOnlyViewport();if(demoComplete()){commitDemoCheckpoint();try{hud()}catch(_){}}},500);
  function applyPostDemoBandGuide(){
    if(state?.career?.path!=='band'||!demoComplete())return;
    const b=bandState(),c=b.campaign||{},title=$id('objectiveTitle'),text=$id('objectiveText'),pt=$id('phoneObjectiveTitle'),px=$id('phoneObjectiveText');
    let h='BAND • RETURN TO BAND HOUSE',copy='FIRST DEMO COMPLETE. Follow the faint yellow road-side route back to BAND HOUSE. Pull into the interaction area, tap INTERACT, open the Home Show Planner, then buy STREET FLYERS — $50 or SOCIAL PUSH — $75.';
    if(c.flyers||c.social){h='BAND • PROMOTE WITH KAZI';copy='Direct promotion is ready. Open the Home Show Planner at BAND HOUSE, choose KAZI, and purchase a PROMOTIONAL INTERVIEW — $150 or another affordable campaign.'}
    if(Array.isArray(c.kaziBuys)&&c.kaziBuys.length){h='BAND • PLAY HOME SHOW 1';copy='Your first campaign is ready. Return to BAND HOUSE, open the Home Show Planner, confirm the projected crowd, then choose PLAY HOME SHOW when the target is met.'}
    if(title)title.textContent=h;if(text)text.textContent=copy;if(pt)pt.textContent=h;if(px)px.textContent=copy;
  }
  // R36B52A: post-demo guidance is now rendered only through HUD updates.
  window.__R36B51K={build:BUILD,demoComplete,forceGameOnlyViewport};
})();
</script>

// Enrich the existing Team screen without replacing any current cards or controls.
  const previousOpenStaff=window.openStaffManager;
  if(typeof previousOpenStaff==='function'&&!previousOpenStaff.__r36b51lStory){
    const enriched=function(){
      const r=previousOpenStaff.apply(this,arguments);
      setTimeout(function(){
        const host=document.getElementById('modal');if(!host||host.querySelector('[data-paul-story-foundation]'))return;
        const p=paulRel(),card=document.createElement('div');card.className='card';card.dataset.paulStoryFoundation='1';
        card.innerHTML=`<h3>PAUL RELATIONSHIP</h3><p><b>${trustLabel(p.trust)}</b> • Trust ${p.trust}/100</p><p>${p.met?'Paul remembers the work you have completed together. Reliable communication, safe setups, fair pay, and calm problem-solving build trust.':'You have not formally met Paul in this story save yet. He becomes part of the story through BYOB Austin and the VANCERTS team.'}</p><p class="small"><b>ROLE:</b> ${PAUL_CANON.role}<br><b>TEACHES:</b> ${PAUL_CANON.teaches.join(' • ')}</p>`;
        const btns=host.querySelector('.btns');if(btns&&btns.parentNode)btns.parentNode.insertBefore(card,btns);else host.appendChild(card);
      },0);return r
    };
    enriched.__r36b51lStory=true;window.openStaffManager=enriched;try{openStaffManager=enriched}catch(_){ }
  }
  // Keep relationship data initialized after career restores and portable save loads.
  setInterval(function(){try{storyRoot()}catch(_){ }},2500);
  console.info(BUILD,'Paul character framework ready');
})();
</script>

#rotaryRadio.vcQueueTubeDirect{display:block;position:fixed;left:12px;top:96px;right:auto;bottom:auto;transform:none!important;width:min(520px,calc(100vw - 24px));height:auto!important;max-height:none!important;overflow:hidden!important;box-sizing:border-box!important;contain:paint!important;filter:none!important;background:#0b0b0e!important;border:3px solid #f4e6be!important;border-radius:16px!important;box-shadow:7px 7px 0 rgba(0,0,0,.72)!important;z-index:66!important;pointer-events:auto!important;color:#f2f2f2!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace!important}
#rotaryRadio.vcQueueTubeDirect.hidden,#rotaryRadio.vcQueueTubeDirect.collapsed{display:none!important;visibility:hidden!important;pointer-events:none!important}
#rotaryRadio.vcQueueTubeDirect.dragging,#phone.vcStablePhone.dragging{transition:none!important;cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
#rotaryRadio.vcQueueTubeDirect .vcQtDockHead{position:absolute;left:0;right:0;top:0;z-index:8;height:46px;display:flex;align-items:flex-start;justify-content:flex-end;padding:8px;background:transparent;border:0;color:#9cff57;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#rotaryRadio.vcQueueTubeDirect .vcQtDockTitle{display:none!important}
#rotaryRadio.vcQueueTubeDirect .vcQtDockActions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto}
#rotaryRadio.vcQueueTubeDirect .vcQtDockButton{height:30px;min-width:74px;margin:0;padding:4px 9px;border:2px solid #9cff57;border-radius:9px;box-shadow:none;background:#0b0b0e;color:#9cff57;font:1000 8px/1 system-ui;cursor:pointer;touch-action:manipulation}
#rotaryRadio.vcQueueTubeDirect .vcQtSignUp{min-width:72px;border-color:#111!important;background:#f1b83e!important;color:#111!important}
#qtPlayerMount{display:block!important;width:100%!important;max-height:none!important;overflow:hidden!important;box-sizing:border-box!important;border-radius:13px!important;background:#0b0b0e!important}
.qt-player{display:block;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;border-radius:13px;background:#0b0b0e;color:#f2f2f2}
.qt-head{display:none!important}
.qt-brand{font-size:17px;font-weight:1000;letter-spacing:.02em}.qt-station{margin-top:3px;font-size:8px;color:rgba(242,242,242,.62);letter-spacing:.07em}.qt-live{margin-top:3px;font-size:8px;color:#9cff57}
.qt-body{display:block;box-sizing:border-box;min-width:0;padding:14px 176px 9px 12px;background:#12121a;border-radius:13px 13px 0 0}
.qt-art,.qt-art-fallback{display:none!important}
.qt-meta{min-width:0;display:flex;flex-direction:column;justify-content:center}.qt-artist{font-size:11px;color:#6cf2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-title{margin-top:3px;font-size:14px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-event{margin-top:4px;font-size:8px;color:rgba(242,242,242,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qt-progress-row{margin-top:9px}.qt-progress{width:100%;accent-color:#9cff57;height:12px;margin:0}.qt-time{display:flex;justify-content:space-between;margin-top:1px;font-size:8px;color:rgba(242,242,242,.65);font-variant-numeric:tabular-nums}
.qt-controls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.08);background:#0f0f16}.qt-controls button,.qt-volume button,.qt-queue-head button,.qt-queue-item button,.qt-retry{min-width:0;height:34px;padding:0 4px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#17171f;color:#f2f2f2;box-shadow:none;font:1000 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.qt-controls button.active{border-color:#9cff57;color:#9cff57;background:rgba(156,255,87,.08)}.qt-controls .qt-play{background:#9cff57;color:#071008;font-size:14px}.qt-controls button:disabled{opacity:.35}
.qt-volume{display:grid;grid-template-columns:35px minmax(0,1fr) 35px 42px;gap:7px;align-items:center;padding:0 10px 8px;background:#0f0f16}.qt-volume input{width:100%;accent-color:#6cf2ff}.qt-volume output{font-size:8px;text-align:right;color:rgba(242,242,242,.65)}
.qt-status-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-top:1px solid rgba(255,255,255,.07);border-radius:0 0 12px 12px;background:#0b0b0e}.qt-status{flex:1 1 auto;color:rgba(242,242,242,.72);font-size:8px;line-height:1.35;min-height:20px}.qt-status strong{color:#9cff57}.qt-status.qt-error{color:#ff9c91}.qt-retry{display:none;width:58px;height:25px;font-size:8px}.qt-retry.show{display:block}
.qt-queue{border-top:1px solid rgba(255,255,255,.08);background:#101017;max-height:170px;overflow:auto}.qt-queue[hidden]{display:none}.qt-queue-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:7px 9px;background:#0f0f16;border-bottom:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:1000;z-index:1}.qt-queue-head button{height:24px;padding:0 8px;font-size:8px}.qt-queue-list{list-style:none;padding:5px;margin:0}.qt-queue-item{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px;border-radius:8px}.qt-queue-item.current{background:rgba(156,255,87,.08);outline:1px solid rgba(156,255,87,.25)}.qt-queue-item>button:first-child{height:24px}.qt-queue-info{min-width:0}.qt-queue-info b,.qt-queue-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-queue-info b{font-size:9px}.qt-queue-info span{font-size:7px;color:rgba(242,242,242,.58);margin-top:2px}.qt-queue-actions{display:flex;gap:3px}.qt-queue-actions button{width:24px;height:24px;padding:0;font-size:8px}

@media(max-width:760px),(pointer:coarse){
 #phone.vcStablePhone{position:fixed!important;left:7px!important;right:auto!important;top:70px!important;bottom:auto!important;transform:scale(.68)!important;transform-origin:top left!important;z-index:58!important;pointer-events:auto!important}
 #phone.vcStablePhone .phoneTop{cursor:grab!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
 #phone.vcStablePhone.collapsed{width:58px!important;height:46px!important;padding:5px 7px!important;transform:none!important;cursor:pointer!important}
 #phone.vcStablePhone .phoneCollapse{pointer-events:auto!important;touch-action:manipulation!important;z-index:100!important}
 #rotaryRadio.vcQueueTubeDirect{left:6px;top:68px;width:min(430px,calc(100vw - 12px));height:auto!important;max-height:none!important;z-index:64!important}
 #qtPlayerMount{max-height:none!important;overflow:hidden!important}
 .qt-body{padding:12px 168px 7px 10px}.qt-title{font-size:11px}.qt-controls{gap:3px;padding:6px}.qt-controls button{height:30px;font-size:8px}.qt-controls .qt-play{font-size:12px}.qt-volume{padding:0 7px 6px;grid-template-columns:30px minmax(0,1fr) 30px 35px}.qt-status-row{padding:6px 8px}.qt-status{font-size:7px;min-height:18px}.qt-queue{max-height:145px}
 #objective{max-height:112px!important;overflow:auto!important}
}
</style>
<script id="r36b52f-core-stability">
(function(){
 'use strict';
 const BUILD='R36B52F';
 const API_URL='https://script.google.com/macros/s/AKfycbzy7FobduC0pjxVesNiGPUos33db1K4sV5Mw2BADRMh9NPjzorYj0jLJaCFg93fjZOAkg/exec?page=api';
 const POS_KEY='vancerts-queuetube-position-r36b52f';
 const PHONE_OPEN_POS_KEY='vancerts-phone-open-position-r36b52f';
 const PHONE_CLOSED_POS_KEY='vancerts-phone-closed-position-r36b52f';
 const SIGN_UP_URL='https://vancerts.com/queuetube/account?mode=signup';
 const $q=id=>document.getElementById(id);
 const clamp=(n,a,b)=>Math.min(b,Math.max(a,n));
 const fmt=s=>{s=Number.isFinite(s)?Math.max(0,s):0;return Math.floor(s/60)+':'+String(Math.floor(s%60)).padStart(2,'0')};
 const esc=v=>String(v??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[c]));
 const sessionId=(()=>{try{let id=sessionStorage.getItem('queuetube_session_id');if(!id){id='qt-'+Date.now().toString(36)+'-'+Math.random().toString(36).slice(2);sessionStorage.setItem('queuetube_session_id',id)}return id}catch(_){return 'qt-'+Date.now().toString(36)}})();

class QueueTubePlayer{
   constructor(root,options={}){this.root=root;this.options=Object.assign({apiUrl:API_URL,playerSource:'game'},options);this.audio=new Audio();this.audio.preload='metadata';this.audio.playsInline=true;this.tracks=[];this.queue=[];this.index=-1;this.shuffle=false;this.repeat=false;this.minimumSeconds=30;this.listened=0;this.eventSent=false;this.queueOpen=false;this.timer=0;this.render();this.bind();this.loadPlaylist()}
   render(){this.root.innerHTML=`<section class="qt-player" aria-label="QueueTube player"><header class="qt-head"><div class="qt-brand">QueueTube</div><div class="qt-station">VANCERTS LIVE RECORDING LIBRARY</div><div class="qt-live">Same music library as Vancerts.com/queuetube</div></header><div class="qt-body"><div id="qtArtworkFallback" class="qt-art-fallback">QUEUE<br>TUBE</div><img id="qtArtwork" class="qt-art" alt="Album artwork" hidden><div class="qt-meta"><div id="qtArtist" class="qt-artist">QueueTube</div><div id="qtTitle" class="qt-title">Loading live recordings…</div><div id="qtEvent" class="qt-event">VANCERTS community music player</div></div><div class="qt-progress-row"><input id="qtProgress" class="qt-progress" type="range" min="0" max="1000" value="0" aria-label="Track progress"><div class="qt-time"><span id="qtCurrent">0:00</span><span id="qtDuration">0:00</span></div></div></div><div class="qt-controls"><button id="qtShuffle" type="button" aria-label="Shuffle">⇄</button><button id="qtPrev" type="button" aria-label="Previous">|◀</button><button id="qtPlay" class="qt-play" type="button" aria-label="Play or pause">▶</button><button id="qtNext" type="button" aria-label="Next">▶|</button><button id="qtRepeat" type="button" aria-label="Repeat">↻</button><button id="qtMute" type="button" aria-label="Mute">🔊</button><button id="qtQueueToggle" type="button" aria-label="Show queue">QUEUE</button></div><div class="qt-volume"><button id="qtVolumeDown" type="button" aria-label="Volume down">−</button><input id="qtVolume" type="range" min="0" max="1" step="0.01" value="0.85" aria-label="Volume"><button id="qtVolumeUp" type="button" aria-label="Volume up">+</button><output id="qtVolumeOut">85%</output></div><div class="qt-status-row"><div id="qtStatus" class="qt-status">Connecting to QueueTube…</div><button id="qtRetry" class="qt-retry" type="button">RETRY</button></div><section id="qtQueue" class="qt-queue" hidden><div class="qt-queue-head"><span>PLAY QUEUE</span><button id="qtCloseQueue" type="button">CLOSE</button></div><ol id="qtQueueList" class="qt-queue-list"></ol></section></section>`;this.el={art:$q('qtArtwork'),fallback:$q('qtArtworkFallback'),artist:$q('qtArtist'),title:$q('qtTitle'),event:$q('qtEvent'),progress:$q('qtProgress'),current:$q('qtCurrent'),duration:$q('qtDuration'),play:$q('qtPlay'),prev:$q('qtPrev'),next:$q('qtNext'),shuffle:$q('qtShuffle'),repeat:$q('qtRepeat'),mute:$q('qtMute'),queueToggle:$q('qtQueueToggle'),volume:$q('qtVolume'),volumeDown:$q('qtVolumeDown'),volumeUp:$q('qtVolumeUp'),volumeOut:$q('qtVolumeOut'),status:$q('qtStatus'),retry:$q('qtRetry'),queue:$q('qtQueue'),queueList:$q('qtQueueList'),closeQueue:$q('qtCloseQueue')}}
   bind(){this.audio.volume=.85;this.el.play.onclick=()=>this.toggle();this.el.prev.onclick=()=>this.previous();this.el.next.onclick=()=>this.next();this.el.shuffle.onclick=()=>{this.shuffle=!this.shuffle;this.el.shuffle.classList.toggle('active',this.shuffle)};this.el.repeat.onclick=()=>{this.repeat=!this.repeat;this.el.repeat.classList.toggle('active',this.repeat)};this.el.mute.onclick=()=>{this.audio.muted=!this.audio.muted;this.el.mute.textContent=this.audio.muted?'🔇':'🔊';this.el.mute.classList.toggle('active',this.audio.muted)};this.el.queueToggle.onclick=()=>this.toggleQueue();this.el.closeQueue.onclick=()=>this.toggleQueue(false);this.el.retry.onclick=()=>this.loadPlaylist();this.el.volume.oninput=()=>this.setVolume(Number(this.el.volume.value));this.el.volumeDown.onclick=()=>this.setVolume(this.audio.volume-.1);this.el.volumeUp.onclick=()=>this.setVolume(this.audio.volume+.1);this.el.progress.oninput=()=>{if(this.audio.duration)this.audio.currentTime=Number(this.el.progress.value)/1000*this.audio.duration};this.audio.addEventListener('play',()=>{this.el.play.textContent='❚❚';this.post('play');this.startTimer()});this.audio.addEventListener('pause',()=>{this.el.play.textContent='▶';this.stopTimer();this.post('pause')});this.audio.addEventListener('loadedmetadata',()=>{this.el.duration.textContent=fmt(this.audio.duration)});this.audio.addEventListener('durationchange',()=>{this.el.duration.textContent=fmt(this.audio.duration)});this.audio.addEventListener('timeupdate',()=>{this.el.current.textContent=fmt(this.audio.currentTime);if(this.audio.duration)this.el.progress.value=Math.round(this.audio.currentTime/this.audio.duration*1000)});this.audio.addEventListener('ended',()=>{this.stopTimer();if(this.repeat){this.audio.currentTime=0;this.safePlay()}else this.next()});this.audio.addEventListener('error',()=>this.status('This recording could not be loaded. Choose another track.',true));addEventListener('pagehide',()=>this.stopTimer(),{once:true})}
   status(message,error=false){this.el.status.textContent=message;this.el.status.classList.toggle('qt-error',!!error)}
   setVolume(value){value=clamp(Number(value)||0,0,1);this.audio.volume=value;this.audio.muted=false;this.el.volume.value=String(value);this.el.volumeOut.value=Math.round(value*100)+'%';this.el.mute.textContent='🔊';this.el.mute.classList.remove('active')}
   async loadPlaylist(){this.el.retry.classList.remove('show');this.status('Connecting to QueueTube…');const controller=new AbortController(),timeout=setTimeout(()=>controller.abort(),30000);try{const response=await fetch(this.options.apiUrl+'&_ts='+Date.now(),{cache:'no-store',signal:controller.signal});if(!response.ok)throw Error('QueueTube returned '+response.status);const data=await response.json();if(!data||data.ok===false)throw Error(data?.error||'QueueTube API error');this.minimumSeconds=Number(data.qualification?.minimum_seconds)||30;const source=Array.isArray(data.tracks)?data.tracks:Array.isArray(data.recordings)?data.recordings:[];this.tracks=source.filter(t=>t&&t.streaming_url&&t.active!==false&&(!t.stream_status||['TEST_READY','READY','LIVE','ACTIVE'].includes(String(t.stream_status).toUpperCase())));this.queue=this.tracks.slice();if(!this.queue.length)throw Error('No active QueueTube recordings were returned');this.loadTrack(0,false);this.status(this.queue.length+' live recording'+(this.queue.length===1?'':'s')+' • tap to play');this.renderQueue()}catch(error){this.status(error?.name==='AbortError'?'QueueTube connection timed out. Tap RETRY.':'QueueTube could not connect: '+(error?.message||'unknown error'),true);this.el.title.textContent='QueueTube unavailable';this.el.retry.classList.add('show')}finally{clearTimeout(timeout)}}
   currentTrack(){return this.queue[this.index]||null}
   loadTrack(index,autoplay=true){if(!this.queue.length)return;index=(index+this.queue.length)%this.queue.length;this.stopTimer();this.audio.pause();this.index=index;this.listened=0;this.eventSent=false;const t=this.currentTrack();this.audio.src=t.streaming_url;this.audio.load();this.el.artist.textContent=t.artist_name||t.artist||'Unknown Artist';this.el.title.textContent=t.track_name||t.title||'Untitled';this.el.event.textContent=t.event_name||t.session_name||t.venue||'VANCERTS live recording';const art=t.artwork_url||t.image_url||t.cover_url||'';if(art){this.el.art.hidden=false;this.el.fallback.hidden=true;this.el.art.src=art;this.el.art.onerror=()=>{this.el.art.hidden=true;this.el.fallback.hidden=false}}else{this.el.art.hidden=true;this.el.fallback.hidden=false}this.el.current.textContent='0:00';this.el.duration.textContent='0:00';this.el.progress.value=0;this.renderQueue();this.post('trackchange');if(autoplay)this.safePlay()}
   safePlay(){const promise=this.audio.play();if(promise&&promise.catch)promise.catch(()=>this.status('Tap PLAY to start this recording.'))}
   toggle(){if(this.index<0&&this.queue.length)this.loadTrack(0,false);if(this.index<0){this.status('No recording is ready yet.',true);return}this.audio.paused?this.safePlay():this.audio.pause()}
   next(){if(!this.queue.length)return;let i=this.shuffle?Math.floor(Math.random()*this.queue.length):this.index+1;if(this.queue.length>1&&i===this.index)i=(i+1)%this.queue.length;this.loadTrack(i,true)}
   previous(){if(!this.queue.length)return;this.loadTrack(this.index-1,true)}
   toggleQueue(force){this.queueOpen=typeof force==='boolean'?force:!this.queueOpen;this.el.queue.hidden=!this.queueOpen;this.el.queueToggle.classList.toggle('active',this.queueOpen);if(this.queueOpen)this.renderQueue()}
   renderQueue(){this.el.queueList.innerHTML='';this.queue.forEach((t,i)=>{const li=document.createElement('li');li.className='qt-queue-item'+(i===this.index?' current':'');li.innerHTML='<button type="button" aria-label="Play track">'+(i===this.index?'▶':String(i+1).padStart(2,'0'))+'</button><div class="qt-queue-info"><b>'+esc(t.track_name||t.title||'Untitled')+'</b><span>'+esc(t.artist_name||t.artist||'Unknown Artist')+'</span></div><div class="qt-queue-actions"><button type="button" aria-label="Move up">↑</button><button type="button" aria-label="Move down">↓</button></div>';li.children[0].onclick=()=>this.loadTrack(i,true);const actions=li.querySelectorAll('.qt-queue-actions button');actions[0].onclick=()=>this.moveQueue(i,-1);actions[1].onclick=()=>this.moveQueue(i,1);this.el.queueList.appendChild(li)})}
   moveQueue(i,dir){const j=i+dir;if(j<0||j>=this.queue.length)return;const current=this.currentTrack()?.track_id;[this.queue[i],this.queue[j]]=[this.queue[j],this.queue[i]];this.index=Math.max(0,this.queue.findIndex(t=>t.track_id===current));this.renderQueue()}
   startTimer(){this.stopTimer();this.timer=setInterval(()=>{if(this.audio.paused||this.audio.ended||document.visibilityState!=='visible')return;this.listened++;const remaining=Math.max(0,this.minimumSeconds-this.listened);this.status(remaining?'Qualified listen in '+remaining+' sec':'Qualified listen reached • supporting '+(this.currentTrack()?.artist_name||'the artist'));if(this.listened>=this.minimumSeconds&&!this.eventSent)this.sendPlay()},1000)}
   stopTimer(){if(this.timer){clearInterval(this.timer);this.timer=0}}
   async sendPlay(){const t=this.currentTrack();if(!t||this.eventSent)return;this.eventSent=true;try{const response=await fetch(this.options.apiUrl,{method:'POST',headers:{'Content-Type':'text/plain;charset=utf-8'},body:JSON.stringify({action:'play',track_id:t.track_id,seconds_listened:this.listened,player_source:this.options.playerSource,session_id:sessionId,user_agent:navigator.userAgent||'',referrer:'vancerts-game',internal_test:false})});const data=await response.json();this.status(data?.qualified_play?'Qualified play recorded • supporting '+(t.artist_name||'the artist'):'Listen recorded')}catch(_){this.status('Music is playing • listen tracking will retry next track')};this.post('qualifiedplay')}
   post(type){const t=this.currentTrack();try{parent.postMessage({source:'queuetube',type,track_id:t?.track_id||null,artist:t?.artist_name||'',title:t?.track_name||''},'*')}catch(_){}}
   open(){const shell=$q('rotaryRadio');if(!shell)return;shell.classList.remove('hidden','collapsed');const button=$q('radioCollapse');if(button)button.textContent='MINIMIZE';restorePlayer(shell);if(matchMedia('(pointer:coarse)').matches)setPhone(false)}
   minimize(){const shell=$q('rotaryRadio');if(!shell)return;savePlayer(shell);shell.classList.remove('collapsed');shell.classList.add('hidden');const button=$q('radioCollapse');if(button)button.textContent='MINIMIZE'}
 }

installQueueTube();installPhone();$q('rotateHint')?.classList.add('hiddenByUser');setTimeout(()=>{installPhone();stableObjective()},0);setTimeout(stableObjective,250);window.__R36B52F={build:BUILD,openPhone:()=>setPhone(true),closePhone:()=>setPhone(false),openQueueTube:()=>window.queueTubePlayer?.open(),stableObjective};
})();
</script>

if(state.activeJob){
      const target=state.activeJob.phase==='pickup'?placeTarget('shop','GIG BAG ATX'):placeTarget(state.activeJob.id);
      return reached(target)?null:target;
    }
    if(state.pendingOffer||((typeof unpaidTotal==='function')&&unpaidTotal()>0))return null;

if(state.story?.festivalActive){const route=typeof FESTIVAL_ROUTE!=='undefined'?FESTIVAL_ROUTE:[],id=route[Number(state.story.festivalIndex)||0],q=id?placeTarget(id):null;return reached(q)?null:q}
    if(state.story?.secondFestivalActive){const route=state.story.secondFestivalRoute||[],id=route[Number(state.story.secondFestivalIndex)||0],q=id==='hq'?placeTarget('hq','BYOB AUSTIN'):placeTarget(id);return reached(q)?null:q}

/* Old route renderers receive no destination; this build owns all visible GPS guidance. */
  window.__VANCERTS_ACTIVE_DESTINATION=function(){return null};
  window.__VANCERTS_R36B52G_DESTINATION=physicalDestination;
  window.__VANCERTS_R36B52G_MISSION=currentStoryMission;
  window.__VANCERTS_R36B52G_RENDER=renderObjective;
  window.__VANCERTS_STABLE_OBJECTIVE=renderObjective;

</body></html>
<style id="r36b47f-permit-action-alignment">
/* R36B47F — keep every permit action aligned to the same full inner frame width. */
.permitGateShell{box-sizing:border-box!important}
.permitGateGrid,.permitGateActionsWide,.permitGateLock{box-sizing:border-box!important;width:100%!important;max-width:none!important}
.permitGateActionsWide{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:10px!important;
  row-gap:10px!important;
  padding:0!important;
  margin-left:0!important;
  margin-right:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}
.permitGateActionsWide button{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
.permitGateActionsWide .permitGateCamera,.permitGateActionsWide .permitGateIssue{grid-column:1/-1!important}
@media(max-width:760px),(pointer:coarse){
  .permitGateActionsWide{column-gap:8px!important;row-gap:8px!important}
}
</style>

const oldGround=drawR36B45ResidentialGround;
  drawR36B45ResidentialGround=function(h){
    if(!h || h.id!=='band') return oldGround(h);
    const l=h.lot;
    ctx.save();
    ctx.fillStyle='#668d52';ctx.fillRect(l.x,l.y,l.w,l.h);
    // mown lawn strips and a subtle drive-around loop, while keeping the lot fully drivable.
    for(let i=0;i<12;i++){
      ctx.fillStyle=i%2?'rgba(255,255,255,.022)':'rgba(0,0,0,.018)';
      ctx.fillRect(l.x+i*l.w/12,l.y,l.w/12,l.h);
    }
    ctx.strokeStyle='rgba(210,196,142,.14)';ctx.lineWidth=58;ctx.lineJoin='round';
    ctx.strokeRect(l.x+58,l.y+58,l.w-116,l.h-116);
    ctx.strokeStyle='rgba(255,255,255,.055)';ctx.lineWidth=3;
    ctx.strokeRect(l.x+58,l.y+58,l.w-116,l.h-116);
    // City road stops at the property line; the yard itself stays open grass.
    ctx.fillStyle='#41464a';ctx.fillRect(h.road.x,h.road.y,h.road.w,h.road.h);
    ctx.fillStyle='rgba(255,255,255,.045)';ctx.fillRect(h.road.x+12,h.road.y,h.road.w-24,h.road.h);
    ctx.strokeStyle='#d7b64e';ctx.lineWidth=4;ctx.setLineDash([24,19]);
    ctx.beginPath();ctx.moveTo(h.road.x+h.road.w/2,h.road.y+8);ctx.lineTo(h.road.x+h.road.w/2,l.y-4);ctx.stroke();ctx.setLineDash([]);
    // Soft tire-worn entry, not a second road layer.
    const cx=h.road.x+h.road.w/2;
    ctx.strokeStyle='rgba(91,77,52,.22)';ctx.lineWidth=12;
    ctx.beginPath();ctx.moveTo(cx-24,l.y);ctx.lineTo(cx-24,l.y+132);ctx.moveTo(cx+24,l.y);ctx.lineTo(cx+24,l.y+132);ctx.stroke();
    ctx.restore();
  };

const oldBlocked=homeBuildingBlocked;
  homeBuildingBlocked=function(x,y){
    if(oldBlocked(x,y)) return true;
    const h=R36B45_HOMES&&R36B45_HOMES.band,s=h&&h.stage;if(!s)return false;
    return x>=s.x-22&&x<=s.x+s.w+22&&y>=s.y-42&&y<=s.y+s.h+42;
  };
})();
</script>

// The complete Band House grass lot is a legal driving surface. The house and stage remain solid.
  if(!Array.isArray(R36B45_HOME_ROADS)) R36B45_HOME_ROADS=[];
  R36B45_HOME_ROADS=R36B45_HOME_ROADS.filter(r=>r!==band.lot);
  R36B45_HOME_ROADS.push(band.lot);

// Remove the hard Band House fence that visually and physically trapped the player.
  const oldBorder=drawR36B45PropertyBorder;
  drawR36B45PropertyBorder=function(h){
    if(h && h.id==='band') return;
    return oldBorder(h);
  };

function drawBandHouseB(h){
    const b=h.building,x=b.x,y=b.y,w=b.w,hh=b.h,depth=64;
    ctx.save();

// Sun: northeast (upper-right). Shadow: southwest (lower-left), long at ~45-degree elevation.
    shadowPoly([[x-14,y+92],[x+w+44,y+92],[x+w+depth+44,y+hh+depth],[x+depth-14,y+hh+depth]]);

// Vertical walls are intentionally shorter than the roof depth to create a 45–60° oblique aerial camera.
    const wallTop=y+122,wallBottom=y+hh;
    ctx.fillStyle='#d8bd91';ctx.fillRect(x,wallTop,w,wallBottom-wallTop);
    ctx.strokeStyle='#171514';ctx.lineWidth=5;ctx.strokeRect(x,wallTop,w,wallBottom-wallTop);
    poly([[x+w,wallTop],[x+w+depth,wallTop+depth],[x+w+depth,wallBottom+depth],[x+w,wallBottom]],'#b18b65','#171514',5);

// Dominant roof top plane faces the viewer. Ridge runs east-west; front eave sits low on screen.
    const ridgeY=y+18,frontEave=y+136;
    poly([[x-26,frontEave],[x+72,ridgeY],[x+w-68,ridgeY],[x+w+30,frontEave],[x+w,frontEave+24],[x,frontEave+24]],'#783d38','#171514',5);
    // East roof return, darker but still visible from above.
    poly([[x+w-68,ridgeY],[x+w+30,frontEave],[x+w+depth+18,frontEave+depth-8],[x+w+depth-18,frontEave+depth+18],[x+w,frontEave+24]],'#542c2b','#171514',5);

// Shingles remain inside the actual top roof plane.
    ctx.save();ctx.beginPath();ctx.moveTo(x-20,frontEave);ctx.lineTo(x+72,ridgeY);ctx.lineTo(x+w-68,ridgeY);ctx.lineTo(x+w+26,frontEave);ctx.lineTo(x+w,frontEave+20);ctx.lineTo(x,frontEave+20);ctx.closePath();ctx.clip();
    ctx.strokeStyle='rgba(255,255,255,.11)';ctx.lineWidth=2;
    for(let sy=ridgeY+12;sy<frontEave+28;sy+=15){ctx.beginPath();ctx.moveTo(x-40,sy);ctx.lineTo(x+w+45,sy);ctx.stroke()}
    for(let sx=x-40;sx<x+w+60;sx+=28){ctx.beginPath();ctx.moveTo(sx,ridgeY-10);ctx.lineTo(sx+50,frontEave+35);ctx.stroke()}
    ctx.restore();

// Chimney on rear/east roof, with the same southwest cast shadow.
    ctx.fillStyle='rgba(0,0,0,.24)';ctx.fillRect(x+w-91-18,y+48+18,42,48);
    ctx.fillStyle='#5e4033';ctx.fillRect(x+w-91,y+36,36,54);ctx.strokeStyle='#171514';ctx.lineWidth=4;ctx.strokeRect(x+w-91,y+36,36,54);ctx.fillStyle='#2a2522';ctx.fillRect(x+w-98,y+30,50,10);

// Windows sit only on vertical walls.
    windowPanel(x+42,wallTop+35,66,43,false);
    windowPanel(x+w-112,wallTop+35,66,43,false);
    windowPanel(x+w+18,wallTop+depth+18,36,44,true);

// Door, porch and stairs on south/front face.
    ctx.fillStyle='#38251f';ctx.fillRect(h.door.x,h.door.y,h.door.w,h.door.h);ctx.strokeStyle='#171514';ctx.lineWidth=4;ctx.strokeRect(h.door.x,h.door.y,h.door.w,h.door.h);
    ctx.fillStyle='#a17e58';ctx.fillRect(h.door.x-28,h.door.y+h.door.h,h.door.w+56,18);
    ctx.fillStyle='#765d45';ctx.fillRect(h.door.x-18,h.door.y+h.door.h+18,h.door.w+36,10);
    ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(h.door.x+h.door.w-11,h.door.y+23,4,0,Math.PI*2);ctx.fill();

const colors=['#e64a38','#f1b83e','#9766a3','#f0e9dc'];
    for(let i=0;i<11;i++)flower(x+24+i*31,wallBottom+14,colors[i%colors.length]);
    ctx.fillStyle='rgba(17,21,20,.84)';ctx.fillRect(x+34,wallBottom+37,w-68,28);ctx.fillStyle='#f4e6be';ctx.font='1000 12px system-ui';ctx.textAlign='center';ctx.fillText('BAND HOUSE',x+w/2,wallBottom+56);
    ctx.restore();
  }

function drawBandStageB(s){
    const{x,y,w,h}=s,depth=30;
    ctx.save();
    shadowPoly([[x,y+28],[x+w,y+28],[x+w+depth,y+h+depth],[x+depth,y+h+depth]]);

// True top deck in the same oblique aerial perspective as the house.
    poly([[x,y+24],[x+w,y+24],[x+w+depth,y+24+depth],[x+depth,y+24+depth]],'#343332','#111',5);
    // South/front fascia and east side face.
    poly([[x+depth,y+24+depth],[x+w+depth,y+24+depth],[x+w+depth,y+h+depth],[x+depth,y+h+depth]],'#6f523b','#171514',4);
    poly([[x+w,y+24],[x+w+depth,y+24+depth],[x+w+depth,y+h+depth],[x+w,y+h]],'#4b3b31','#171514',4);

// Back canopy at north edge.
    poly([[x+14,y+24],[x+w-14,y+24],[x+w+5,y+60],[x+24,y+60]],'#171719','#3f4346',4);
    ctx.strokeStyle='#929b9e';ctx.lineWidth=5;ctx.beginPath();ctx.moveTo(x+18,y-20);ctx.lineTo(x+w-18,y-20);ctx.moveTo(x+18,y-20);ctx.lineTo(x+18,y+42);ctx.moveTo(x+w-18,y-20);ctx.lineTo(x+w-18,y+42);ctx.stroke();

// Drum riser, kit, speakers, mics and monitors, all placed on the visible deck.
    ctx.fillStyle='#5b5b5b';ctx.fillRect(x+w/2-45,y+63,90,38);ctx.strokeStyle='#111';ctx.lineWidth=3;ctx.strokeRect(x+w/2-45,y+63,90,38);
    ctx.fillStyle='#c2c2c2';ctx.beginPath();ctx.arc(x+w/2,y+79,16,0,Math.PI*2);ctx.fill();ctx.stroke();
    ctx.fillStyle='#333';for(const dx of [-27,27]){ctx.beginPath();ctx.arc(x+w/2+dx,y+70,8,0,Math.PI*2);ctx.fill()}
    for(const sx of [x+18,x+w-47]){ctx.fillStyle='#111';ctx.fillRect(sx,y+71,30,58);ctx.strokeStyle='#5a5a5a';ctx.lineWidth=3;ctx.strokeRect(sx,y+71,30,58);ctx.fillStyle='#4e4e4e';ctx.beginPath();ctx.arc(sx+15,y+90,8,0,Math.PI*2);ctx.arc(sx+15,y+114,10,0,Math.PI*2);ctx.fill()}
    ctx.strokeStyle='#c4c7c8';ctx.lineWidth=3;for(const mx of [x+82,x+w-82]){ctx.beginPath();ctx.moveTo(mx,y+78);ctx.lineTo(mx,y+130);ctx.moveTo(mx,y+87);ctx.lineTo(mx+14,y+80);ctx.stroke();poly([[mx-16,y+137],[mx+16,y+137],[mx+11,y+150],[mx-11,y+150]],'#373737','#111',2)}

// Light truss sits on the SOUTH audience edge, not behind the stage.
    const ty=y+h+depth-4;
    ctx.strokeStyle='#aab2b4';ctx.lineWidth=6;ctx.beginPath();ctx.moveTo(x+depth+8,ty);ctx.lineTo(x+w+depth-8,ty);ctx.moveTo(x+depth+10,ty-34);ctx.lineTo(x+depth+10,ty+20);ctx.moveTo(x+w+depth-10,ty-34);ctx.lineTo(x+w+depth-10,ty+20);ctx.stroke();
    const lc=['#e64a38','#f1b83e','#3f84a5','#9766a3','#e64a38'];
    for(let i=0;i<5;i++){const lx=x+depth+36+i*(w-72)/4;ctx.fillStyle=lc[i];ctx.beginPath();ctx.arc(lx,ty,7,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#222';ctx.lineWidth=2;ctx.stroke()}
    ctx.fillStyle='#f4e6be';ctx.font='1000 10px system-ui';ctx.textAlign='center';ctx.fillText('BACKYARD PRACTICE STAGE',x+w/2,y+49);
    ctx.restore();
  }

drawR36B45BandHome=function(h){
    drawBandStageB(h.stage||band.stage);
    drawBandHouseB(h);
    drawYardB(h);
    drawHomeParkedVehicle(h,'band');
  };

const oldBlocked=homeBuildingBlocked;
  homeBuildingBlocked=function(x,y){
    if(oldBlocked(x,y)) return true;
    const h=R36B45_HOMES&&R36B45_HOMES.band,s=h&&h.stage;
    if(!s)return false;
    return x>=s.x-20&&x<=s.x+s.w+55&&y>=s.y-36&&y<=s.y+s.h+58;
  };
})();
</script>

function drawBandHouseIso48(h){
    const x=h.building.x,y=h.building.y,w=h.building.w;
    // Isometric basis: south/front face slopes down-right; east face recedes up-right.
    const frontL=[x,y+112], frontR=[x+w,y+160], backR=[x+w+88,y+105], backL=[x+88,y+56];
    const wallH=142;
    const frontLb=[frontL[0],frontL[1]+wallH],frontRb=[frontR[0],frontR[1]+wallH];
    const backRb=[backR[0],backR[1]+wallH];
    const ridgeL=[x+74,y-10],ridgeR=[x+w+18,y+38];
    ctx.save();

// Northeast light produces one coherent southwest shadow for the complete building mass.
    shadow48([[frontL[0]-42,frontL[1]+42],[frontR[0]-42,frontR[1]+42],[backR[0]-42,backR[1]+wallH+42],[frontLb[0]-42,frontLb[1]+42]],.30);

// Walls first, then roof. The front and east faces share the same isometric projection.
    poly48([frontL,frontR,frontRb,frontLb],'#d8bd91','#171514',5);
    poly48([frontR,backR,backRb,frontRb],'#b28762','#171514',5);

// Large dominant roof planes, matching the supplied isometric house references.
    poly48([frontL,ridgeL,ridgeR,frontR],'#873f3d','#171514',5);
    poly48([ridgeL,backL,backR,ridgeR],'#55302f','#171514',5);
    // Eave/fascia emphasizes that the roof covers the whole structure.
    line48([frontL,frontR],'#241817',8);
    line48([ridgeL,ridgeR],'#241817',5);
    line48([frontR,backR],'#241817',7);

// Roof shingles follow each plane direction rather than screen-horizontal lines.
    ctx.save();
    ctx.beginPath();ctx.moveTo(frontL[0],frontL[1]);ctx.lineTo(ridgeL[0],ridgeL[1]);ctx.lineTo(ridgeR[0],ridgeR[1]);ctx.lineTo(frontR[0],frontR[1]);ctx.closePath();ctx.clip();
    for(let i=1;i<6;i++) line48([[frontL[0]+i*52,frontL[1]+i*8],[ridgeL[0]+i*52,ridgeL[1]+i*8]],'rgba(255,255,255,.10)',2);
    for(let i=1;i<6;i++) line48([[frontL[0]+i*12,frontL[1]-i*18],[frontR[0]+i*12,frontR[1]-i*18]],'rgba(255,255,255,.10)',2);
    ctx.restore();
    ctx.save();
    ctx.beginPath();ctx.moveTo(ridgeL[0],ridgeL[1]);ctx.lineTo(backL[0],backL[1]);ctx.lineTo(backR[0],backR[1]);ctx.lineTo(ridgeR[0],ridgeR[1]);ctx.closePath();ctx.clip();
    for(let i=1;i<5;i++) line48([[backL[0]+i*60,backL[1]+i*8],[ridgeL[0]+i*60,ridgeL[1]+i*8]],'rgba(255,255,255,.075)',2);
    ctx.restore();

// Chimney and its southwest shadow sit on the rear roof plane.
    shadow48([[x+w-24,y+36],[x+w+10,y+41],[x+w-8,y+90],[x+w-42,y+85]],.22);
    poly48([[x+w-2,y+15],[x+w+31,y+20],[x+w+31,y+69],[x+w-2,y+64]],'#614235','#171514',4);
    poly48([[x+w-8,y+10],[x+w+35,y+16],[x+w+29,y+25],[x+w-14,y+19]],'#2d2522','#171514',3);

// Windows only appear on the vertical wall faces.
    isoWindow48(x+54,y+164,66,42,10,'front');
    isoWindow48(x+213,y+187,66,42,10,'front');
    isoWindow48(x+w+24,y+171,42,44,10,'east');

// Front door and porch are projected with the front face.
    const dx=x+142,dy=y+235;
    poly48([[dx,dy],[dx+60,dy+9],[dx+60,dy+67],[dx,dy+58]],'#38251f','#171514',4);
    ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(dx+49,dy+39,4,0,Math.PI*2);ctx.fill();
    poly48([[dx-23,dy+62],[dx+84,dy+78],[dx+64,dy+94],[dx-43,dy+78]],'#9e7a55','#171514',3);
    poly48([[dx-16,dy+84],[dx+67,dy+96],[dx+52,dy+107],[dx-31,dy+95]],'#725b43','#171514',3);

// Foundation garden follows the front wall angle.
    const cols=['#e64a38','#f1b83e','#9766a3','#f0e9dc'];
    for(let i=0;i<12;i++) flower48(x+22+i*26,y+270+i*4,cols[i%cols.length]);
    poly48([[x+58,y+302],[x+w-44,y+342],[x+w-64,y+368],[x+38,y+328]],'rgba(17,21,20,.84)',null,0);
    ctx.save();ctx.translate(x+w/2,y+334);ctx.rotate(Math.atan2(48,w));ctx.fillStyle='#f4e6be';ctx.font='1000 12px system-ui';ctx.textAlign='center';ctx.fillText('BAND HOUSE',0,0);ctx.restore();
    ctx.restore();
  }

function drawBandStageIso48(s){
    const x=s.x,y=s.y,w=s.w;
    const A=[x,y+66],B=[x+w,y+102],C=[x+w+50,y+72],D=[x+50,y+36],deckH=112;
    ctx.save();
    shadow48([[A[0]-34,A[1]+34],[B[0]-34,B[1]+34],[B[0]+22,B[1]+deckH+48],[A[0]+16,A[1]+deckH+48]],.31);
    // Deck top, front fascia and east side use the same isometric basis as the house.
    poly48([A,B,C,D],'#343332','#111',5);
    poly48([A,B,[B[0],B[1]+deckH],[A[0],A[1]+deckH]],'#6e523b','#171514',4);
    poly48([B,C,[C[0],C[1]+deckH],[B[0],B[1]+deckH]],'#4b3b31','#171514',4);

// Canopy roof at north/back edge, visibly raised above the deck.
    const ca=[x+22,y+34],cb=[x+w-14,y+68],cc=[x+w+26,y+44],cd=[x+62,y+10];
    poly48([ca,cb,cc,cd],'#202124','#111',4);
    line48([[ca[0],ca[1]],[ca[0],A[1]+58]],'#8f999c',5);
    line48([[cb[0],cb[1]],[cb[0],B[1]+58]],'#8f999c',5);

// Drum riser is an isometric platform centered on the deck.
    const rx=x+92,ry=y+92;
    poly48([[rx,ry],[rx+82,ry+12],[rx+101,ry],[rx+19,ry-12]],'#5b5b5b','#111',3);
    ctx.fillStyle='#c3c3c3';ctx.beginPath();ctx.arc(rx+50,ry+6,16,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#111';ctx.stroke();
    ctx.fillStyle='#363636';ctx.beginPath();ctx.arc(rx+27,ry-2,8,0,Math.PI*2);ctx.arc(rx+75,ry+5,8,0,Math.PI*2);ctx.fill();

// Speaker stacks stand on the visible front half of the deck.
    for(const q of [[x+22,y+105],[x+w-35,y+137]]){
      poly48([[q[0],q[1]],[q[0]+28,q[1]+4],[q[0]+28,q[1]+57],[q[0],q[1]+53]],'#111','#555',3);
      ctx.fillStyle='#4d4d4d';ctx.beginPath();ctx.arc(q[0]+14,q[1]+19,7,0,Math.PI*2);ctx.arc(q[0]+14,q[1]+41,10,0,Math.PI*2);ctx.fill();
    }

// Two microphones and monitor wedges.
    for(const q of [[x+76,y+122],[x+w-80,y+147]]){
      line48([[q[0],q[1]],[q[0],q[1]+44]],'#c4c7c8',3);
      line48([[q[0],q[1]+7],[q[0]+13,q[1]+1]],'#c4c7c8',3);
      poly48([[q[0]-14,q[1]+49],[q[0]+14,q[1]+53],[q[0]+9,q[1]+66],[q[0]-18,q[1]+62]],'#373737','#111',2);
    }

// SOUTH-END lighting truss follows the lower/audience edge of the stage.
    const trA=[A[0]+12,A[1]+deckH+6],trB=[B[0]-12,B[1]+deckH+6];
    line48([trA,trB],'#aab2b4',6);
    line48([[trA[0]+3,trA[1]-38],[trA[0]+3,trA[1]+19]],'#aab2b4',6);
    line48([[trB[0]-3,trB[1]-38],[trB[0]-3,trB[1]+19]],'#aab2b4',6);
    const lc=['#e64a38','#f1b83e','#3f84a5','#9766a3','#e64a38'];
    for(let i=0;i<5;i++){
      const t=i/4,lx=trA[0]+(trB[0]-trA[0])*t,ly=trA[1]+(trB[1]-trA[1])*t;
      ctx.fillStyle=lc[i];ctx.beginPath();ctx.arc(lx,ly,7,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#222';ctx.lineWidth=2;ctx.stroke();
    }
    ctx.save();ctx.translate(x+w/2,y+82);ctx.rotate(Math.atan2(36,w));ctx.fillStyle='#f4e6be';ctx.font='1000 10px system-ui';ctx.textAlign='center';ctx.fillText('BACKYARD PRACTICE STAGE',0,0);ctx.restore();
    ctx.restore();
  }

drawR36B45BandHome=function(h){
    drawBandStageIso48(h.stage||band.stage);
    drawBandHouseIso48(h);
    drawBandYardIso48(h);
    drawHomeParkedVehicle(h,'band');
  };
})();
</script>

function drawParcelBorder48d(h){
    const l=h.lot,gapX=h.roadCenterX||1320,gap=150;
    ctx.save();ctx.strokeStyle='#855d3d';ctx.lineWidth=9;ctx.lineCap='square';
    // Top fence has a large open road entrance. Fence is visual only and never collision geometry.
    l48d([[l.x+14,l.y+14],[gapX-gap/2,l.y+14]],'#855d3d',9);
    l48d([[gapX+gap/2,l.y+14],[l.x+l.w-14,l.y+14]],'#855d3d',9);
    l48d([[l.x+14,l.y+14],[l.x+14,l.y+l.h-14],[l.x+l.w-14,l.y+l.h-14],[l.x+l.w-14,l.y+14]],'#855d3d',9);
    ctx.fillStyle='#b17a4f';
    const posts=[];
    for(let x=l.x+18;x<l.x+l.w-10;x+=55){if(x<gapX-gap/2-10||x>gapX+gap/2+10)posts.push([x,l.y+14],[x,l.y+l.h-14]);}
    for(let y=l.y+18;y<l.y+l.h-10;y+=55)posts.push([l.x+14,y],[l.x+l.w-14,y]);
    for(const [x,y] of posts)ctx.fillRect(x-4,y-8,8,16);
    ctx.restore();
  }

function drawHouse48d(h){
    const x=h.building.x,y=h.building.y,w=h.building.w;
    // Axis-aligned footprint: front and side edges run parallel to parcel edges.
    sh48d(x,y+58,w+42,180,-30,34,.28);
    // Front wall and right wall.
    ctx.fillStyle='#dfc79d';ctx.fillRect(x,y+92,w,132);ctx.strokeStyle='#171514';ctx.lineWidth=5;ctx.strokeRect(x,y+92,w,132);
    p48d([[x+w,y+92],[x+w+42,y+68],[x+w+42,y+198],[x+w,y+224]],'#b68b68','#171514',5);
    // Dominant roof top, viewed from above, with ridge horizontal and footprint unrotated.
    p48d([[x-18,y+96],[x+52,y+24],[x+w-30,y+24],[x+w+42,y+68],[x+w,y+102],[x,y+102]],'#883f3e','#171514',5);
    p48d([[x+52,y+24],[x+105,y-18],[x+w+20,y+18],[x+w-30,y+24]],'#5a302f','#171514',4);
    l48d([[x-18,y+96],[x+w,y+102]],'#251817',8);
    l48d([[x+52,y+24],[x+w-30,y+24]],'#251817',5);
    // Roof texture runs parallel with the parcel, not diagonally across it.
    for(let yy=y+40;yy<y+91;yy+=14)l48d([[x+20,yy],[x+w-2,yy]],'rgba(255,255,255,.10)',2);
    for(let xx=x+38;xx<x+w-8;xx+=44)l48d([[xx,y+30],[xx-24,y+95]],'rgba(255,255,255,.08)',2);
    // Chimney.
    sh48d(x+w-50,y+3,38,58,-12,18,.18);ctx.fillStyle='#684538';ctx.fillRect(x+w-50,y-3,34,60);ctx.strokeStyle='#171514';ctx.lineWidth=4;ctx.strokeRect(x+w-50,y-3,34,60);
    // Vertical-wall windows only.
    win48d(x+42,y+132,68,45);win48d(x+205,y+132,68,45);
    p48d([[x+w+10,y+119],[x+w+35,y+104],[x+w+35,y+151],[x+w+10,y+166]],'#92d4e2','#34474d',3);
    // Door, porch, steps.
    ctx.fillStyle='#38251f';ctx.fillRect(x+132,y+164,58,60);ctx.strokeStyle='#171514';ctx.lineWidth=4;ctx.strokeRect(x+132,y+164,58,60);
    ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(x+178,y+195,4,0,Math.PI*2);ctx.fill();
    ctx.fillStyle='#947455';ctx.fillRect(x+110,y+224,102,18);ctx.fillStyle='#725b43';ctx.fillRect(x+120,y+242,82,13);
    // Foundation flowers.
    const cols=['#e64a38','#f1b83e','#9766a3','#f0e9dc'];for(let i=0;i<13;i++)flower48d(x+15+i*23,y+238,cols[i%4]);
    ctx.fillStyle='rgba(17,21,20,.84)';ctx.fillRect(x+50,y+255,w-100,31);ctx.fillStyle='#f4e6be';ctx.font='1000 12px system-ui';ctx.textAlign='center';ctx.fillText('BAND HOUSE',x+w/2,y+276);
  }

drawR36B45BandHome=function(h){
    drawStage48d(h.stage||band.stage);
    drawHouse48d(h);
    drawYard48d(h);
    drawHomeParkedVehicle(h,'band');
  };
})();
</script>
<script>
/* R36B48E — True top-down Band House property rebuild. */
(function(){
  if(!window.R36B45_HOMES || !R36B45_HOMES.band) return;
  const band=R36B45_HOMES.band;
  band.heroVersion='R36B48H';

// Spacious, parcel-aligned layout with a continuous drivable perimeter.
  band.building={x:1510,y:3025,w:300,h:220};
  band.door={x:1632,y:3188,w:58,h:48};
  band.stage={x:1080,y:3040,w:245,h:165};
  band.spawn={x:1435,y:2895,angle:-Math.PI/2};
  band.roadCenterX=1510;

function drawHouse(h){
    const x=h.building.x,y=h.building.y,w=h.building.w,hgt=h.building.h;
    // R36B48G: south-facing top-down oblique object. The roof is the dominant visible plane.
    // NE light (upper-right) casts the complete building shadow toward the SW (lower-left).
    softShadow(x+6,y+18,w+24,hgt-18,-30,30,.28,5);

// Building base is seated directly on the grass. Only short south/east wall faces are visible.
    const wallTop=y+142;
    const southBottom=y+214;
    rect(x+12,wallTop,w-30,southBottom-wallTop,'#dfc79d','#171514',5);
    poly([[x+w-18,wallTop-8],[x+w+16,wallTop-25],[x+w+16,southBottom-19],[x+w-18,southBottom]],'#b68b68','#171514',5);

// Large top roof plane occupies the position of Republic Square's sign/top feature.
    // It faces south, not the viewer: ridge toward north, eave toward south.
    const left=x-8,right=x+w+14,north=y+24,south=wallTop+4,ridgeY=y+58;
    poly([[left+46,north],[right-42,north],[right+4,ridgeY],[left,ridgeY]],'#4e2d2c','#171514',5);
    poly([[left,ridgeY],[right+4,ridgeY],[right-10,south],[left+16,south]],'#873f3d','#171514',5);
    line([[left,ridgeY],[right+4,ridgeY]],'#241817',5);
    line([[left+16,south],[right-10,south]],'#241817',8);

// Roof texture follows the ground/parcel axes and reinforces the top-down plane.
    for(let yy=ridgeY+16;yy<south-7;yy+=17)line([[left+18,yy],[right-12,yy]],'rgba(255,255,255,.10)',2);
    for(let xx=left+50;xx<right-22;xx+=43)line([[xx,north+5],[xx+8,ridgeY-3]],'rgba(255,255,255,.075)',2);

// Chimney is anchored to the roof plane, with its shadow also cast SW.
    softShadow(x+w-72,y+32,34,50,-12,14,.18,2);
    rect(x+w-72,y+24,34,50,'#684538','#171514',4);
    rect(x+w-77,y+20,44,10,'#2d2522','#171514',3);

// Windows exist only on the short vertical wall faces.
    windowSouth(x+38,wallTop+13,64,38);
    windowSouth(x+192,wallTop+13,64,38);
    windowEast(x+w-8,wallTop+5,27,44);

// South-facing entry and porch sit below the roof eave.
    rect(x+121,wallTop+10,58,62,'#38251f','#171514',4);
    ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(x+168,wallTop+41,4,0,Math.PI*2);ctx.fill();
    rect(x+102,southBottom,96,15,'#947455','#171514',3);
    rect(x+112,southBottom+15,76,11,'#725b43','#171514',3);

ctx.fillStyle='rgba(17,21,20,.84)';ctx.fillRect(x+55,southBottom+34,w-110,29);
    ctx.fillStyle='#f4e6be';ctx.font='1000 12px system-ui';ctx.textAlign='center';ctx.fillText('BAND HOUSE',x+w/2,southBottom+54);
  }

function drawStage(s){
    const x=s.x,y=s.y,w=s.w,h=s.h;
    // R36B48G: stage is built on the same south-facing top-down projection as the house.
    // The stage base sits on grass; roof/canopy dominates; only a short south fascia is visible.
    softShadow(x+3,y+18,w+18,h+18,-28,28,.27,5);

const canopyNorth=y+10,canopySouth=y+98;
    const deckTop=y+100,deckBottom=y+151;

// Short stage wall/deck face beneath the canopy.
    rect(x+8,deckTop,w-16,deckBottom-deckTop,'#6d523b','#171514',5);
    poly([[x+w-8,deckTop-7],[x+w+12,deckTop-18],[x+w+12,deckBottom-12],[x+w-8,deckBottom]],'#4d3a2c','#171514',4);

// Dominant canopy top plane, facing south and parallel to parcel edges.
    poly([[x+32,canopyNorth],[x+w-32,canopyNorth],[x+w+10,y+42],[x-10,y+42]],'#202124','#111',5);
    poly([[x-10,y+42],[x+w+10,y+42],[x+w-3,canopySouth],[x+3,canopySouth]],'#303234','#111',5);
    line([[x-10,y+42],[x+w+10,y+42]],'#0f0f0f',5);
    line([[x+3,canopySouth],[x+w-3,canopySouth]],'#111',7);

// Open performance deck below the roof eave.
    rect(x+14,y+66,w-28,42,'#171717','#343434',3);
    line([[x+10,y+40],[x+10,deckBottom]],'#9aa2a4',5);
    line([[x+w-10,y+40],[x+w-10,deckBottom]],'#9aa2a4',5);

// Drum riser and kit centered beneath the canopy.
    rect(x+82,y+69,82,31,'#555','#111',3);
    ctx.fillStyle='#c9c9c9';ctx.beginPath();ctx.arc(x+123,y+84,14,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#111';ctx.stroke();
    ctx.fillStyle='#363636';ctx.beginPath();ctx.arc(x+103,y+75,7,0,Math.PI*2);ctx.arc(x+145,y+75,7,0,Math.PI*2);ctx.fill();

// Speakers, mic stands and monitor wedges all share the same ground alignment.
    for(const q of [x+17,x+w-45]){rect(q,y+61,28,48,'#111','#555',3);ctx.fillStyle='#4d4d4d';ctx.beginPath();ctx.arc(q+14,y+74,7,0,Math.PI*2);ctx.arc(q+14,y+95,9,0,Math.PI*2);ctx.fill();}
    for(const q of [x+68,x+w-68]){line([[q,y+78],[q,deckBottom-8]],'#c4c7c8',3);line([[q,y+84],[q+14,y+77]],'#c4c7c8',3);poly([[q-14,deckBottom-14],[q+14,deckBottom-14],[q+9,deckBottom-2],[q-18,deckBottom-2]],'#373737','#111',2);}

// South-end light truss faces the yard/audience.
    const ty=y+h+7;line([[x+5,ty],[x+w-5,ty]],'#aab2b4',6);line([[x+8,ty-38],[x+8,ty+17]],'#aab2b4',6);line([[x+w-8,ty-38],[x+w-8,ty+17]],'#aab2b4',6);
    const lc=['#e64a38','#f1b83e','#3f84a5','#9766a3','#e64a38'];
    for(let i=0;i<5;i++){const lx=x+14+i*(w-28)/4;ctx.fillStyle=lc[i];ctx.beginPath();ctx.arc(lx,ty,7,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#222';ctx.lineWidth=2;ctx.stroke();}
    ctx.fillStyle='#f4e6be';ctx.font='1000 10px system-ui';ctx.textAlign='center';ctx.fillText('BACKYARD PRACTICE STAGE',x+w/2,y+35);
  }

function drawHotTub(){
    // Detached patio area, not attached to house.
    softShadow(1810,2940,145,118,-22,24,.18,10);
    rect(1798,2928,166,132,'#a88d70','#5b4939',4);
    ctx.beginPath();ctx.roundRect(1814,2945,134,94,20);ctx.fillStyle='#66635d';ctx.fill();ctx.strokeStyle='#2d2b29';ctx.lineWidth=4;ctx.stroke();
    ctx.beginPath();ctx.roundRect(1828,2959,106,65,15);ctx.fillStyle='#3f91a9';ctx.fill();ctx.strokeStyle='#d8d0be';ctx.stroke();
    ctx.fillStyle='rgba(255,255,255,.28)';for(let i=0;i<4;i++){ctx.beginPath();ctx.arc(1846+i*23,2989+(i%2)*7,5,0,Math.PI*2);ctx.fill();}
    ctx.fillStyle='#4b3c30';ctx.fillRect(1805,3044,152,10);
  }

function drawBeerPong(){
    // Its own activity pad with recognizable cup triangles.
    rect(1080,3260,188,94,'rgba(185,164,122,.42)',null,0);
    softShadow(1102,3270,142,62,-15,18,.15,2);
    rect(1102,3270,142,62,'#286c56','#eef3ef',4);
    line([[1173,3272],[1173,3330]],'#eef3ef',3);
    ctx.fillStyle='#8a5d3c';ctx.fillRect(1114,3332,8,20);ctx.fillRect(1224,3332,8,20);
    const left=[[1119,3287],[1131,3287],[1143,3287],[1125,3299],[1137,3299],[1131,3311]];
    const right=left.map(([cx,cy])=>[2346-cx,cy]);
    ctx.fillStyle='#e64a38';for(const [cx,cy] of left.concat(right)){ctx.beginPath();ctx.arc(cx,cy,4.5,0,Math.PI*2);ctx.fill();}
  }

function drawFirePit(){
    softShadow(1275,3355,112,78,-18,17,.15,5);
    ctx.fillStyle='#4c4237';ctx.beginPath();ctx.arc(1328,3372,34,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#9c8265';ctx.lineWidth=6;ctx.stroke();
    ctx.fillStyle='#e64a38';ctx.beginPath();ctx.arc(1328,3372,14,0,Math.PI*2);ctx.fill();ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(1328,3367,7,0,Math.PI*2);ctx.fill();
    for(const [cx,cy,a] of [[1277,3348,-.3],[1380,3350,.3],[1278,3405,.3],[1379,3407,-.3]]){ctx.save();ctx.translate(cx,cy);ctx.rotate(a);ctx.fillStyle='#83684c';ctx.fillRect(-16,-9,32,18);ctx.restore();}
  }

function drawArchery(){
    // A readable lane: shooting line, bow rack, arrows, target and safety marker.
    const sx=1735,sy=3400,tx=1940,ty=3400;
    line([[sx,sy],[tx-42,ty]],'rgba(239,229,190,.42)',4,[12,9]);
    line([[sx,sy-34],[sx,sy+34]],'#f4e6be',5);
    ctx.fillStyle='#6f4b2f';ctx.fillRect(sx-42,sy-24,12,50);ctx.fillRect(sx-55,sy-27,38,6);
    // Bow silhouette and arrow bundle.
    ctx.strokeStyle='#3a251b';ctx.lineWidth=4;ctx.beginPath();ctx.arc(sx-28,sy,18,-Math.PI/2,Math.PI/2);ctx.stroke();line([[sx-28,sy-18],[sx-28,sy+18]],'#d9c7a2',2);
    for(let i=0;i<3;i++)line([[sx-3+i*5,sy-20],[sx-3+i*5,sy+20]],'#d9c7a2',2);
    ctx.fillStyle='#e7ddc7';ctx.beginPath();ctx.arc(tx,ty,34,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#433c33';ctx.lineWidth=4;ctx.stroke();
    for(const [r,c] of [[25,'#2b2b2b'],[18,'#e7ddc7'],[12,'#e64a38'],[6,'#f1b83e']]){ctx.fillStyle=c;ctx.beginPath();ctx.arc(tx,ty,r,0,Math.PI*2);ctx.fill();}
    ctx.fillStyle='#5a4936';ctx.fillRect(tx-6,ty+32,12,26);
    ctx.fillStyle='#f4e6be';ctx.font='900 10px system-ui';ctx.textAlign='center';
  }

function drawYard(h){
    const l=h.lot;ctx.save();
    drawFence(h);
    // Wide, open, drivable loop around entire property. Visual only, no collision.
    ctx.strokeStyle='rgba(238,233,205,.075)';ctx.lineWidth=38;ctx.strokeRect(l.x+68,l.y+68,l.w-136,l.h-136);
    drawHotTub();drawBeerPong();drawFirePit();drawGarden();drawArchery();
    ctx.restore();
  }

// Prevent the legacy property-border drawer from duplicating the new Band fence.
  if(typeof drawR36B45PropertyBorder==='function'){
    const oldBorder48e=drawR36B45PropertyBorder;
    drawR36B45PropertyBorder=function(h){if(h&&h.id==='band')return;return oldBorder48e(h);};
  }

drawR36B45BandHome=function(h){
    drawStage(h.stage||band.stage);
    drawHouse(h);
    drawYard(h);
    drawHomeParkedVehicle(h,'band');
  };

// Replace accumulated legacy collision wrappers with one clean definition.
  homeBuildingBlocked=function(x,y){
    if(!R36B45_HOMES||typeof R36B45_HOMES!=='object')return false;
    for(const h of Object.values(R36B45_HOMES)){
      if(!h||!h.building)continue;
      if(h.id==='band'){
        const b=h.building,s=h.stage||band.stage;
        if(x>=b.x-24&&x<=b.x+b.w+30&&y>=b.y-20&&y<=b.y+b.h+40)return true;
        if(s&&x>=s.x-22&&x<=s.x+s.w+22&&y>=s.y-18&&y<=s.y+s.h+32)return true;
      }else if(x>=h.building.x-42&&x<=h.building.x+h.building.w+28&&y>=h.building.y-80&&y<=h.building.y+h.building.h+42)return true;
    }
    return false;
  };
})();
</script>

function drawHouseG(h){
    const x=h.building.x,y=h.building.y,w=h.building.w;
    const wallTop=y+83,frontBottom=y+190,side=46;
    shadowPoly([[x-6,wallTop],[x+w+side,wallTop-28],[x+w+side,frontBottom-20],[x+w,frontBottom],[x,frontBottom]],.28);
    // South facade follows the same hard-edged pseudo-3D language as the city businesses.
    rect(x,wallTop,w,frontBottom-wallTop,'#dfc79d','#171514',5);
    poly([[x+w,wallTop],[x+w+side,wallTop-28],[x+w+side,frontBottom-25],[x+w,frontBottom]],'#b68b68','#171514',5);
    // Keep the approved dominant roof, with a sharper eave and east return.
    poly([[x-12,wallTop],[x+54,y+4],[x+w-42,y+4],[x+w+18,wallTop-18],[x+w,wallTop+3],[x,wallTop+3]],'#873f3d','#171514',5);
    poly([[x+w-42,y+4],[x+w+14,y-10],[x+w+side+12,wallTop-37],[x+w+18,wallTop-18]],'#4f2d2c','#171514',5);
    line([[x,wallTop+3],[x+w,wallTop+3]],'#231817',8);
    for(let xx=x+34;xx<x+w-30;xx+=42)line([[xx,y+18],[xx+24,wallTop-8]],'rgba(255,255,255,.08)',2);
    for(let yy=y+30;yy<wallTop-6;yy+=17)line([[x+34,yy],[x+w-18,yy]],'rgba(255,255,255,.09)',2);
    rect(x+w-65,y+7,34,48,'#684538','#171514',4);rect(x+w-70,y+3,44,10,'#2d2522','#171514',3);
    southWindow(x+34,wallTop+18,62,40);southWindow(x+w-103,wallTop+18,62,40);eastWindow(x+w+10,wallTop+11,27,46);
    rect(h.door.x,h.door.y,h.door.w,h.door.h,'#38251f','#171514',4);ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(h.door.x+h.door.w-10,h.door.y+h.door.h/2,4,0,Math.PI*2);ctx.fill();
    rect(x+110,frontBottom,100,15,'#947455','#171514',3);rect(x+120,frontBottom+15,80,10,'#725b43','#171514',3);
    drawGuitarMailbox(x+235,frontBottom+34);
  }

function drawGuitarMailbox(x,y){
    ctx.save();ctx.fillStyle='#65452f';ctx.fillRect(x-3,y+13,6,42);ctx.fillStyle='#27211d';ctx.fillRect(x-18,y+48,36,7);
    // Guitar body doubles as the mailbox body; neck supports the flag.
    ctx.fillStyle='#a84b35';ctx.beginPath();ctx.arc(x,y,14,0,Math.PI*2);ctx.fill();ctx.beginPath();ctx.arc(x,y+16,18,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#2b1d17';ctx.lineWidth=3;ctx.stroke();
    ctx.fillStyle='#d8b46c';ctx.fillRect(x-4,y-30,8,31);ctx.fillStyle='#2b1d17';ctx.fillRect(x-7,y-34,14,7);
    ctx.fillStyle='#f4e6be';ctx.font='900 7px system-ui';ctx.textAlign='center';ctx.fillText('MAIL',x,y+18);
    ctx.strokeStyle='#e64a38';ctx.lineWidth=3;ctx.beginPath();ctx.moveTo(x+12,y-3);ctx.lineTo(x+24,y-17);ctx.stroke();ctx.fillStyle='#e64a38';ctx.fillRect(x+22,y-23,12,8);ctx.restore();
  }

function drawYardG(h){drawBandFence(h);ctx.save();const l=h.lot;ctx.strokeStyle='rgba(238,233,205,.07)';ctx.lineWidth=44;ctx.strokeRect(l.x+72,l.y+72,l.w-144,l.h-144);drawGardenFlowersG();drawHotTubG();drawFirePitG();drawBeerPongG();drawArcheryG();drawInstruments();ctx.restore()}

const oldGround=drawR36B45ResidentialGround;
  drawR36B45ResidentialGround=function(h){
    if(!h||h.id!=='band')return oldGround(h);
    const l=h.lot;ctx.save();ctx.fillStyle=h.yard;ctx.fillRect(l.x,l.y,l.w,l.h);ctx.fillStyle='rgba(255,255,255,.028)';for(let i=0;i<9;i++)ctx.fillRect(l.x+28+i*101,l.y+30,45,l.h-60);
    // No second asphalt slab. Only the center line continues from the existing street to the entrance.
    ctx.strokeStyle='#d7b64e';ctx.lineWidth=4;ctx.setLineDash([25,20]);ctx.beginPath();ctx.moveTo(h.roadCenterX,h.road.y+10);ctx.lineTo(h.roadCenterX,l.y-8);ctx.stroke();ctx.setLineDash([]);ctx.restore();
  };

drawR36B45BandHome=function(h){drawStageG(h.stage||band.stage);drawHouseG(h);drawYardG(h);drawHomeParkedVehicle(h,'band')};

homeBuildingBlocked=function(x,y){
    if(!R36B45_HOMES||typeof R36B45_HOMES!=='object')return false;
    for(const h of Object.values(R36B45_HOMES)){
      if(!h||!h.building)continue;
      if(h.id==='band'){
        const b=h.building,s=h.stage||band.stage;
        if(x>=b.x-18&&x<=b.x+b.w+62&&y>=b.y-10&&y<=b.y+250)return true;
        if(s&&x>=s.x-18&&x<=s.x+s.w+50&&y>=s.y-8&&y<=s.y+s.h+26)return true;
      }else if(x>=h.building.x-42&&x<=h.building.x+h.building.w+28&&y>=h.building.y-80&&y<=h.building.y+h.building.h+42)return true;
    }
    return false;
  };
})();
</script>
<script>
/* R36B48H — South-facing top-down Band House, Red River entrance and semantic yard correction. */
(function(){
  if(!window.R36B45_HOMES||!R36B45_HOMES.band)return;
  const band=R36B45_HOMES.band;
  band.heroVersion='R36B48H';
  // Red River occupies x 1270–1440; use its true center for the home approach.
  band.roadCenterX=1355;
  band.road={x:1205,y:2600,w:300,h:190};
  band.pullin={x:1205,y:2600,w:300,h:190};
  band.spawn={x:1355,y:2875,angle:-Math.PI/2};
  // Keep the house and stage parallel to the parcel, with their south façades facing down-map.
  band.building={x:1510,y:3055,w:330,h:205};
  band.door={x:1643,y:3205,w:64,h:50};
  band.stage={x:1065,y:3115,w:275,h:185};
  if(Array.isArray(window.R36B45_HOME_ROADS)){
    const others=R36B45_HOME_ROADS.filter(r=>r!==band.road&&r!==band.pullin&&!(r&&r.x===1360&&r.y===2600));
    window.R36B45_HOME_ROADS=others.concat([band.road]);
  }

function drawHouseH(h){
    const x=h.building.x,y=h.building.y,w=h.building.w;
    const roofTop=y,roofBottom=y+132,frontTop=roofBottom-4,frontBottom=y+202;
    // The footprint is on the grass. Most visible area is roof; only a narrow south façade remains.
    shadow([[x+8,roofTop+12],[x+w-8,roofTop+12],[x+w+4,frontBottom],[x+4,frontBottom]],.29);
    poly([[x+8,roofTop+22],[x+54,roofTop],[x+w-52,roofTop],[x+w-8,roofTop+22],[x+w-20,roofBottom],[x+20,roofBottom]],'#843f3d','#171514',5);
    // South-facing wall, parallel to the yard edges and intentionally shallow.
    poly([[x+20,frontTop],[x+w-20,frontTop],[x+w-22,frontBottom],[x+22,frontBottom]],'#dfc79d','#171514',5);
    // A very narrow east return provides depth without turning the side toward the viewer.
    poly([[x+w-20,frontTop],[x+w+8,frontTop-12],[x+w+6,frontBottom-12],[x+w-22,frontBottom]],'#b68b68','#171514',4);
    line([[x+20,frontTop],[x+w-20,frontTop]],'#241817',7);
    for(let yy=roofTop+24;yy<roofBottom-8;yy+=15)line([[x+30,yy],[x+w-30,yy]],'rgba(255,255,255,.10)',2);
    for(let xx=x+42;xx<x+w-28;xx+=44)line([[xx,roofTop+10],[xx-18,roofBottom-8]],'rgba(255,255,255,.07)',2);
    // Chimney remains on the north roof plane.
    rect(x+w-74,roofTop+7,34,50,'#684538','#171514',4);rect(x+w-79,roofTop+3,44,9,'#2d2522','#171514',3);
    windowFront(x+50,frontTop+18,66,40);windowFront(x+w-116,frontTop+18,66,40);
    rect(h.door.x,h.door.y,h.door.w,h.door.h,'#38251f','#171514',4);ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(h.door.x+h.door.w-10,h.door.y+h.door.h/2,4,0,Math.PI*2);ctx.fill();
    rect(x+118,frontBottom,94,13,'#927255','#171514',3);rect(x+128,frontBottom+13,74,9,'#725a43','#171514',2);
  }

function drawGuitarMailboxH(){
    // Mailbox is at the Red River entrance, not beside the house.
    const x=1450,y=2837;ctx.save();ctx.fillStyle='#65452f';ctx.fillRect(x-3,y+12,6,43);ctx.fillStyle='#27211d';ctx.fillRect(x-18,y+49,36,7);
    ctx.fillStyle='#a84b35';ctx.beginPath();ctx.arc(x,y,14,0,Math.PI*2);ctx.arc(x,y+16,18,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#2b1d17';ctx.lineWidth=3;ctx.stroke();
    ctx.fillStyle='#d8b46c';ctx.fillRect(x-4,y-30,8,31);ctx.fillStyle='#2b1d17';ctx.fillRect(x-7,y-35,14,7);
    ctx.fillStyle='#f4e6be';ctx.font='900 6px system-ui';ctx.textAlign='center';ctx.fillText('BAND',x,y+12);ctx.fillText('HOUSE',x,y+20);
    ctx.strokeStyle='#e64a38';ctx.lineWidth=3;ctx.beginPath();ctx.moveTo(x+12,y-2);ctx.lineTo(x+25,y-16);ctx.stroke();ctx.fillStyle='#e64a38';ctx.fillRect(x+22,y-23,13,8);ctx.restore();
  }

function drawYardH(h){
    drawFenceH(h);ctx.save();const l=h.lot;
    // Subtle visual loop only; it does not block the van.
    ctx.strokeStyle='rgba(238,233,205,.055)';ctx.lineWidth=42;ctx.strokeRect(l.x+70,l.y+70,l.w-140,l.h-140);
    drawGardenH();drawHotTubH();drawFirePitH();drawBeerPongH();drawArcheryH();drawInstrumentsH();drawGuitarMailboxH();ctx.restore();
  }

const previousGround=drawR36B45ResidentialGround;
  drawR36B45ResidentialGround=function(h){
    if(!h||h.id!=='band')return previousGround(h);
    const l=h.lot;ctx.save();ctx.fillStyle=h.yard;ctx.fillRect(l.x,l.y,l.w,l.h);ctx.fillStyle='rgba(255,255,255,.026)';for(let i=0;i<9;i++)ctx.fillRect(l.x+28+i*101,l.y+30,45,l.h-60);
    // No discolored road overlay: only Red River's center line continues through the outside approach.
    ctx.strokeStyle='#d7b64e';ctx.lineWidth=4;ctx.setLineDash([25,20]);ctx.beginPath();ctx.moveTo(h.roadCenterX,h.road.y);ctx.lineTo(h.roadCenterX,l.y-8);ctx.stroke();ctx.setLineDash([]);ctx.restore();
  };

// Yard first, then buildings, so nothing can accidentally draw over the house or stage.
  drawR36B45BandHome=function(h){drawYardH(h);drawStageH(h.stage||band.stage);drawHouseH(h);drawHomeParkedVehicle(h,'band')};

homeBuildingBlocked=function(x,y){
    if(!R36B45_HOMES||typeof R36B45_HOMES!=='object')return false;
    for(const h of Object.values(R36B45_HOMES)){
      if(!h||!h.building)continue;
      if(h.id==='band'){
        const b=h.building,s=h.stage||band.stage;
        if(x>=b.x+8&&x<=b.x+b.w+12&&y>=b.y&&y<=b.y+232)return true;
        if(s&&x>=s.x+4&&x<=s.x+s.w+8&&y>=s.y&&y<=s.y+s.h+10)return true;
      }else if(x>=h.building.x-42&&x<=h.building.x+h.building.w+28&&y>=h.building.y-80&&y<=h.building.y+h.building.h+42)return true;
    }
    return false;
  };
  // Export Band-property helpers for later layout passes. Earlier builds kept these scoped,
  // which caused the follow-up renderer to fail and left the map/UI partially drawn.
  window.drawYardH=drawYardH;
  window.drawFenceH=drawFenceH;
  window.drawGardenH=drawGardenH;
  window.drawHotTubH=drawHotTubH;
  window.drawFirePitH=drawFirePitH;
  window.drawBeerPongH=drawBeerPongH;
  window.drawArcheryH=drawArcheryH;
  window.drawInstrumentsH=drawInstrumentsH;
  window.drawGuitarMailboxH=drawGuitarMailboxH;
  window.drawStageH=drawStageH;
  window.drawHouseH=drawHouseH;
})();
</script>
<script>
/* R36B48I — Band property relational layout: house east, stage west, shared activity rows. */
(function(){
  const drawFenceH=window.drawFenceH;
  const drawGardenH=window.drawGardenH;
  const drawArcheryH=window.drawArcheryH;
  const drawInstrumentsH=window.drawInstrumentsH;
  const drawGuitarMailboxH=window.drawGuitarMailboxH;
  const drawHotTubH=window.drawHotTubH;
  const drawFirePitH=window.drawFirePitH;
  if(!window.R36B45_HOMES||!R36B45_HOMES.band)return;
  const band=R36B45_HOMES.band;
  band.heroVersion='R36B48I';
  band.building={x:1710,y:2960,w:205,h:330};
  band.door={x:1692,y:3090,w:34,h:64};
  band.stage={x:1065,y:3025,w:310,h:190};

function drawHouseI(h){
    const x=h.building.x,y=h.building.y,w=h.building.w,hh=h.building.h;
    // Long north-south footprint along the east side. Roof dominates; narrow west facade faces the stage.
    shadowI([[x+8,y+6],[x+w-10,y+20],[x+w-8,y+hh-12],[x+6,y+hh-2]],.29);
    polyI([[x+28,y],[x+w-10,y+28],[x+w-10,y+hh-36],[x+28,y+hh],[x,y+hh-28],[x,y+30]],'#843f3d','#171514',5);
    for(let yy=y+34;yy<y+hh-36;yy+=18)lineI([[x+18,yy],[x+w-20,yy+10]],'rgba(255,255,255,.10)',2);
    // Narrow west-facing facade toward the stage.
    polyI([[x,y+30],[x+28,y],[x+28,y+hh],[x,y+hh-28]],'#dfc79d','#171514',5);
    // Short south return for depth.
    polyI([[x+28,y+hh],[x+w-10,y+hh-36],[x+w+12,y+hh-14],[x+18,y+hh+18]],'#b68b68','#171514',4);
    winI(x+5,y+72,22,54);winI(x+5,y+208,22,54);
    rectI(x-18,y+142,34,64,'#38251f','#171514',4);ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(x+8,y+174,4,0,Math.PI*2);ctx.fill();
    rectI(x+58,y+hh-28,48,24,'#91d3e2','#34474d',3);
    rectI(x+w-58,y+28,32,48,'#684538','#171514',4);rectI(x+w-64,y+22,44,9,'#2d2522','#171514',3);
    ctx.fillStyle='#f4e6be';ctx.font='900 9px system-ui';ctx.textAlign='center';ctx.fillText('BAND HOUSE',x+12,y+hh/2+78);
  }

/* R36B48J — Band property alignment correction: centered east house, sideways stage, aligned activity row. */
(function(){
  const drawFenceH=window.drawFenceH;
  const drawGardenH=window.drawGardenH;
  const drawArcheryH=window.drawArcheryH;
  const drawInstrumentsH=window.drawInstrumentsH;
  const drawGuitarMailboxH=window.drawGuitarMailboxH;
  const drawHotTubH=window.drawHotTubH;
  const drawFirePitH=window.drawFirePitH;
  if(!window.R36B45_HOMES||!R36B45_HOMES.band)return;
  const band=R36B45_HOMES.band;
  band.heroVersion='R36B48O';
  // The house center sits halfway between the hot-tub row and archery row.
  band.building={x:1705,y:2978,w:220,h:325};
  band.door={x:1687,y:3110,w:36,h:62};
  // Sideways/north-south stage on the west side, opening east toward the house.
  band.stage={x:1080,y:2988,w:235,h:300};

function drawHouseJ(h){
    const x=h.building.x,y=h.building.y,w=h.building.w,hh=h.building.h;
    sj([[x+12,y+6],[x+w-10,y+22],[x+w-8,y+hh-18],[x+8,y+hh-2]],.29);
    // Dominant roof plane, parallel to the east property edge.
    pj([[x+30,y],[x+w-12,y+28],[x+w-12,y+hh-38],[x+30,y+hh],[x,y+hh-28],[x,y+30]],'#843f3d','#171514',5);
    for(let yy=y+38;yy<y+hh-42;yy+=19)lj([[x+19,yy],[x+w-22,yy+10]],'rgba(255,255,255,.10)',2);
    // Narrow west facade facing the stage.
    pj([[x,y+30],[x+30,y],[x+30,y+hh],[x,y+hh-28]],'#dfc79d','#171514',5);
    // Small southern return only, keeping the top-down look.
    pj([[x+30,y+hh],[x+w-12,y+hh-38],[x+w+9,y+hh-16],[x+18,y+hh+16]],'#b68b68','#171514',4);
    wj(x+5,y+76,23,54);wj(x+5,y+211,23,54);
    rj(x-18,y+145,36,62,'#38251f','#171514',4);ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(x+9,y+176,4,0,Math.PI*2);ctx.fill();
    rj(x+58,y+hh-27,50,23,'#91d3e2','#34474d',3);
    rj(x+w-60,y+30,33,47,'#684538','#171514',4);rj(x+w-66,y+23,45,9,'#2d2522','#171514',3);
    ctx.save();ctx.translate(x+12,y+hh/2+74);ctx.rotate(-Math.PI/2);ctx.fillStyle='#f4e6be';ctx.font='900 9px system-ui';ctx.textAlign='center';ctx.fillText('BAND HOUSE',0,0);ctx.restore();
  }

drawYardH=function(h){
    drawFenceH(h);ctx.save();const l=h.lot;ctx.strokeStyle='rgba(238,233,205,.045)';ctx.lineWidth=42;ctx.strokeRect(l.x+70,l.y+70,l.w-140,l.h-140);
    drawGardenH();
    if(typeof drawHotTubI==='function')drawHotTubI();else if(typeof drawHotTubH==='function')drawHotTubH();
    if(typeof drawFirePitI==='function')drawFirePitI();else if(typeof drawFirePitH==='function')drawFirePitH();
    drawBeerPongJ();drawArcheryH();drawInstrumentsH();drawGuitarMailboxH();ctx.restore();
  };
  drawR36B45BandHome=function(h){drawYardH(h);drawStageJ(h.stage||band.stage);drawHouseJ(h);drawHomeParkedVehicle(h,'band')};
  homeBuildingBlocked=function(x,y){
    if(!R36B45_HOMES||typeof R36B45_HOMES!=='object')return false;
    for(const h of Object.values(R36B45_HOMES)){
      if(!h||!h.building)continue;
      if(h.id==='band'){const b=h.building,s=h.stage||band.stage;if(x>=b.x-25&&x<=b.x+b.w+20&&y>=b.y-8&&y<=b.y+b.h+25)return true;if(s&&x>=s.x-8&&x<=s.x+s.w+12&&y>=s.y-8&&y<=s.y+s.h+12)return true;}
      else if(x>=h.building.x-42&&x<=h.building.x+h.building.w+28&&y>=h.building.y-80&&y<=h.building.y+h.building.h+42)return true;
    }
    return false;
  };
})();

</script>

const priorYard=window.drawYardH||drawYardH;
  window.drawYardH=drawYardH=function(h){
    if(typeof drawFenceP==='function')drawFenceP(h);
    ctx.save();const l=h.lot;ctx.strokeStyle='rgba(238,233,205,.045)';ctx.lineWidth=42;ctx.strokeRect(l.x+70,l.y+70,l.w-140,l.h-140);
    if(typeof drawGardenP==='function')drawGardenP();
    drawHotTubP();drawFirePitP();drawBeerPongP();
    if(typeof drawArcheryP==='function')drawArcheryP();
    if(typeof drawInstrumentsP==='function')drawInstrumentsP();
    if(typeof drawMailboxP==='function')drawMailboxP();
    ctx.restore();
  };
})();
</script>

function drawHotTubQ(){
    // Exactly the garden-bed width. Its vertical center matches the garden group.
    // East edge keeps the same fence inset as the back/east edge of the Band House.
    const x=1731,y=2880,w=194,h=102;
    rectQ(x,y,w,h,'#a88d70','#5b4939',4);
    ctx.beginPath();ctx.roundRect(x+10,y+10,w-20,h-20,16);ctx.fillStyle='#66635d';ctx.fill();ctx.strokeStyle='#2d2b29';ctx.lineWidth=4;ctx.stroke();
    ctx.beginPath();ctx.roundRect(x+24,y+22,w-48,h-44,12);ctx.fillStyle='#3f91a9';ctx.fill();ctx.strokeStyle='#d8d0be';ctx.lineWidth=4;ctx.stroke();
    ctx.fillStyle='rgba(255,255,255,.28)';for(let i=0;i<5;i++){ctx.beginPath();ctx.arc(x+43+i*27,y+52+(i%2)*5,4.5,0,Math.PI*2);ctx.fill()}
  }

function drawHouseQ(h){
    const x=h.building.x,y=h.building.y,w=h.building.w,hh=h.building.h;
    const footprint=[[x+12,y+8],[x+w-10,y+24],[x+w-7,y+hh-18],[x+8,y+hh-2]];
    shadowQ(footprint,.29);
    // Dominant overhead roof plane.
    polyQ([[x+30,y],[x+w-12,y+28],[x+w-12,y+hh-38],[x+30,y+hh],[x,y+hh-28],[x,y+30]],'#843f3d','#171514',5);
    for(let yy=y+38;yy<y+hh-42;yy+=19)lineQ([[x+19,yy],[x+w-22,yy+10]],'rgba(255,255,255,.10)',2);
    // One narrow grounded facade facing the stage; no pink south-return wall.
    polyQ([[x,y+30],[x+30,y],[x+30,y+hh],[x,y+hh-28]],'#dfc79d','#171514',5);
    windowQ(x+5,y+76,23,54);windowQ(x+5,y+211,23,54);
    rectQ(x-18,y+145,36,62,'#38251f','#171514',4);ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(x+9,y+176,4,0,Math.PI*2);ctx.fill();
    // Thin foundation line shows the full base resting on the grass.
    lineQ([[x+3,y+hh-27],[x+30,y+hh],[x+w-12,y+hh-38]],'#4b3a2d',8);
    // Overhead square chimney; no roof window.
    rectQ(x+w-66,y+31,39,39,'#684538','#171514',4);rectQ(x+w-71,y+26,49,9,'#2d2522','#171514',3);
    ctx.save();ctx.translate(x+12,y+hh/2+74);ctx.rotate(-Math.PI/2);ctx.fillStyle='#f4e6be';ctx.font='900 9px system-ui';ctx.textAlign='center';ctx.fillText('BAND HOUSE',0,0);ctx.restore();
  }

const fenceQ=window.drawFenceH, gardenQ=window.drawGardenH, archeryQ=window.drawArcheryH,
        instrumentsQ=window.drawInstrumentsH, mailboxQ=window.drawGuitarMailboxH;
  window.drawYardH=drawYardH=function(h){
    if(typeof fenceQ==='function')fenceQ(h);
    ctx.save();const l=h.lot;ctx.strokeStyle='rgba(238,233,205,.045)';ctx.lineWidth=42;ctx.strokeRect(l.x+70,l.y+70,l.w-140,l.h-140);
    if(typeof gardenQ==='function')gardenQ();
    drawHotTubQ();
    if(typeof window.drawFirePitI==='function')window.drawFirePitI();else if(typeof window.drawFirePitH==='function')window.drawFirePitH();
    if(typeof window.drawBeerPongJ==='function')window.drawBeerPongJ();else if(typeof window.drawBeerPongH==='function')window.drawBeerPongH();
    if(typeof archeryQ==='function')archeryQ();if(typeof instrumentsQ==='function')instrumentsQ();if(typeof mailboxQ==='function')mailboxQ();
    ctx.restore();
  };
  window.drawR36B45BandHome=drawR36B45BandHome=function(h){drawYardH(h);drawStageQ(h.stage||band.stage);drawHouseQ(h);drawHomeParkedVehicle(h,'band')};
})();
</script>

function drawBandWelcomeMatS(h){
    if(window.__vancertsSkipBandNorthArtifacts)return;
    const l=h.lot,cx=h.roadCenterX||1510;
    const x=cx-58,y=l.y+7,w=116,hh=38;
    // A low, drive-over mat centered in the open entrance.
    rsRect(x,y,w,hh,'#4c3529','#211915',4);
    ctx.fillStyle='#d8c49a';ctx.font='1000 11px system-ui';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText('BAND HOUSE',cx,y+hh/2+1);
    for(let i=0;i<6;i++)rsLine([[x+10+i*18,y+7],[x+10+i*18,y+hh-7]],'rgba(255,255,255,.08)',2);
  }

function drawGuitarMailboxS(h){
    if(window.__vancertsSkipBandNorthArtifacts)return;
    // Keep the guitar-shaped mailbox beside the entrance, with no property-name text.
    const cx=h.roadCenterX||1510,x=cx+88,y=h.lot.y+39;
    ctx.save();ctx.fillStyle='#65452f';ctx.fillRect(x-3,y+12,6,43);ctx.fillStyle='#27211d';ctx.fillRect(x-18,y+49,36,7);
    ctx.fillStyle='#a84b35';ctx.beginPath();ctx.arc(x,y,14,0,Math.PI*2);ctx.arc(x,y+16,18,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#2b1d17';ctx.lineWidth=3;ctx.stroke();
    ctx.fillStyle='#d8b46c';ctx.fillRect(x-4,y-30,8,31);ctx.fillStyle='#2b1d17';ctx.fillRect(x-7,y-35,14,7);
    ctx.strokeStyle='#e64a38';ctx.lineWidth=3;ctx.beginPath();ctx.moveTo(x+12,y-2);ctx.lineTo(x+25,y-16);ctx.stroke();ctx.fillStyle='#e64a38';ctx.fillRect(x+22,y-23,13,8);ctx.restore();
  }

function drawHouseS(h){
    const x=h.building.x,y=h.building.y,w=h.building.w,hh=h.building.h;
    rsShadow([[x+12,y+6],[x+w-10,y+22],[x+w-8,y+hh-18],[x+8,y+hh-2]],.29);
    // Approved dominant top-down roof.
    rsPoly([[x+30,y],[x+w-12,y+28],[x+w-12,y+hh-38],[x+30,y+hh],[x,y+hh-28],[x,y+30]],'#843f3d','#171514',5);
    for(let yy=y+38;yy<y+hh-42;yy+=19)rsLine([[x+19,yy],[x+w-22,yy+10]],'rgba(255,255,255,.10)',2);
    // Narrow west facade toward the stage.
    rsPoly([[x,y+30],[x+30,y],[x+30,y+hh],[x,y+hh-28]],'#dfc79d','#171514',5);
    rsWindow(x+5,y+76,23,54);rsWindow(x+5,y+211,23,54);
    // Top-down door leaf projects west toward the stage; knob sits on the stage-facing edge.
    const dy=y+145;
    rsRect(x-31,dy,31,62,'#38251f','#171514',4);
    rsLine([[x-1,dy+4],[x-1,dy+58]],'rgba(255,255,255,.10)',2);
    ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(x-24,dy+31,4,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#171514';ctx.lineWidth=1.5;ctx.stroke();
    // Foundation follows every visible base edge.
    rsLine([[x+2,y+hh-28],[x+30,y+hh],[x+w-12,y+hh-38]],'#4b3a2d',8);
    // Square overhead chimney.
    rsRect(x+w-62,y+29,38,38,'#684538','#171514',4);rsRect(x+w-67,y+24,48,9,'#2d2522','#171514',3);
  }

function drawArcheryStandS(){
    const sx=1662,sy=3388,tx=1960,ty=3388;
    rsRect(sx-58,sy-54,352,110,'rgba(135,112,72,.14)',null,0);rsLine([[sx,sy],[tx-46,ty]],'rgba(239,229,190,.58)',4,[12,9]);rsLine([[sx,sy-39],[sx,sy+39]],'#f4e6be',5);
    // Bow rack flipped so its feet/base extend south like the target's stand.
    ctx.fillStyle='#6f4b2f';ctx.fillRect(sx-46,sy-29,12,58);ctx.fillRect(sx-59,sy+25,40,6);
    ctx.strokeStyle='#3a251b';ctx.lineWidth=4;ctx.beginPath();ctx.arc(sx-29,sy,20,-Math.PI/2,Math.PI/2);ctx.stroke();rsLine([[sx-29,sy-20],[sx-29,sy+20]],'#d9c7a2',2);
    for(let i=0;i<4;i++)rsLine([[sx-5+i*5,sy-23],[sx-5+i*5,sy+23]],'#d9c7a2',2);
    // Matching downward feet/base.
    rsLine([[sx-42,sy+31],[sx-52,sy+55]],'#5a4936',5);rsLine([[sx-24,sy+31],[sx-14,sy+55]],'#5a4936',5);rsLine([[sx-56,sy+55],[sx-10,sy+55]],'#5a4936',5);
    ctx.fillStyle='#e7ddc7';ctx.beginPath();ctx.arc(tx,ty,36,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#433c33';ctx.lineWidth=4;ctx.stroke();for(const [r,c] of [[27,'#2b2b2b'],[20,'#e7ddc7'],[13,'#e64a38'],[6,'#f1b83e']]){ctx.fillStyle=c;ctx.beginPath();ctx.arc(tx,ty,r,0,Math.PI*2);ctx.fill()}ctx.fillStyle='#5a4936';ctx.fillRect(tx-6,ty+34,12,28);
    ctx.fillStyle='#f4e6be';ctx.font='900 10px system-ui';ctx.textAlign='center';
  }

const fenceS=window.drawFenceH, gardenS=window.drawGardenH, instrumentsS=window.drawInstrumentsH;
  window.drawYardH=drawYardH=function(h){
    if(typeof fenceS==='function')fenceS(h);
    ctx.save();const l=h.lot;ctx.strokeStyle='rgba(238,233,205,.045)';ctx.lineWidth=42;ctx.strokeRect(l.x+70,l.y+70,l.w-140,l.h-140);
    if(typeof gardenS==='function')gardenS();
    // Preserve the corrected hot tub and fire pit from R36B48R.
    if(typeof window.drawHotTubR==='function')window.drawHotTubR();
    else if(typeof window.drawHotTubH==='function')window.drawHotTubH();
    if(typeof window.drawFirePitI==='function')window.drawFirePitI();else if(typeof window.drawFirePitH==='function')window.drawFirePitH();
    if(!window.__vancertsSkipBeerPong)drawBeerPongS();
    if(!window.__vancertsSkipArchery)drawArcheryStandS();
    if(typeof instrumentsS==='function')instrumentsS();
    drawBandWelcomeMatS(h);drawGuitarMailboxS(h);
    ctx.restore();
  };
  window.drawR36B45BandHome=drawR36B45BandHome=function(h){drawYardH(h);drawStageS(h.stage||band.stage);drawHouseS(h);drawHomeParkedVehicle(h,'band')};
})();
</script>

function drawHouseS(h){
    const x=h.building.x,y=h.building.y,w=h.building.w,hh=h.building.h;
    rsShadow([[x+12,y+6],[x+w-10,y+22],[x+w-8,y+hh-18],[x+8,y+hh-2]],.29);
    // Preserve the approved dominant top-down roof.
    rsPoly([[x+30,y],[x+w-12,y+28],[x+w-12,y+hh-38],[x+30,y+hh],[x,y+hh-28],[x,y+30]],'#843f3d','#171514',5);
    for(let yy=y+38;yy<y+hh-42;yy+=19)rsLine([[x+19,yy],[x+w-22,yy+10]],'rgba(255,255,255,.10)',2);
    // Cream west facade faces the stage. Both windows and the door are embedded in this wall.
    rsPoly([[x,y+30],[x+30,y],[x+30,y+hh],[x,y+hh-28]],'#dfc79d','#171514',5);
    rsWindow(x+5,y+64,23,48);
    rsWindow(x+5,y+228,23,48);
    const dy=y+142;
    rsRect(x+4,dy,24,58,'#38251f','#171514',3);
    rsLine([[x+7,dy+4],[x+7,dy+54]],'rgba(255,255,255,.10)',2);
    // Knob sits on the west/stage-facing edge of the door.
    ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(x+8,dy+29,3.8,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#171514';ctx.lineWidth=1.4;ctx.stroke();
    // Foundation follows every visible base edge.
    rsLine([[x+2,y+hh-28],[x+30,y+hh],[x+w-12,y+hh-38]],'#4b3a2d',8);
    // Square overhead chimney remains unchanged.
    rsRect(x+w-62,y+29,38,38,'#684538','#171514',4);rsRect(x+w-67,y+24,48,9,'#2d2522','#171514',3);
  }

function drawArcheryStandS(){
    const sx=1662,sy=3388,tx=1960,ty=3388;
    rsRect(sx-58,sy-54,352,110,'rgba(135,112,72,.14)',null,0);rsLine([[sx,sy],[tx-46,ty]],'rgba(239,229,190,.58)',4,[12,9]);rsLine([[sx,sy-39],[sx,sy+39]],'#f4e6be',5);
    // Center the bow and its stand over one symmetrical base.
    ctx.fillStyle='#6f4b2f';ctx.fillRect(sx-5,sy-31,10,61);
    ctx.strokeStyle='#3a251b';ctx.lineWidth=4;ctx.beginPath();ctx.arc(sx-17,sy,20,-Math.PI/2,Math.PI/2);ctx.stroke();rsLine([[sx-17,sy-20],[sx-17,sy+20]],'#d9c7a2',2);
    for(let i=0;i<4;i++)rsLine([[sx+11+i*5,sy-23],[sx+11+i*5,sy+23]],'#d9c7a2',2);
    rsLine([[sx-5,sy+30],[sx-20,sy+54]],'#5a4936',5);rsLine([[sx+5,sy+30],[sx+20,sy+54]],'#5a4936',5);rsLine([[sx-25,sy+54],[sx+25,sy+54]],'#5a4936',5);
    ctx.fillStyle='#e7ddc7';ctx.beginPath();ctx.arc(tx,ty,36,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#433c33';ctx.lineWidth=4;ctx.stroke();for(const [r,c] of [[27,'#2b2b2b'],[20,'#e7ddc7'],[13,'#e64a38'],[6,'#f1b83e']]){ctx.fillStyle=c;ctx.beginPath();ctx.arc(tx,ty,r,0,Math.PI*2);ctx.fill()}ctx.fillStyle='#5a4936';ctx.fillRect(tx-6,ty+34,12,28);
    ctx.fillStyle='#f4e6be';ctx.font='900 10px system-ui';ctx.textAlign='center';
  }

const fenceS=window.drawFenceH, gardenS=window.drawGardenH, instrumentsS=window.drawInstrumentsH;
  function drawHotTubT(){
    const lot=band.lot,b=band.building,w=194,h=102;
    const northInner=lot.y+18,houseNorth=b.y;
    const y=Math.round(northInner+Math.max(0,(houseNorth-northInner-h)/2));
    const x=1731;
    rsRect(x,y,w,h,'#a88d70','#5b4939',4);
    ctx.beginPath();ctx.roundRect(x+10,y+10,w-20,h-20,16);ctx.fillStyle='#66635d';ctx.fill();ctx.strokeStyle='#2d2b29';ctx.lineWidth=4;ctx.stroke();
    ctx.beginPath();ctx.roundRect(x+24,y+22,w-48,h-44,12);ctx.fillStyle='#3f91a9';ctx.fill();ctx.strokeStyle='#d8d0be';ctx.lineWidth=4;ctx.stroke();
    ctx.fillStyle='rgba(255,255,255,.28)';for(let i=0;i<5;i++){ctx.beginPath();ctx.arc(x+43+i*27,y+52+(i%2)*5,4.5,0,Math.PI*2);ctx.fill()}
  }

window.drawYardH=drawYardH=function(h){
    if(typeof fenceS==='function')fenceS(h);
    ctx.save();const l=h.lot;ctx.strokeStyle='rgba(238,233,205,.045)';ctx.lineWidth=42;ctx.strokeRect(l.x+70,l.y+70,l.w-140,l.h-140);
    if(typeof gardenS==='function')gardenS();
    // Restore the approved R36B48R hot-tub coordinates exactly.
    drawHotTubT();
    if(typeof window.drawFirePitI==='function')window.drawFirePitI();else if(typeof window.drawFirePitH==='function')window.drawFirePitH();
    if(!window.__vancertsSkipBeerPong)drawBeerPongS();if(!window.__vancertsSkipArchery)drawArcheryStandS();
    if(typeof instrumentsS==='function')instrumentsS();
    drawBandWelcomeMatS(h);drawGuitarMailboxS(h);
    ctx.restore();
  };
  window.drawR36B45BandHome=drawR36B45BandHome=function(h){drawYardH(h);drawStageS(h.stage||band.stage);drawHouseS(h);drawHomeParkedVehicle(h,'band')};
})();

</script>

function drawHouseS(h){
    const x=h.building.x,y=h.building.y,w=h.building.w,hh=h.building.h;
    rsShadow([[x+12,y+6],[x+w-10,y+22],[x+w-8,y+hh-18],[x+8,y+hh-2]],.29);
    // Preserve the approved dominant top-down roof.
    rsPoly([[x+30,y],[x+w-12,y+28],[x+w-12,y+hh-38],[x+30,y+hh],[x,y+hh-28],[x,y+30]],'#843f3d','#171514',5);
    for(let yy=y+38;yy<y+hh-42;yy+=19)rsLine([[x+19,yy],[x+w-22,yy+10]],'rgba(255,255,255,.10)',2);
    // Cream west facade faces the stage. Both windows and the door are embedded in this wall.
    rsPoly([[x,y+30],[x+30,y],[x+30,y+hh],[x,y+hh-28]],'#dfc79d','#171514',5);
    rsWindow(x+5,y+64,23,48);
    rsWindow(x+5,y+228,23,48);
    const dy=y+142;
    // Vertical doorway in the cream facade between the windows.
    rsRect(x+5,dy,22,58,'#241a17','#171514',3);
    // Door leaf hinges to the facade and swings outward west toward the stage.
    rsPoly([[x+5,dy+3],[x-24,dy+12],[x-24,dy+52],[x+5,dy+55]],'#38251f','#171514',3);
    rsLine([[x+1,dy+7],[x-20,dy+15],[x-20,dy+49],[x+1,dy+52]],'rgba(255,255,255,.10)',2);
    // Knob on the free, stage-facing edge.
    ctx.fillStyle='#f1b83e';ctx.beginPath();ctx.arc(x-19,dy+32,3.8,0,Math.PI*2);ctx.fill();ctx.strokeStyle='#171514';ctx.lineWidth=1.4;ctx.stroke();
    // Foundation follows every visible base edge.
    rsLine([[x+2,y+hh-28],[x+30,y+hh],[x+w-12,y+hh-38]],'#4b3a2d',8);
    // Square overhead chimney remains unchanged.
    rsRect(x+w-62,y+29,38,38,'#684538','#171514',4);rsRect(x+w-67,y+24,48,9,'#2d2522','#171514',3);
  }

</script>

const owner=configureNorthernHome('owner',695,'VANCERTS HOUSE','wood','owner');
  const audio=configureNorthernHome('audio',2015,'PAUL • AUDIO HOUSE','wood','audio');

// Keep road/collision data synced to the newly aligned Congress and Trinity entries.
  R36B45_HOME_ROADS=Object.values(R36B45_HOMES).flatMap(h=>[h.road,h.pullin]);
  window.R36B45_HOME_ROADS=R36B45_HOME_ROADS;

function drawNorthHomeGround(h){
    const l=h.lot,cx=h.roadCenterX;
    ctx.save();
    ctx.fillStyle=h.yard;ctx.fillRect(l.x,l.y,l.w,l.h);
    ctx.fillStyle='rgba(255,255,255,.035)';for(let i=0;i<9;i++)ctx.fillRect(l.x+28+i*101,l.y+30,45,l.h-60);
    // No duplicate/discolored road surface: only the center line extends to the existing city road.
    ctx.strokeStyle='#d7b64e';ctx.lineWidth=4;ctx.setLineDash([25,20]);ctx.beginPath();ctx.moveTo(cx,l.y+l.h+8);ctx.lineTo(cx,-8);ctx.stroke();ctx.setLineDash([]);
    ctx.restore();
  }

window.drawR36B45ResidentialGround=drawR36B45ResidentialGround=function(h){
    if(h&&(h.id==='owner'||h.id==='audio'))return drawNorthHomeGround(h);
    return originalGround(h);
  };

window.drawR36B45OwnerHome=drawR36B45OwnerHome=function(h){drawTemplateAt(h,'owner','VANCERTS HOUSE')};
  window.drawR36B45FngineerHome=drawR36B45FngineerHome=function(h){drawTemplateAt(h,'audio','PAUL • AUDIO HOUSE')};
})();
</script>

function drawMarcoFollower(){
    if(!marcoUnlocked())return;
    const t=performance.now()/280,dist=46,side=Math.sin(t*.27)*12,x=van.x-Math.cos(van.angle)*dist+Math.cos(van.angle+Math.PI/2)*side,y=van.y-Math.sin(van.angle)*dist+Math.sin(van.angle+Math.PI/2)*side-18-Math.sin(t)*7;
    drawParrot(x,y,.8,Math.sin(t)*4);
  }
  window.drawVan=drawVan=function(){previousDrawVan();drawMarcoFollower()};

// Every residential parcel, entrance and connector is a valid driving surface.
  // Only the actual house and stage remain solid. Fences are visual and never collision geometry.
  const previousDriveSurfaces=window.driveSurfaces||driveSurfaces;
  window.driveSurfaces=driveSurfaces=function(){
    const surfaces=(previousDriveSurfaces?previousDriveSurfaces():[]).slice();
    if(window.R36B45_HOMES&&typeof R36B45_HOMES==='object'){
      for(const h of Object.values(R36B45_HOMES)){
        if(!h)continue;
        if(h.lot)surfaces.push({x:h.lot.x-24,y:h.lot.y-24,w:h.lot.w+48,h:h.lot.h+48});
        if(h.road)surfaces.push({x:h.road.x-18,y:h.road.y-18,w:h.road.w+36,h:h.road.h+36});
        if(h.pullin)surfaces.push({x:h.pullin.x-24,y:h.pullin.y-24,w:h.pullin.w+48,h:h.pullin.h+48});
      }
    }
    return surfaces;
  };
  window.homeBuildingBlocked=homeBuildingBlocked=function(x,y){
    if(!window.R36B45_HOMES||typeof R36B45_HOMES!=='object')return false;
    for(const h of Object.values(R36B45_HOMES)){
      if(!h)continue;
      const b=h.building,s=h.stage;
      if(b&&x>=b.x-18&&x<=b.x+b.w+18&&y>=b.y-18&&y<=b.y+b.h+24)return true;
      if(s&&x>=s.x-15&&x<=s.x+s.w+15&&y>=s.y-15&&y<=s.y+s.h+20)return true;
    }
    return false;
  };

const previousSpawn=window.spawnCareerAtHome||spawnCareerAtHome;
  window.spawnCareerAtHome=spawnCareerAtHome=function(path=state.career?.path,role=state.career?.teamRole){
    previousSpawn(path,role);
    const id=careerHomeId(path),h=R36B45_HOMES&&R36B45_HOMES[id];
    if(h){van.angle=id==='band'?-Math.PI/2:Math.PI/2;van.speed=0}
  };

const previousOpenCareerHome=openCareerHome;
  openCareerHome=function(homeId){if(homeId==='band'&&state.career.path==='band')return bandHomeModal();return previousOpenCareerHome(homeId)};
  window.openCareerHome=openCareerHome;

const previousGigModal=gigModal;
  const kaziPlace=places.find(p=>p.id==='kazi');if(kaziPlace)kaziPlace.openFromStart=true;
  gigModal=function(id){if(id==='kazi')return kaziMarketingModal();return previousGigModal(id)};
  window.gigModal=gigModal;

const previousHud=hud;
  hud=function(){const r=previousHud();if(state.career&&state.career.path==='band'){const o=bandObjective(),t=document.getElementById('objectiveTitle'),x=document.getElementById('objectiveText');if(t)t.textContent=o.title;if(x)x.textContent=o.text;const w=ensureCareerWallets();w.band=Number(state.cash)||0}return r};
  window.hud=hud;

// Add the Band Story board to the existing Team / Career panel without replacing the rest of that system.
  const previousOpenStaff=openStaffManager;
  openStaffManager=function(){previousOpenStaff();setTimeout(()=>{const modalEl=document.getElementById('modal');if(!modalEl)return;const cards=[...modalEl.querySelectorAll('.card')];const bandCard=cards.find(el=>el.textContent.includes('🎸 BAND'));if(bandCard&&!bandCard.querySelector('[data-band-story-board]')){const btn=document.createElement('button');btn.dataset.bandStoryBoard='1';btn.textContent='BAND STORY MISSIONS';btn.onclick=()=>{if(state.career.path!=='band')chooseCareerPath('band');else openBandStory()};bandCard.querySelector('.btns')?.appendChild(btn)}} ,0)};
  window.openStaffManager=openStaffManager;

ensureCareerWallets();bandStory();
  try{hud()}catch(_){ }
})();
</script>

/* Keep the direct QueueTube player inside every portrait or landscape viewport. */
#rotaryRadio.vcQueueTubeDirect{
  box-sizing:border-box!important;
  max-width:calc(100vw - 12px)!important;
  max-height:calc(100dvh - 12px)!important;
}
#rotaryRadio.vcQueueTubeDirect #qtPlayerMount,
#rotaryRadio.vcQueueTubeDirect .qt-player{box-sizing:border-box!important;width:100%!important;max-width:100%!important}

@media (max-width:760px),(pointer:coarse){
  #rotaryRadio.vcQueueTubeDirect{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;
    overflow:hidden!important;
  }
  #rotaryRadio.vcQueueTubeDirect .qt-player{overflow:hidden!important}
}

@media (orientation:portrait) and (max-width:760px){
  #rotaryRadio.vcQueueTubeDirect{
    left:6px;
    right:auto;
    top:max(58px,calc(env(safe-area-inset-top) + 48px));
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - max(70px,calc(env(safe-area-inset-top) + 58px)) - max(8px,env(safe-area-inset-bottom)))!important;
    border-width:3px!important;
    border-radius:14px!important;
  }
  #rotaryRadio.vcQueueTubeDirect .vcQtDockHead{height:42px!important;padding:6px!important}
  #rotaryRadio.vcQueueTubeDirect .vcQtDockButton{height:29px!important;min-width:66px!important;padding:3px 7px!important;font-size:8px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-body{padding:10px 148px 6px 8px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-artist{font-size:10px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-title{font-size:12px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-event{font-size:7px!important;margin-top:2px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-progress-row{margin-top:7px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-progress{height:10px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-time{font-size:7px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-controls{gap:3px!important;padding:6px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-controls button{height:29px!important;font-size:8px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-controls .qt-play{font-size:12px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-volume{grid-template-columns:29px minmax(0,1fr) 29px 34px!important;gap:5px!important;padding:0 7px 6px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-volume button{height:29px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-status-row{padding:6px 8px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-status{font-size:7px!important;min-height:17px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-queue{max-height:min(132px,22dvh)!important}
}

@media (orientation:portrait) and (max-width:390px){
  #rotaryRadio.vcQueueTubeDirect .qt-body{padding-right:136px!important}
  #rotaryRadio.vcQueueTubeDirect .vcQtDockButton{min-width:59px!important;font-size:7px!important}
  #rotaryRadio.vcQueueTubeDirect .qt-controls button{padding:0 2px!important;font-size:7px!important}
}
</style>
<script id="r36b52h-story-navigation-responsive">
(function(){
  'use strict';
  const BUILD='R36B52P';
  const RED='#e64a38', PAPER='#fff8e5', INK='#171514';
  const $id=id=>document.getElementById(id);
  const previousTrainingMission=typeof window.currentTrainingMission==='function'?window.currentTrainingMission:null;
  const previousHud=typeof window.hud==='function'?window.hud:null;
  const previousDraw=typeof window.draw==='function'?window.draw:null;
  const previousMini=typeof window.drawMini==='function'?window.drawMini:null;
  let lastObjectiveSignature='';

function sharedShowMission(){
    const role=careerLabel(), ch=chapter();
    const roleTotal=careerId()==='owner'?8:7;

if(state?.passengerRide&&!state.activeJob){
      const dest=typeof activePassengerDestination==='function'?activePassengerDestination():null;
      if(dest)return trainingData(ch,1,roleTotal,`${role} • PASSENGER DELIVERY`,`Drive to ${dest.name||'the passenger destination'} and interact near its loading area.`, 'drive','SHOW DESTINATION','',dest.id||'');
    }

if(state?.pendingOffer){
      const id=state.pendingOffer.id,p=placeById(id);
      const text=careerId()==='audio'?`Open EMAIL. Review ${p?.name||'the client'}'s requested mains, subs, microphones, monitors, cables, and stage needs. Confirm the work order and deposit before equipment pickup.`:`Open EMAIL on the Nookia. Review ${p?.name||'the client'}'s approved equipment list, then press COLLECT DEPOSIT & CONFIRM DATE.`;
      return trainingData(ch,careerId()==='owner'?5:3,roleTotal,`${role} • REVIEW THE CLIENT EMAIL`,text, 'email','OPEN EMAIL','openEmail()');
    }

if(state?.activeJob){
      const id=state.activeJob.id,p=placeById(id),name=p?.name||'THE CLIENT';
      if(state.activeJob.phase==='pickup'){
        const roleText=careerId()==='audio'?'This is the first equipment stop: load the approved PA, microphones, monitors, and cables from the confirmed work order.':careerId()==='stagehand'?'Load every approved item on the manifest.':careerId()==='band'?'Load the approved production package for the show.':'Load the exact approved equipment manifest.';
        return trainingData(ch,careerId()==='owner'?6:4,roleTotal,`${role} • PICK UP THE SHOW GEAR`,`The deposit is complete. Drive to GIG BAG ATX, enter the loading area, interact, and press LOAD APPROVED GEAR. ${roleText}`, 'drive','SHOW GIG BAG','', 'shop');
      }
      const roleText=careerId()==='audio'?'Set the Tascam Model 24 on the rear shelf facing the stage, place mains, subs, and monitors, complete the signal path, line-check every input, and prepare soundcheck while the Stage Manager handles communication.':careerId()==='stagehand'?'Unload, place, cable, and secure every stage item in its correct position.':careerId()==='band'?'Arrive for load-in and complete the show setup.':'Complete load-in, stage setup, and the performance.';
      return trainingData(ch,careerId()==='owner'?7:5,roleTotal,`${role} • GEAR LOADED — RETURN TO ${String(name).toUpperCase()}`,`The equipment is loaded. Drive from Gig Bag ATX to ${name}, enter the marked loading zone, interact, and complete the show. ${roleText}`, 'drive','SHOW CLIENT DESTINATION','',id);
    }

function teamFallback(){
    const id=careerId(),role=careerLabel();
    const xp=id==='audio'?Number(state.career?.audioXp||0):Number(state.career?.stagehandXp||0);
    if(!xp&&!state.completed?.includes('fsg'))return trainingData(1,2,7,`${role} • FIRST WORK ORDER — FSG`,id==='audio'?`Drive to FSG PRINTSHOP first, enter the marked loading zone, and interact. Paul must receive the client work order before Gig Bag can prepare the PA.`:`Drive to FSG PRINTSHOP, enter the marked loading zone, and interact to receive the first crew work order.`, 'drive','SHOW FSG','', 'fsg');
    return null;
  }

window.currentTrainingMission=currentTrainingMission=function(){return deriveMission()};

segments.forEach((s,segmentIndex)=>{
      const ids=[];
      const start=s.dir>0?s.min:s.max,end=s.dir>0?s.max:s.min;
      const length=Math.abs(end-start);
      const count=Math.max(1,Math.ceil(length/spacing));
      for(let i=0;i<=count;i++){
        const q=i/count;
        const value=start+(end-start)*q;
        ids.push(addNode(segmentIndex,s.axis==='x'?value:s.fixed,s.axis==='y'?value:s.fixed));
      }
      for(let i=0;i<ids.length-1;i++)addEdge(ids[i],ids[i+1],false);
      bySegment[segmentIndex]=ids;
    });

for(let hi=0;hi<segments.length;hi++){
      const h=segments[hi];
      if(h.axis!=='x')continue;
      for(let vi=0;vi<segments.length;vi++){
        const v=segments[vi];
        if(v.axis!=='y')continue;
        if(v.fixed<h.min||v.fixed>h.max||h.fixed<v.min||h.fixed>v.max)continue;
        const hNode=nearestOnSegment(hi,v.fixed,h.fixed);
        const vNode=nearestOnSegment(vi,v.fixed,h.fixed);
        if(hNode<0||vNode<0)continue;
        addEdge(hNode,vNode,true);
        addEdge(vNode,hNode,true);
      }
    }

const graph={segments,nodes,adj};
    window.__VANCERTS_R36B52K_LANE_GRAPH=graph;
    return graph;
  }

function gpsRoutePath(t){
    const graph=gpsBuildLaneGraph();
    const heading=Number.isFinite(Number(van.angle))?Number(van.angle):0;
    const signature=[
      t.id||t.label||'destination',
      Math.round(van.x/34),
      Math.round(van.y/34),
      Math.round(heading*8/Math.PI),
      Math.round(t.x/20),
      Math.round(t.y/20)
    ].join('|');
    const cached=window.__VANCERTS_R36B52K_ROUTE_CACHE;
    if(cached&&cached.signature===signature)return cached.path;

if(start<0||end<0){
      const fallback=[{x:van.x,y:van.y},{x:t.x,y:t.y}];
      window.__VANCERTS_R36B52K_ROUTE_CACHE={signature,path:fallback};
      return fallback;
    }

const count=graph.nodes.length;
    const distance=new Float64Array(count);
    const previous=new Int32Array(count);
    const visited=new Uint8Array(count);
    for(let i=0;i<count;i++){distance[i]=Infinity;previous[i]=-1}
    distance[start]=0;

for(let step=0;step<count;step++){
      let u=-1,best=Infinity;
      for(let i=0;i<count;i++)if(!visited[i]&&distance[i]<best){best=distance[i];u=i}
      if(u<0||u===end)break;
      visited[u]=1;
      for(const edge of graph.adj[u]){
        const next=distance[u]+edge.cost;
        if(next<distance[edge.to]){
          distance[edge.to]=next;
          previous[edge.to]=u;
        }
      }
    }

const ids=[];
    if(Number.isFinite(distance[end])){
      for(let at=end;at>=0;at=previous[at]){
        ids.push(at);
        if(at===start)break;
      }
      ids.reverse();
    }

let path=ids.length?ids.map(id=>({x:graph.nodes[id].x,y:graph.nodes[id].y})):[];
    if(path.length<2)path=[{x:van.x,y:van.y},{x:t.x,y:t.y}];

window.__VANCERTS_R36B52K_ROUTE_CACHE={signature,path};
    return path;
  }

function drawGpsLaneArrow(x,y,angle){
    ctx.save();
    ctx.translate(x,y);
    ctx.rotate(angle);
    ctx.fillStyle=RED;
    ctx.strokeStyle='rgba(23,21,20,.92)';
    ctx.lineWidth=4;
    ctx.beginPath();
    ctx.moveTo(12,0);
    ctx.lineTo(-8,-8);
    ctx.lineTo(-4,0);
    ctx.lineTo(-8,8);
    ctx.closePath();
    ctx.stroke();
    ctx.fill();
    ctx.restore();
  }

function drawRoadArrows(){
    const t=destination();
    if(!t||typeof ctx==='undefined'||!Array.isArray(roads))return;
    const path=gpsRoutePath(t);
    const c=camera();

ctx.save();
    ctx.scale(c.scale,c.scale);
    ctx.translate(-c.camX,-c.camY);
    ctx.globalAlpha=.98;
    ctx.lineCap='round';
    ctx.lineJoin='round';

for(let i=0;i<path.length-1;i++){
      const a=path[i],b=path[i+1];
      const dx=b.x-a.x,dy=b.y-a.y,length=Math.hypot(dx,dy);
      if(length<2)continue;
      const angle=Math.atan2(dy,dx);
      const spacing=56;
      const first=Math.min(22,length*.5);
      let painted=false;
      for(let distanceAlong=first;distanceAlong<length;distanceAlong+=spacing){
        const q=distanceAlong/length;
        drawGpsLaneArrow(a.x+dx*q,a.y+dy*q,angle);
        painted=true;
      }
      if(!painted)drawGpsLaneArrow((a.x+b.x)/2,(a.y+b.y)/2,angle);
    }

const pulse=1+.14*Math.sin(performance.now()/180);
    ctx.strokeStyle=RED;
    ctx.fillStyle='rgba(230,74,56,.16)';
    ctx.lineWidth=5;
    ctx.beginPath();
    ctx.arc(t.x,t.y,25*pulse,0,Math.PI*2);
    ctx.fill();
    ctx.stroke();
    ctx.restore();
  }
  function drawPhoneRoute(){
    const t=destination(),canvas=$id('miniCanvas'),c=typeof miniCtx!=='undefined'?miniCtx:null;if(!canvas||!c)return;
    canvas.classList.toggle('r36b52hGpsActive',!!t);if(!t)return;
    const w=Number(canvas.width)||340,h=Number(canvas.height)||190,padX=11,padY=8,plotW=w-padX*2,plotH=h-padY*2;
    const map=(x,y)=>({x:padX+(x/world.w)*plotW,y:padY+(y/world.h)*plotH});
    const a=map(van.x,van.y),b=map(t.x,t.y),routeAng=Math.atan2(b.y-a.y,b.x-a.x),vanAng=Number.isFinite(Number(van.angle))?Number(van.angle):0,sx=a.x+Math.cos(routeAng)*10,sy=a.y+Math.sin(routeAng)*10;
    c.save();c.lineCap='round';c.lineJoin='round';c.strokeStyle=INK;c.lineWidth=7;c.beginPath();c.moveTo(sx,sy);c.lineTo(b.x,b.y);c.stroke();c.strokeStyle=RED;c.lineWidth=4;c.beginPath();c.moveTo(sx,sy);c.lineTo(b.x,b.y);c.stroke();
    c.translate(a.x,a.y);c.rotate(vanAng);c.fillStyle=RED;c.strokeStyle=PAPER;c.lineWidth=2;c.beginPath();c.moveTo(11,0);c.lineTo(-7,-6);c.lineTo(-3,0);c.lineTo(-7,6);c.closePath();c.fill();c.stroke();c.setTransform(1,0,0,1,0,0);
    const pulse=5+1.8*Math.sin(performance.now()/200);c.fillStyle=RED;c.strokeStyle=PAPER;c.lineWidth=2;c.beginPath();c.arc(b.x,b.y,pulse,0,Math.PI*2);c.fill();c.stroke();c.restore();
  }

function fitQueueTube(){
    const shell=$id('rotaryRadio');if(!shell||!shell.classList.contains('vcQueueTubeDirect')||shell.classList.contains('hidden'))return;
    const vv=window.visualViewport,vw=Math.max(240,Math.floor(vv?.width||innerWidth)),vh=Math.max(320,Math.floor(vv?.height||innerHeight)),portrait=vh>=vw,margin=portrait?6:8;
    if(portrait)shell.style.setProperty('width',Math.max(228,vw-margin*2)+'px','important');
    const r=shell.getBoundingClientRect(),maxX=Math.max(margin,vw-r.width-margin),maxY=Math.max(margin,vh-r.height-margin);
    let x=Number.parseFloat(shell.style.left),y=Number.parseFloat(shell.style.top);if(!Number.isFinite(x))x=r.left;if(!Number.isFinite(y))y=r.top;
    shell.style.setProperty('left',Math.min(maxX,Math.max(margin,x))+'px','important');shell.style.setProperty('top',Math.min(maxY,Math.max(margin,y))+'px','important');shell.style.setProperty('right','auto','important');shell.style.setProperty('bottom','auto','important');shell.style.setProperty('transform','none','important');
  }

if(previousHud)window.hud=hud=function(){const r=previousHud.apply(this,arguments);renderObjective();return r};
  if(previousDraw)window.draw=draw=function(){const r=previousDraw.apply(this,arguments);try{drawRoadArrows()}catch(e){console.warn(BUILD+' road arrows',e)}return r};
  if(previousMini)window.drawMini=drawMini=function(){const r=previousMini.apply(this,arguments);try{drawPhoneRoute()}catch(e){console.warn(BUILD+' phone route',e)}return r};

addEventListener('resize',()=>{requestAnimationFrame(()=>{fitQueueTube();renderObjective()})},{passive:true});
  if(window.visualViewport){visualViewport.addEventListener('resize',()=>requestAnimationFrame(fitQueueTube),{passive:true});visualViewport.addEventListener('scroll',()=>requestAnimationFrame(fitQueueTube),{passive:true})}
  document.addEventListener('click',()=>setTimeout(renderObjective,0),true);
  document.addEventListener('pointerup',()=>setTimeout(renderObjective,0),true);
  setInterval(()=>{const m=deriveMission(),d=destination(m),sig=[careerId(),m.key||'',state?.activeJob?.phase||'',state?.activeJob?.id||'',state?.pendingOffer?.id||'',unpaid(),state?.shows||0,state?.completed?.length||0,d?.id||''].join('|');if(sig!==window.__R36B52H_LAST_STATE){window.__R36B52H_LAST_STATE=sig;renderObjective()}},400);
  setTimeout(()=>{renderObjective();fitQueueTube();try{if(typeof hud==='function')hud()}catch(_){}},350);

window.__VANCERTS_R36B52H_MISSION=deriveMission;
  window.__VANCERTS_R36B52H_DESTINATION=destination;
  window.__VANCERTS_R36B52H_RENDER=renderObjective;
  console.info(BUILD,'single Nookia GPS line, live van heading, and lane-side road routing ready');
})();
</script>

/* The legacy ticker remains as a data source. R36B52L owns the visible ticker. */
#phone .phoneTickerStable{
  display:block!important;
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:4px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:normal!important;
  animation:none!important;
}
#phone .phoneTickerStable > .tickerText{display:none!important}
#phone .r36b52lPhoneCycle{
  display:grid!important;
  grid-template-rows:12px minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  color:#10211e!important;
  background:#b8c994!important;
  overflow:hidden!important;
}
#phone .r36b52lCycleLabel{
  display:block!important;
  overflow:hidden!important;
  color:#3f5444!important;
  font:1000 7px/11px monospace!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
#phone .r36b52lCycleViewport{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
#phone .r36b52lCycleText{
  display:inline-block!important;
  min-width:max-content!important;
  transform:translateX(0);
  will-change:transform;
  color:#10211e!important;
  font:1000 9px/15px monospace!important;
  white-space:nowrap!important;
}

/* Final orientation geometry. It applies only to touch/coarse devices. */
@media (max-width:760px),(pointer:coarse){
  #objective.r36b52lConciseObjective{
    left:8px!important;
    right:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:min(440px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    padding:7px!important;
  }
  #objective.r36b52lConciseObjective #objectiveTitle{font-size:10px!important}
  #objective.r36b52lConciseObjective #objectiveText{font-size:9px!important;line-height:1.22!important}
  #phone.vcStablePhone:not(.collapsed){
    width:230px!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    transform:scale(var(--r36b52l-phone-scale,1))!important;
    transform-origin:top left!important;
  }
  #phone.vcStablePhone:not(.collapsed) .phoneKeys{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,var(--r36b52l-app-height,45px))!important;
    gap:var(--r36b52l-app-gap,5px)!important;
  }
  #phone.vcStablePhone:not(.collapsed) .phoneKeys .phoneApp{
    width:100%!important;
    height:var(--r36b52l-app-height,45px)!important;
    min-height:var(--r36b52l-app-height,45px)!important;
    max-height:var(--r36b52l-app-height,45px)!important;
  }
}
@media (pointer:coarse) and (orientation:portrait){
  #phone.vcStablePhone:not(.collapsed){
    --r36b52l-app-height:45px;
    --r36b52l-app-gap:5px;
  }
  #phone .phoneTickerStable{height:34px!important;line-height:15px!important}
}
@media (pointer:coarse) and (orientation:landscape){
  #phone.vcStablePhone:not(.collapsed){
    --r36b52l-app-height:31px;
    --r36b52l-app-gap:3px;
  }
  #phone .phoneTickerStable{height:22px!important;padding:1px 3px!important}
  #phone .r36b52lPhoneCycle{grid-template-rows:8px minmax(0,1fr)!important}
  #phone .r36b52lCycleLabel{font-size:6px!important;line-height:8px!important}
  #phone .r36b52lCycleText{font-size:7px!important;line-height:11px!important}
}

/* R36B52M — authoritative training visibility, mobile guide docking, and reset app. */
body.r36b52lTrainingOff #objective,
body.r36b52lTrainingOff #objective.r36b52lConciseObjective{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#phoneFullscreenApp.resetGameApp{
  background:#e64a38!important;
  color:#fff!important;
  border-color:#fff8e5!important;
}
#phoneFullscreenApp.resetGameApp span{color:#fff!important}
@media (max-width:760px),(pointer:coarse){
  body:not(.r36b52lTrainingOff) #objective.r36b52lConciseObjective{
    box-sizing:border-box!important;
    left:calc(var(--safe-left,0px) + 110px)!important;
    right:calc(var(--safe-right,0px) + 55px)!important;
    bottom:calc(var(--safe-bottom,0px) + 4px)!important;
    width:auto!important;
    max-width:none!important;
    max-height:72px!important;
    overflow:auto!important;
    margin:0!important;
    z-index:57!important;
  }
}
@media (pointer:coarse) and (orientation:landscape){
  body:not(.r36b52lTrainingOff) #objective.r36b52lConciseObjective{
    left:calc(var(--safe-left,0px) + 154px)!important;
    right:calc(var(--safe-right,0px) + 78px)!important;
    bottom:calc(var(--safe-bottom,0px) + 4px)!important;
    max-height:68px!important;
  }
}
</style>
<script id="r36b52l-objective-phone-responsive-runtime">
(function(){
  'use strict';
  const BUILD='R36B52M';
  const $=id=>document.getElementById(id);
  let rendering=false;
  let lastMissionSignature='';
  let cycleIndex=0;
  let cycleToken=0;
  let cycleTimer=0;
  let scrollFrame=0;

const priorHud=typeof window.hud==='function'?window.hud:null;
  if(priorHud)window.hud=hud=function(){const result=priorHud.apply(this,arguments);renderConcise();return result};

setInterval(()=>{
    renderConcise();
    const song=`${$('qtArtist')?.textContent||''}|${$('qtTitle')?.textContent||''}`;
    if(song!==window.__R36B52L_LAST_SONG){window.__R36B52L_LAST_SONG=song;scheduleCycle(20)}
  },700);

setTimeout(()=>{installResetGameApp();renderConcise();installCycle();showCycle();fitPhone()},350);
  window.__VANCERTS_R36B52L_RENDER=renderConcise;
  window.__VANCERTS_R36B52L_FIT_PHONE=fitPhone;
  window.__VANCERTS_R36B52M__={build:BUILD,trainingOffHidesWorldObjective:true,phoneObjectiveWhenOpen:true,centeredMobileGuide:true,resetGameAppWithConfirmation:true,responsivePhoneApps:true};
  console.info(BUILD,'training-off phone objective, centered mobile guide, reset app, and responsive Nookia ready');
})();
</script>