/* Sim Racing Circuit 3D */
.src-opts { display: grid; gap: 10px; margin: 2px 0 16px; }
.src-opt h4 { margin: 0 0 8px; font-size: 18px; color: #fff; }
.src-opt__row { display: flex; flex-wrap: wrap; gap: 10px; }
.src-pick { flex: 1 1 170px; text-align: left; padding: 10px 14px; border-radius: 14px; border: 2px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); color: #fff; font: inherit; cursor: pointer; }
.src-pick b { display: block; font-size: 15px; }
.src-pick small { display: block; margin-top: 3px; font-size: 12px; opacity: .72; }
.src-pick:hover { border-color: rgba(255,255,255,.3); }
.src-pick.is-on { border-color: #4dd9e6; background: rgba(77,217,230,.12); }
.src-pick:focus-visible { outline: 3px solid #ffd54a; outline-offset: 2px; }
.src-delta { margin-top: 3px; padding: 2px 10px; border-radius: 9px; background: rgba(8,16,28,.82); font: 800 14px system-ui, sans-serif; font-variant-numeric: tabular-nums; text-align: center; }
.src-delta[hidden] { display: none; }
.src-delta.is-fast { color: #4ade80; font-size: 20px; }
.src-delta.is-slow { color: #fca5a5; font-size: 20px; }
.src-wheel { position: absolute; left: 50%; bottom: -46px; width: 210px; height: 210px; transform: translateX(-50%); pointer-events: none; filter: drop-shadow(0 4px 8px rgba(0,0,0,.5)); }
.src-wheel[hidden] { display: none; }
.src-wheel svg { width: 100%; height: 100%; display: block; }
@container (max-width: 560px) { .src-wheel { display: none; } }