.event-choice-list { display:flex; gap:12px; max-width:100%; min-width:0; overflow-x:auto; padding:4px 1px 10px; overscroll-behavior-inline:contain; scrollbar-width:thin; scroll-snap-type:x proximity; }
.event-choice-card { position:relative; overflow:hidden; flex:0 0 210px; min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; padding:18px 20px; border:1px solid rgba(169,220,229,.23); border-radius:9px; background:linear-gradient(135deg,rgba(36,62,75,.66),rgba(9,24,33,.76)); backdrop-filter:blur(12px); box-shadow:inset 0 1px 0 rgba(235,251,255,.08),0 5px 14px rgba(0,0,0,.12); color:var(--text); text-decoration:none; scroll-snap-align:start; transition:background .15s,border-color .15s,box-shadow .15s; }
.event-choice-card > strong { max-width:100%; font-size:15px; line-height:1.4; overflow-wrap:anywhere; }
.event-choice-card .status-chip { font-size:11px; font-weight:800; border:1px solid currentColor; padding:5px 9px; background:rgba(5,17,24,.45); }
.event-choice-card .status-chip::before { content:''; width:5px; height:5px; display:inline-block; margin-right:5px; border-radius:50%; vertical-align:middle; background:currentColor; box-shadow:0 0 6px currentColor; }
.event-choice-card:hover { border-color:rgba(77,216,229,.65); background:linear-gradient(135deg,rgba(36,77,93,.8),rgba(10,32,43,.84)); }
.event-choice-card.is-selected { border-color:rgba(255,145,76,.8); background:linear-gradient(120deg,rgba(64,67,63,.75),rgba(18,47,60,.86)); box-shadow:inset 3px 0 0 var(--orange),inset 0 1px 0 rgba(255,217,183,.16),0 5px 18px rgba(0,0,0,.2); }
.event-choice-card.is-selected::after { content:'✓'; position:absolute; top:0; right:0; padding:2px 7px 4px 9px; border-bottom-left-radius:9px; background:var(--orange); color:#14202a; font-size:11px; font-weight:900; }
.event-choice-card:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
.race-home-event-switcher { min-width:0; width:100%; padding:15px clamp(34px,4.1vw,76px) 5px; border-bottom:1px solid rgba(173,210,227,.14); background:linear-gradient(90deg,rgba(7,17,24,.52),rgba(14,29,38,.3)); }
.race-event-switcher-heading { display:flex; align-items:center; gap:10px; margin-bottom:8px; color:#d8e8ef; }
.race-event-switcher-heading strong { font-size:12px; letter-spacing:.08em; }
.race-event-switcher-heading span { font-size:10px; color:var(--muted); }
.event-choice-compact { position:relative; z-index:1; padding:2px 1px 10px; }
.event-choice-compact .event-choice-card { flex-basis:200px; min-height:88px; padding:13px 17px; gap:9px; }
.race-admin-selected { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:20px; padding:18px; border:1px solid var(--line); background:rgba(7,23,32,.35); }
.race-admin-selected > div { flex:1 1 230px; min-width:0; }
.race-admin-selected h3, .race-admin-selected p { margin:0; overflow-wrap:anywhere; }
.race-admin-selected p { margin-top:7px; color:var(--muted); font-size:12px; }
.advancement-tie-group { margin-bottom:18px; padding:16px; border:1px solid var(--line); border-radius:7px; }
.advancement-tie-group h3 { margin:0 0 8px; font-size:16px; }
.advancement-tie-candidates { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:8px; margin-top:12px; }
.advancement-tie-option { display:flex; align-items:center; gap:9px; padding:10px; border:1px solid var(--line); background:rgba(4,17,27,.35); }
.advancement-tie-option span { min-width:0; overflow-wrap:anywhere; }
.advancement-tie-option small { display:block; margin-top:4px; color:var(--muted); }
.extra-play-guess { background-image:linear-gradient(90deg,rgba(5,18,28,.85),rgba(5,18,28,.12)),url('/assets/extra-guess-v018.png'); }
.extra-play-challenge { background-image:linear-gradient(90deg,rgba(5,18,28,.85),rgba(5,18,28,.12)),url('/assets/extra-challenge-v018.png'); }
@media(max-width:820px) { .race-home-event-switcher { padding:13px 18px 3px; } }
@media(max-width:700px) { .event-choice-list { gap:9px; } .event-choice-card { flex-basis:165px; padding:13px; } .event-choice-compact .event-choice-card { flex-basis:165px; min-height:82px; padding:12px 14px; } .event-choice-card > strong { font-size:13px; } .event-choice-card .status-chip { font-size:10px; padding:4px 7px; } .race-admin-selected { padding:14px; } }