/* Compact race ticket: one course preview, five road names, launch first. */
#start[data-page=races] .menu-nav,#start[data-page=quick] .menu-nav{margin-bottom:6px}
#start .race-launch{position:sticky;top:0;z-index:3;background:#181713f5}
#start .race-launch{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px solid #ab4732;padding:14px 0 16px}
#start .race-launch h2{font:clamp(32px,5vw,54px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;margin:7px 0;color:#efddbb}
#start .race-launch p{font:12px/1.4 Arial;color:#d4c2a3;margin:0}
#start .race-launch .eyebrow{font-size:9px;color:#c7a783}
#start #raceLaunchAction{flex:none}#start #raceLaunchAction .go{background:#d76743;color:#180f0b;font-size:13px;padding:19px 28px;min-height:52px}
#start #raceLaunchAction .go:disabled{opacity:.45;cursor:not-allowed}
#start .race-progress-line{font:11px/1.5 Arial;color:#dcc7a2;padding:12px 0 14px}
#start .course-picker{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.3fr);gap:26px;margin:6px 0 28px}
#start .course-index h3{font:800 10px Arial;letter-spacing:.13em;margin:0 0 12px;color:#dbbfa0;display:flex;justify-content:space-between}
#start .course-index h3 span{color:#8b7965;font-size:9px}
#start .course-list{display:flex;flex-direction:column;gap:0}
#start .course-list .route{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;width:100%;min-height:65px;margin:0;padding:11px 15px;border:0;border-bottom:1px solid #8a715148;border-left:3px solid transparent;background:#171612c4;color:#e6d6b9;text-align:left;box-shadow:none;transform:none;border-radius:0}
#start .course-list .route>b{font:21px/1.1 Impact,'Arial Narrow',sans-serif;display:block;margin:0;color:inherit}
#start .course-list .route .event-distance{font:10px Arial;color:#baac93;grid-column:2;grid-row:1}
#start .course-list .route .event-stamp{border:0;padding:0;margin:0;min-height:0;font:800 8px Arial;letter-spacing:.08em;color:#ab987a;grid-column:1/-1}
#start .course-list .route.active{background:#dfc9a5;color:#261b12;border-left-color:#b13d29;box-shadow:none}
#start .course-list .route.active .event-distance,#start .course-list .route.active .event-stamp{color:#60452d}
#start .course-list .route:hover{background:#50412e}#start .course-list .route.active:hover{background:#ecd6b3}
#start .course-list .event-art,#start .course-list .event-mood,#start .course-list .event-description,#start .course-list .event-hazards,#start .course-list [data-record],#start .course-list .event-patrol{display:none}
#start .course-preview{border:1px solid #7d694b;background:#1b1915e8;display:grid;grid-template-columns:1fr;min-width:0}
#start .course-map{position:relative;background:radial-gradient(ellipse at center,#84734d22,transparent 70%),repeating-linear-gradient(0deg,transparent 0 23px,#bea87b0b 24px 25px),#131815;min-height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#start .course-map svg{width:80%;height:135px;max-width:400px}.course-map path{fill:none;stroke-linecap:round;stroke-linejoin:round}.course-map .route-shadow{stroke:#0009;stroke-width:12}.course-map .route-line{stroke:var(--route-ink,#c8b78d);stroke-width:5}.course-map circle{fill:#f2dfb5}.course-map text{fill:#d9c6a3;font:6px Arial;letter-spacing:1px}
#start .course-map>span{position:absolute;top:12px;left:14px;font:8px Arial;color:#b4a583;letter-spacing:.16em}
#start .course-copy{padding:18px 22px}#start .course-copy .eyebrow{font-size:8px;color:#bb9066}
#start .course-copy h3{font:32px/1.05 Impact,'Arial Narrow',sans-serif;color:#f1dfbc;margin:8px 0}
#start #courseMood{color:#d5b78c;font:italic 13px Georgia;margin:0 0 14px}
#start .course-facts{display:flex;gap:24px;border-block:1px solid #7d694b66;padding:10px 0}
#start .course-facts small{display:block;font:7px Arial;color:#aa987b;letter-spacing:.1em;margin-bottom:6px}#start .course-facts b{font:700 13px Arial;color:#e8d6b5}
#start #courseDescription{font:12px/1.6 Arial;color:#c9bba2;margin:12px 0}#start #courseHazards{font:9px/1.6 Arial;color:#ae9674;display:block}
#start .quick-setup{display:grid;grid-template-columns:1fr 1.5fr;gap:10px 20px;background:#1a1713e6;border-bottom:1px solid #7d694b66;padding:14px;margin:12px 0 20px}
#start .quick-setup label{display:grid;gap:7px;font:800 9px Arial;color:#bdab8c;letter-spacing:.1em}#start .quick-setup select{width:100%;min-width:0;font-size:12px}#start .quick-setup p{grid-column:1/-1;margin:0;font:11px/1.4 Arial;color:#b9a78d}
#start[data-page=races] .controller-quick,#start[data-page=quick] .controller-quick{display:none}
#start .course-list .route:focus-visible,#start #raceLaunchAction button:focus-visible{outline:3px solid #fff1ce;outline-offset:3px;z-index:1}
@media(max-width:650px){#start .race-launch{gap:10px;padding-top:4px}#start .race-launch h2{font-size:32px}#start .race-launch p{font-size:10px}#start .race-launch .eyebrow{font-size:7px}#start #raceLaunchAction .go{font-size:10px;padding:15px 13px;min-height:48px}#start .course-picker{grid-template-columns:1fr;gap:16px}#start .course-map{min-height:110px}#start .course-map svg{height:110px}#start .course-list .route{min-height:59px}#start .course-copy{padding:16px}.race-progress-line{font-size:10px}#start .quick-setup{gap:10px;padding:12px}}
@media(max-height:520px) and (min-width:651px){#start .race-launch{padding:6px 0 9px}#start .race-launch h2{font-size:30px;margin:3px 0}#start .race-launch p{font-size:10px}#start .race-launch .eyebrow{font-size:7px}#start .race-progress-line{padding:8px 0;font-size:10px}#start .course-picker{gap:18px;margin-bottom:16px}#start .course-list .route{min-height:47px;padding:7px 11px;gap:3px 10px}#start .course-list .route>b{font-size:18px}#start .course-map{min-height:85px}#start .course-map svg{height:85px}#start .course-copy{padding:10px 14px}#start .course-copy h3{font-size:25px;margin:5px 0}#start #courseMood{margin-bottom:8px;font-size:11px}#start .course-facts{padding:8px 0}#start #courseDescription{font-size:10px;margin:8px 0}#start .quick-setup{margin:8px 0 12px;padding:10px;grid-template-columns:1fr 1.5fr 1.2fr;align-items:center}#start .quick-setup p{grid-column:auto;font-size:10px}}
@media(max-height:520px) and (min-width:651px){#start[data-page=races] .menu-header,#start[data-page=quick] .menu-header{display:none}#start .race-launch{padding:5px 0 8px}#start .course-list .route{min-height:44px;padding:5px 11px}#start .course-index h3{margin-bottom:8px}#start .course-picker{margin-top:0}#start .race-progress-line{padding:7px 0}#start .course-preview{align-self:start}#start #courseDescription{display:none}}
@media(max-height:520px) and (min-width:651px){#start .race-launch{padding:4px 0 6px}#start .race-launch h2{font-size:26px;margin:2px 0}#start #raceLaunchAction .go{min-height:44px;padding:12px 24px}#start .race-progress-line{padding:5px 0;font-size:9px}}