/* Build & Race Workshop */
.bdr-work { margin: 0 0 18px; color: #fff; }
.bdr-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0 0 10px; }
.bdr-work h3 { margin: 0; font-size: 20px; color: #fff; }
.bdr-go { min-height: 40px; padding: 6px 16px; font-size: 14px; }
.bdr-work h4 { margin: 12px 0 6px; font-size: 15px; color: #fff; }
.bdr-bay { display: flex; gap: 14px; align-items: stretch; flex-wrap: wrap; }
.bdr-stand { flex: 1 1 260px; height: 180px; border-radius: 14px; overflow: hidden; background: radial-gradient(circle at 50% 70%, #33415c, #111827 75%); }
.bdr-stand canvas { display: block; width: 100%; height: 100%; }
.bdr-stats { flex: 1 1 220px; display: grid; gap: 8px; align-content: center; }
.bdr-stat { display: grid; grid-template-columns: 112px 1fr; align-items: center; gap: 8px; font-size: 13px; }
.bdr-stat u { display: block; height: 10px; border-radius: 5px; overflow: hidden; background: rgba(255,255,255,.12); text-decoration: none; }
.bdr-stat i { display: block; height: 100%; background: linear-gradient(90deg,#22d3ee,#4ade80); }
.bdr-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.bdr-part { text-align: left; padding: 8px 12px; border-radius: 12px; border: 2px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); color: #fff; font: inherit; cursor: pointer; }
.bdr-part b { display: block; font-size: 14px; }
.bdr-part small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.3; opacity: .75; }
.bdr-part:hover:not(:disabled) { border-color: rgba(255,255,255,.3); }
.bdr-part.is-on { border-color: #4dd9e6; background: rgba(77,217,230,.12); }
.bdr-part.is-locked { opacity: .55; cursor: not-allowed; }
.bdr-part:focus-visible { outline: 3px solid #ffd54a; outline-offset: 2px; }
