/* Same clubhouse, different rooms: brass workshop / washed-denim rider file. */
#start #menu-garage>.section-head,#start #menu-profile>.section-head{margin-top:8px}
#start[data-page=garage]{--room-ink:#d6a15f;--room-dark:#241b13}
#start[data-page=profile]{--room-ink:#90b8b8;--room-dark:#152427}
#start[data-page=garage] .menu-nav>button.active{background:linear-gradient(174deg,transparent 58%,#96633180 59%);border-color:#d6a15f}
#start[data-page=profile] .menu-nav>button.active{border-color:#90b8b8}
#start #menu-garage>.section-head,#start #menu-profile>.section-head{gap:15px;padding:12px 0;border-color:var(--room-ink);margin-bottom:16px;align-items:center}
#start #menu-garage>.section-head h2,#start #menu-profile>.section-head h2{font-size:36px;margin:5px 0;line-height:1.05}
#start #menu-garage>.section-head p{font:italic 13px Georgia;color:#ceb18b}
#start #menu-garage>.section-head .go,#start #menu-profile>.section-head .go{margin-left:auto;padding:12px 16px;white-space:nowrap;border-color:var(--room-ink);color:var(--room-ink)}
#start .shop-deck{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:22px}
#start #menu-garage .bike-shop{order:2;padding:0;border:1px solid #9c7848;background:linear-gradient(120deg,#b28a410a,transparent),#211a14;overflow:visible}
#start .stock-sheet{order:1;min-width:0;background:#171410cc;padding:12px;border-top:3px solid #b88a4e}
#start .stock-sheet .catalog-heading{display:block;margin:0 0 10px;padding:0}#start .stock-sheet h3{font:25px Impact,Arial;color:#e5c69b;margin:0}#start #bikeCatalogNote{font:8px Arial;color:#ab906f;margin:5px 0 10px}
#start .stock-sheet .bike-class-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:8px 0}
#start .stock-sheet .bike-class-filters button{min-height:44px;padding:7px 4px;font:800 9px Arial;border:1px solid #765736}
#start .stock-sheet .bike-class-filters button[aria-pressed=true]{background:#d5ad72;color:#25180c}
#start .stock-sheet .bike-list{display:flex;flex-direction:column;max-height:420px;gap:0;margin:0;padding:0 5px 0 0}
#start .stock-sheet .bike-list button{display:grid;grid-template-columns:1fr auto;gap:3px 8px;min-height:54px;padding:10px;border:0;border-bottom:1px solid #73583b66;border-left:3px solid transparent;background:#241c14;color:#e5d4b5}
#start .stock-sheet .bike-list b{font:17px Impact,Arial;letter-spacing:.02em}#start .stock-sheet .bike-list small{grid-column:2;grid-row:1;font:800 10px Arial;margin:0;align-self:center}#start .stock-sheet .bike-list em{grid-column:1/-1;font:8px Arial;margin:0;color:#ad9678}
#start .stock-sheet .bike-list button.inspected{background:#ddc19a;color:#21170e;border-left-color:#b24c2e}#start .stock-sheet .bike-list button.inspected small,#start .stock-sheet .bike-list button.inspected em{color:#59422b}
#start .purchase-ticket{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:2px solid #997041;background:#2b2117;position:sticky;top:0;z-index:3}
#start #menu-garage .purchase-ticket h2{font:23px/1.15 Impact,Arial;letter-spacing:0;margin:0;flex:1;color:#eed7ad}
#start .purchase-ticket #buyBike{width:auto;min-width:130px;min-height:46px;padding:12px 16px;margin:0;background:#dbad6b;color:#26180b;font-size:11px}
#start .purchase-ticket #buyBike:disabled{background:#484033;color:#d2c1a7;opacity:.8}
#start #menu-garage #garagePreviewMount canvas{height:240px;border:0;display:block}
#start #menu-garage .shop-ledger{padding:12px 16px;margin:0;background:#181510;border-bottom:1px solid #695033;gap:20px}
#start #menu-garage .shop-ledger b{font:26px Impact,Arial;color:#e4be84}#start #menu-garage .shop-ledger small{font-size:8px}
#start #menu-garage .trade-toggle{margin:12px 16px;min-height:44px;font-size:12px}#start #menu-garage #tradeNote,#start #menu-garage #shopStatus{margin:8px 16px!important;min-height:0!important;font-size:11px!important}
#start #menu-garage .trade-confirm{margin:10px 16px;padding:12px;border-color:#dbad6b}
#start .file-fold{margin:16px 0;border:1px solid #74674f;background:#171915d9;color:#dac9a9}
#start .file-fold>summary{cursor:pointer;min-height:44px;padding:14px 16px;font:800 10px/1.5 Arial;letter-spacing:.09em;list-style-position:inside;color:var(--room-ink,#cfb38b)}
#start .file-fold[open]>summary{border-bottom:1px solid #74674f66}
#start .file-fold>p,#start .file-fold>a{margin:12px 16px;display:block}
#start .bike-shop>.file-fold{margin:12px 16px;border-color:#725334}#start .bike-shop>.file-fold>#bikeSpecs,#start .bike-shop>.file-fold>#bikeDossier,#start .bike-shop>.file-fold>#bikeDescription{margin:14px!important}
#start .file-fold .garage{border:0;padding:16px;background:transparent}#start .file-fold .upgrades{gap:8px}#start .file-fold .upgrade{min-height:48px}
#start .rider-overview{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#start #menu-profile .menu-panel{background:repeating-linear-gradient(165deg,#b9d1d005 0 2px,transparent 3px 6px),#17282aeb;border-color:#658589}
#start #menu-profile .rider-kit{margin:0;padding:18px;display:grid;grid-template-columns:145px minmax(0,1fr);gap:8px 18px;align-content:start}
#start #menu-profile .rider-kit-preview{grid-column:1;grid-row:1/6;float:none;width:145px;height:180px;margin:0;background-color:#101b1e;border-bottom:2px solid #769398;background-size:300% 300%;background-position:50% 0}
#start #menu-profile .rider-kit>.eyebrow,#start #menu-profile .rider-kit>h3,#start #menu-profile .rider-kit>#riderLookNote,#start #menu-profile .rider-kit>.kit-choices{grid-column:2;margin:0}
#start #menu-profile .rider-kit>.eyebrow{font-size:7px;color:#a2c0bc}#start #menu-profile .rider-kit>h3{font:29px Impact,Arial;color:#e4ddc8}
#start #menu-profile .rider-kit>.file-fold{grid-column:1/-1;margin:6px 0 0;background:#101b1b;border-color:#507377}
#start .kit-choices{display:flex;flex-direction:column;gap:6px}#start .kit-choices button{min-height:44px;text-align:left;padding:9px 12px;border:1px solid #597478;border-left:5px solid var(--kit-ink);background:#111e21;color:#ceded9;font:800 9px Arial;cursor:pointer}
#start .kit-choices button[aria-pressed=true]{background:#d4ddd0;color:#172628;border-color:#c2d4cc;border-left-color:var(--kit-ink)}
#start #menu-profile #riderLookNote{font:11px/1.5 Arial;color:#b9c8bf}
#start #menu-profile .profile-grid{display:block}#start #menu-profile .profile-grid>.menu-panel{margin:0;padding:18px}#start #menu-profile .profile-grid h3{font:29px Impact,Arial;color:#e4ddc8;margin:9px 0}
#start #menu-profile .profile-grid p{font-size:12px;line-height:1.6;color:#bdcdc4}
#start #menu-profile .profile-abilities{font:800 11px/1.8 Arial;color:#a2c4bd;border-block:1px solid #597478;padding:10px 0}
#start #menu-profile .profile-grid .file-fold{margin-bottom:0;background:#152024;border-color:#597478}#start #menu-profile .record-row{margin:0 14px;padding:10px 0}
#start #menu-profile #hubSummary{margin:16px 0;gap:8px}#start #menu-profile #hubSummary>div{background:#152629dd;padding:12px;border-color:#597478}#start #menu-profile #hubSummary b{font:22px Impact,Arial;color:#dbe4d4}#start #menu-profile #hubSummary small{font-size:7px;color:#92b1b0}
#start #menu-profile>.file-fold{border-color:#587579;background:#152225e8}#start #menu-profile .home-ride-card{margin:0;border:0;background:transparent;padding:14px}#start #menu-profile .home-ride-card h3{font-size:25px}#start #menu-profile .home-machine canvas{height:180px}#start #menu-profile .history-row{margin:0 14px}#start #profileIdentity{padding:14px}#start #profileIdentity .identity-line{margin:0;padding:0;gap:12px}#start #newCareer{min-height:46px;background:#53332d;color:#e9d3bd;border:1px solid #b16d56;padding:12px}
#start #menu-profile .career-reset>summary{color:#d4a08a}#start #menu-profile .file-fold .section-head.compact{display:none}
#riderSelection{background:linear-gradient(115deg,#0d1b20f5,#182d31ed),url('./assets/last-exit-street-v27.png') center/cover;padding:16px;display:block}
#riderSelection .rider-dossier{max-width:1000px;margin:auto;background:repeating-linear-gradient(160deg,#bdd3d106 0 2px,transparent 3px 5px),#15262a;border:1px solid #5e8085;padding:20px;color:#e7dfc8}
#riderSelection .rider-pick-header{border-bottom:2px solid #85a8a6;padding-bottom:10px}#riderSelection .rider-pick-header h2{font:40px/1 Impact,Arial;margin:8px 0;letter-spacing:-.02em}#riderSelection .rider-pick-header p{font-size:12px;margin:0;color:#b6c8c3}
#riderSelection .dossier-actions{position:sticky;top:-16px;z-index:3;background:#15262afa;padding:10px 0;margin:0;display:flex;flex-wrap:nowrap;gap:10px;border-bottom:1px solid #557579}
#riderSelection .dossier-actions button{min-height:46px;padding:12px;background:#c8d8c8;color:#15272a;font:800 10px Arial;border:1px solid #adcbc2;cursor:pointer;transform:none}#riderSelection #cancelRider{background:transparent;color:#bcd1c9;order:-1}
#riderSelection #careerWarning{margin:8px 0;font:11px/1.4 Arial;min-height:0;color:#e2bd92}
#riderSelection .dossier-layout{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:18px}
#riderChoices{margin:0;gap:0}#riderChoices button{min-height:51px;padding:10px 12px;border:0;border-bottom:1px solid #4e6d7166;border-left:3px solid transparent;background:#101e22;color:#e1ddcb}#riderChoices button span{font:8px Arial;color:#87a5a5;letter-spacing:.06em;margin-bottom:4px}#riderChoices b{font:19px Impact,Arial}#riderChoices button.selected{background:#c6d5c6;border-left-color:#b66a49;color:#16262b}#riderChoices button.selected span{color:#42615d}
#riderSelection .rider-picked{background:#0f1e22;border:1px solid #48666c;padding:14px}#selectedRiderName{font:30px Impact,Arial;margin:0 0 10px;color:#d8e0d0}#riderSelection #riderPreviewMount canvas{height:175px;display:block;border-bottom:1px solid #618385}#riderSelection .starting-resources{margin:12px 0;gap:20px}#riderSelection .starting-resources b{font:23px Impact,Arial;color:#e3d6ad}#riderSelection #riderBio{font:12px/1.5 Arial;min-height:0;color:#b4c5c1}#riderSelection #riderAttributes{font-size:10px;color:#b6cfbf;border-color:#48666c}#riderSelection .rider-picked>small{font:10px Arial;color:#8da8a6}
:is(#menu-garage,#menu-profile,#riderSelection) button:focus-visible,:is(#menu-garage,#menu-profile) summary:focus-visible{outline:3px solid #fff0ce;outline-offset:2px}
@media(max-width:650px){#start .shop-deck{grid-template-columns:1fr;gap:14px}#start #menu-garage .bike-shop{order:1}#start .stock-sheet{order:2}#start #menu-garage>.section-head h2,#start #menu-profile>.section-head h2{font-size:28px}#start #menu-garage>.section-head p{display:none}#start .purchase-ticket{padding:10px;gap:8px}#start #menu-garage .purchase-ticket h2{font-size:20px}#start .purchase-ticket #buyBike{min-width:105px;font-size:10px;padding:12px 8px}#start #menu-garage #garagePreviewMount canvas{height:185px}#start .stock-sheet .bike-class-filters{grid-template-columns:repeat(4,minmax(0,1fr))}#start .stock-sheet .bike-list{max-height:300px}#start .rider-overview{grid-template-columns:1fr}#start #menu-profile .rider-kit{grid-template-columns:115px minmax(0,1fr);padding:14px;gap:8px 12px}#start #menu-profile .rider-kit-preview{width:115px;height:150px}#start #menu-profile .rider-kit>h3{font-size:25px}#start #menu-profile #hubSummary{grid-template-columns:1fr 1fr}#riderSelection{padding:10px}#riderSelection .rider-dossier{padding:12px}#riderSelection .dossier-layout{grid-template-columns:1fr}#riderSelection #riderChoices{display:grid;grid-template-columns:1fr 1fr;gap:4px}#riderChoices b{font-size:17px}#riderChoices button{padding:9px}#riderSelection .dossier-actions{top:-10px}#riderSelection .rider-pick-header h2{font-size:32px}}
@media(max-height:520px) and (min-width:651px){#start[data-page=garage] .menu-header,#start[data-page=profile] .menu-header,#start[data-page=garage] .controller-quick,#start[data-page=profile] .controller-quick{display:none}#start #menu-garage>.section-head,#start #menu-profile>.section-head{padding:5px 0 9px;margin-bottom:10px}#start #menu-garage>.section-head h2,#start #menu-profile>.section-head h2{font-size:27px}#start #menu-garage>.section-head p{display:none}#start .shop-deck{grid-template-columns:230px minmax(0,1fr);gap:12px}#start #menu-garage #garagePreviewMount canvas{height:155px}#start .purchase-ticket{padding:8px 10px;gap:8px}#start #menu-garage .purchase-ticket h2{font-size:18px}#start .purchase-ticket #buyBike{min-width:110px;font-size:10px;padding:10px}#start .stock-sheet{padding:9px}#start .stock-sheet h3{font-size:22px}#start .stock-sheet .bike-list{max-height:240px}#start .rider-overview{grid-template-columns:1fr 1fr;gap:12px}#start #menu-profile .rider-kit{padding:12px;grid-template-columns:100px minmax(0,1fr);gap:8px}#start #menu-profile .rider-kit-preview{width:100px;height:145px}#start #menu-profile .rider-kit>h3{font-size:24px}#start #menu-profile .profile-grid>.menu-panel{padding:12px}#start #menu-profile .profile-grid p{font-size:11px}#start #menu-profile .profile-grid h3{font-size:25px}#riderSelection .rider-pick-header{display:flex;align-items:center;gap:18px}#riderSelection .rider-pick-header p{display:none}#riderSelection .rider-pick-header h2{font-size:28px;margin:0}#riderSelection .rider-dossier{padding:12px}#riderSelection #riderChoices{max-height:270px;overflow-y:auto}#riderSelection #riderPreviewMount canvas{height:140px}}
@media(max-height:520px) and (min-width:651px){#start #menu-garage>.section-head,#start #menu-profile>.section-head{margin-top:4px;padding:0 0 6px}#start .stock-sheet .catalog-heading p{display:none}#start .stock-sheet .bike-class-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}#start .stock-sheet .bike-class-filters button{font-size:8px;padding:4px 2px}#start .stock-sheet .bike-list button{min-height:44px;padding:8px 6px}#start .stock-sheet .bike-list em{display:none}#start .stock-sheet .bike-list b{font-size:15px}}
/* v81: each roster entry shows that rider's own outfit (standing pose of their recovery sheet). */
#riderChoices button{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;align-items:center;align-content:center}#riderChoices button>span,#riderChoices button>b{grid-column:2}#riderChoices .rider-portrait{grid-column:1;grid-row:1/3;width:40px;height:54px;background-repeat:no-repeat;background-size:400% 200%;background-position:100% 100%}
/* Landscape phones: the whole rider select fits one screen. Header and actions on one row, the 8 riders
   as a 2x4 grid on the left, the picked rider (preview, cash, bike, stats, quote) on the right. */
@media (orientation:landscape) and (max-height:520px){
 #riderSelection{padding:8px 10px!important;place-items:stretch!important;overflow:hidden}
 #riderSelection #riderController{position:fixed;top:12px;right:14px;z-index:3;width:auto;min-height:34px!important;margin:0!important;padding:4px 10px!important;font-size:0!important}
 #riderSelection #riderController::after{content:'CONTROLLER';font-size:10px;letter-spacing:.08em}
 #riderSelection .rider-dossier{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:6px 12px;width:100%!important;max-width:none!important;height:calc(100dvh - 16px);margin:0!important;padding:8px 12px!important;box-sizing:border-box}
 #riderSelection .rider-pick-header{grid-column:1;grid-row:1;display:flex!important;align-items:center;gap:12px;margin:0!important;padding:0!important;border:0!important}
 #riderSelection .rider-pick-header .eyebrow,#riderSelection .rider-pick-header p{display:none!important}
 #riderSelection .rider-pick-header h2{font-size:24px!important;margin:0!important;line-height:1}
 #riderSelection .dossier-actions{grid-column:2;grid-row:1;display:flex!important;flex-direction:row-reverse;gap:8px;margin:0 112px 0 0!important;padding:0!important;border:0!important;position:static!important;top:auto!important}
 #riderSelection .dossier-actions .go{min-height:38px!important;padding:6px 12px!important;font-size:11px!important;box-shadow:none!important}
 #riderSelection #careerWarning{display:none}
 #riderSelection .dossier-layout{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;gap:12px!important;min-height:0;margin:0!important}
 #riderSelection .rider-roster{min-height:0;overflow:auto}
 #riderSelection #riderChoices{display:grid!important;grid-template-columns:1fr 1fr!important;grid-auto-rows:minmax(0,1fr);gap:4px!important;height:100%;max-height:none!important;overflow:visible!important;margin:0!important}
 #riderSelection #riderChoices button{min-height:0!important;padding:4px 6px!important;grid-template-columns:26px minmax(0,1fr);column-gap:6px;border-bottom-width:1px}
 #riderSelection #riderChoices .rider-portrait{width:26px;height:36px}
 #riderSelection #riderChoices button span{font-size:7px!important;margin:0!important;letter-spacing:.06em}
 #riderSelection #riderChoices b{font-size:13px!important;line-height:1.1}
 #riderSelection .rider-picked{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto auto;min-height:0;padding:6px 10px!important;overflow:hidden}
 #riderSelection #selectedRiderName{font-size:18px!important;margin:0!important;line-height:1.1}
 #riderSelection #riderPreviewMount{min-height:0}
 #riderSelection #riderPreviewMount canvas{width:100%!important;height:100%!important;max-height:150px}
 #riderSelection .starting-resources{display:flex!important;gap:16px;margin:2px 0!important;padding:0!important}
 #riderSelection .starting-resources small{font-size:8px!important}
 #riderSelection .starting-resources b{font-size:16px!important}
 #riderSelection #riderAttributes{font-size:10px!important;margin:0!important;line-height:1.3}
 #riderSelection #riderBio{display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-height:0!important;margin:2px 0 0!important;font-size:10px!important;line-height:1.35}
 #riderSelection .rider-picked>small{display:none}
}