.driver-picker-open { overflow:hidden; }
html.driver-picker-open body { overflow:hidden; }
.driver-picker-dialog { width:min(760px,calc(100% - 28px)); max-height:calc(100dvh - 36px); margin:auto; padding:0; overflow:auto; overscroll-behavior:contain; border:1px solid #4c596a; border-radius:18px; background:#1e2631; color:#e7edf6; box-shadow:0 24px 100px #0008; }
.driver-picker-dialog:not([open]) { display:none; }
.driver-picker-dialog::backdrop { background:#0b101bba; backdrop-filter:blur(5px); }
.driver-picker-header { position:sticky; top:0; z-index:2; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:24px 24px 18px; background:#1e2631; }
.driver-picker-header small { color:#9aa8ba; font:550 10px/1.5 monospace; letter-spacing:.1em; }.driver-picker-header h2 { font:650 25px/1.2 Inter,sans-serif; letter-spacing:-.04em; margin:9px 0; }.driver-picker-header p { margin:0; font-size:12px; color:#d0a39d; }
.driver-picker-close { display:grid; place-items:center; width:38px; height:38px; border:1px solid #4c5869; border-radius:10px; background:#2b3442; color:#dbe3ef; font:400 26px/1 Arial,sans-serif; }
.driver-picker-search { padding:0 24px 20px; }.driver-picker-search label { display:block; margin-bottom:9px; color:#9caabe; font:400 11px/1.5 Inter,sans-serif; }.driver-picker-search input { width:100%; min-height:46px; border:1px solid #536074; border-radius:10px; padding:12px; background:#171f2b; color:#e5edf7; font-size:16px; }
.driver-picker-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0 24px 22px; }
.driver-choice { display:flex; align-items:center; gap:12px; width:100%; min-width:0; min-height:100px; padding:10px; border:1px solid #465266; border-radius:12px; background:#283343; color:#e0e8f5; text-align:left; }
.driver-choice:hover:not(:disabled),.driver-choice[aria-pressed="true"] { border-color:#e07d70; background:#3b303b; }.driver-choice:disabled { opacity:.45; cursor:not-allowed; }
.driver-choice-photo { display:grid; place-items:center; position:relative; overflow:hidden; width:48px; height:48px; aspect-ratio:1; flex:0 0 48px; border-radius:8px; background:#343e4a; color:#a6b2c0; font:600 14px monospace; }
.driver-choice-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 0; }.driver-choice-photo img[hidden] { display:none; }
.driver-choice-photo:has(img:not([hidden]))>span,.driver-profile-photo:has(img:not([hidden]))>span { visibility:hidden; }
.driver-choice-meta { min-width:0; }.driver-choice-meta strong { display:block; font:600 14px/1.4 Inter,sans-serif; overflow-wrap:anywhere; }.driver-choice-meta small { display:block; margin-top:6px; color:#a4b1c6; font:400 10px/1.5 Inter,sans-serif; }.driver-choice-number { margin-left:auto; color:#d4deed; font:550 14px monospace; }
.driver-picker-dialog footer { padding:17px 24px; border-top:1px solid #ffffff10; }.driver-picker-dialog footer a { display:inline-flex; align-items:center; gap:12px; color:#b9c8dd; text-decoration:none; font-size:12px; }.driver-picker-empty { padding:10px 24px 30px; color:#b6c3d4; font-size:13px; }
body.apex-night-theme.editorial-theme .event-page .prediction-category-choice { display:flex; align-items:center; gap:12px; min-height:68px; width:100%; padding:8px 12px; border:1px solid #4a5668; border-radius:10px; background:#1c2533; color:#dfe8f5; text-align:left; font:500 13px/1.5 Inter,sans-serif; }
.prediction-category-choice .driver-choice-photo { width:48px; height:48px; flex-basis:48px; font-size:14px; }.prediction-category-choice[aria-invalid="true"] { border-color:#ed7769!important; }
.driver-picker-dialog :is(button,input):focus-visible,.prediction-category-choice:focus-visible { outline:2px solid #b5c9e2; outline-offset:3px; }
.driver-directory,.driver-profile-page { max-width:1100px; margin:auto; font-family:Inter,sans-serif; }.driver-directory>header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:30px; }.driver-directory h1,.driver-profile-page h1 { font-size:clamp(30px,4vw,48px); font-weight:700; letter-spacing:-.045em; }.driver-directory p { color:#99a8bc; }.driver-directory header small,.driver-profile-page small { color:#99a9bc; font-size:11px; letter-spacing:.06em; }.driver-directory form { display:flex; align-items:center; gap:10px; font-size:12px; }.driver-directory :is(select,button) { background:#273345; color:#e0e9f6; border:1px solid #4b596c; border-radius:8px; padding:10px; }
.driver-directory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.driver-profile-card { display:block; min-width:0; overflow:hidden; border:1px solid #3d4b60; border-radius:14px; background:#222d3c; color:#e4ecf7!important; text-decoration:none!important; }.driver-profile-card>div { padding:17px; }.driver-profile-card h2 { margin:7px 0 0; font:600 17px/1.4 Inter,sans-serif; }.driver-profile-card small { color:#a7b8cc; font-size:11px; }
.driver-profile-photo { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:1; overflow:hidden; background:#29323e; color:#829ab8; font:600 60px monospace; }.driver-profile-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 0; }.driver-profile-photo img[hidden] { display:none; }
.driver-profile-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); align-items:center; gap:50px; margin-top:30px; }.driver-profile-hero .driver-profile-photo { border-radius:16px; }.driver-profile-hero dl>div { padding:17px 0; border-bottom:1px solid #ffffff18; }.driver-profile-hero dt { font-size:12px; color:#9caec4; }.driver-profile-hero dd { margin:6px 0 0; font-size:20px; }.driver-profile-hero a { display:inline-flex; align-items:center; gap:12px; margin-top:20px; color:#b8c9df; font-size:12px; }
@media(max-width:650px) { .driver-picker-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 20px); border-radius:14px; }.driver-picker-header { padding:20px 16px 16px; }.driver-picker-search { padding:0 16px 16px; }.driver-picker-options { grid-template-columns:1fr; padding:0 16px 18px; }.driver-choice-meta strong { font-size:14px; }.driver-choice-number { font-size:16px; }.driver-directory>header { align-items:flex-start; flex-direction:column; }.driver-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.driver-profile-card>div { padding:12px; }.driver-profile-card h2 { font-size:14px; }.driver-profile-hero { grid-template-columns:1fr; gap:25px; }.driver-profile-hero .driver-profile-photo { max-width:360px; } }

/* Shared category/picker controls: one palette, photo size and touch target. */
.event-page,.driver-picker-dialog { --prediction-surface:#232a34; --prediction-control:#2a323e; --prediction-border:#465262; --prediction-text:#e4eaf2; --prediction-muted:#9eacbe; }
.driver-picker-dialog,.driver-picker-header { background:var(--prediction-surface); border-color:var(--prediction-border); }
body.apex-night-theme.editorial-theme .event-page :is(.prediction-podium-slot,.prediction-category-choice),.driver-picker-dialog .driver-choice { display:flex; align-items:center; justify-content:flex-start; gap:12px; min-height:76px; height:76px; width:100%; min-width:0; padding:12px; border:1px solid var(--prediction-border); border-radius:10px; background:var(--prediction-control); color:var(--prediction-text); font:500 13px/1.5 Inter,sans-serif; text-align:left; }
body.apex-night-theme.editorial-theme .event-page :is(.prediction-podium-slot,.prediction-category-choice):hover,.driver-picker-dialog .driver-choice:hover:not(:disabled) { border-color:#8a97a7; background:#303b48; }
.driver-picker-dialog .driver-choice[aria-pressed="true"] { border-color:#df796e; background:var(--prediction-control); }
.prediction-podium-field { min-width:0; }.prediction-podium-field>.form-label { display:block; min-height:18px; margin-bottom:8px; color:#c7d0dc; font:550 12px/1.5 Inter,sans-serif; }
body.apex-night-theme.editorial-theme .event-page .prediction-podium-slot .driver-choice-meta { font-size:13px; color:var(--prediction-text); }
body.apex-night-theme.editorial-theme .event-page :is(.prediction-podium-slot,.prediction-category-choice) .driver-choice-meta strong { margin:0; color:var(--prediction-text); font:600 13px/1.4 Inter,sans-serif; }
body.apex-night-theme.editorial-theme .event-page :is(.prediction-podium-slot,.prediction-category-choice) .driver-choice-meta small { margin-top:5px; color:var(--prediction-muted); font:400 10px/1.4 Inter,sans-serif; text-transform:none; }
.driver-picker-dialog #driver-picker-search,.driver-picker-close { border-color:var(--prediction-border); background:var(--prediction-control); color:var(--prediction-text); }
.event-page .prediction-more .row { --bs-gutter-x:10px; --bs-gutter-y:20px; }
.event-page .prediction-podium { gap:20px 10px; }
.event-page .prediction-more .form-label { min-height:18px; margin-bottom:8px; font:550 12px/1.5 Inter,sans-serif; }
body.apex-night-theme.editorial-theme .event-page .prediction-workbench .prediction-more :is(.form-control,input,textarea) { background:var(--prediction-control); border-color:var(--prediction-border); border-radius:10px; color:var(--prediction-text); }
body.apex-night-theme.editorial-theme .event-page .prediction-more input[type="number"] { min-height:76px; height:76px; padding:12px; }
.prediction-podium-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; margin-top:16px; }
.prediction-podium-actions[hidden] { display:none; }
.prediction-podium-actions>span { color:var(--prediction-muted); font:400 11px/1.5 Inter,sans-serif; }
body.apex-night-theme.editorial-theme .event-page .prediction-podium-clear { min-height:44px; padding:10px 14px; border:1px solid var(--prediction-border); border-radius:8px; background:transparent; color:var(--prediction-text); font:550 12px/1.4 Inter,sans-serif; box-shadow:none; }
body.apex-night-theme.editorial-theme .event-page .prediction-podium-clear:hover:not(:disabled) { border-color:#9da9b9; background:#ffffff06; }
body.apex-night-theme.editorial-theme .event-page .prediction-podium-clear:disabled { opacity:.4; cursor:default; }
body.apex-night-theme.editorial-theme .event-page .prediction-podium-clear:focus-visible { outline:2px solid #d4dce7; outline-offset:3px; }
@media(max-width:700px) { .event-page :is(.prediction-podium,.prediction-native-podium) { grid-template-columns:minmax(0,1fr); gap:18px; } body.apex-night-theme.editorial-theme .event-page :is(.prediction-podium-slot,.prediction-category-choice) { padding:10px; gap:8px; } .event-page .prediction-podium-slot .driver-choice-photo,.event-page .prediction-category-choice .driver-choice-photo { width:40px; height:40px; flex-basis:40px; } }