/* Car Soccer 3D (shared: sim3d.css + car-kit.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.cs-board { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); display: flex; align-items: stretch; border-radius: 12px; overflow: hidden; pointer-events: none; font: 900 26px system-ui, sans-serif; font-variant-numeric: tabular-nums; box-shadow: 0 4px 14px rgba(0, 0, 0, .35); }
.cs-board span { padding: 2px 16px; min-width: 52px; text-align: center; }
.cs-b { background: #2563eb; } .cs-o { background: #ea580c; }
.cs-time { background: rgba(8, 16, 28, .85); font-size: 20px; line-height: 36px; min-width: 70px; }
.cs-board.is-goal { animation: cs-pulse .4s ease-in-out 3; }
@keyframes cs-pulse { 50% { transform: translateX(-50%) scale(1.15); } }
.cs-boost { position: absolute; left: 12px; top: 12px; width: 150px; height: 16px; border-radius: 8px; background: rgba(8, 16, 28, .65); border: 1px solid rgba(255, 255, 255, .3); overflow: hidden; pointer-events: none; }
.cs-boost i { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, #f97316, #facc15); }
.cs-boost span { position: absolute; inset: 0; text-align: center; font: 900 10px/16px system-ui, sans-serif; letter-spacing: .12em; }
.cs-boost2 { left: auto; right: 12px; }
.cs-tag { position: absolute; left: 0; top: 0; pointer-events: none; font: 800 11px system-ui, sans-serif; padding: 1px 6px; border-radius: 6px; white-space: nowrap; }
.cs-t0 { background: rgba(37, 99, 235, .85); } .cs-t1 { background: rgba(234, 88, 12, .85); }
.ck-touch .sim-tbtn[data-id="jump"] { background: rgba(21, 128, 61, .75); }
.ck-touch .sim-tbtn[data-id="boost"] { background: rgba(194, 65, 12, .75); }
@container (max-width: 480px) {
  .cs-board { top: 92px; font-size: 20px; }
  .cs-time { line-height: 28px; font-size: 16px; }
  .cs-boost { top: auto; bottom: 150px; width: 120px; }
}
@media (prefers-reduced-motion: reduce) { .cs-board.is-goal { animation: none; } }