.kars-card { grid-column: 1 / -1; }
.fidget-window.kars-window { border-color: #dfb795; background: #f5d6b5; touch-action: none; }
.kars-window .fidget-title { color: rgb(110 65 35 / 50%); }
.kars-controls { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; padding: 10px 12px; }
.kars-control { display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 5px; padding: 6px; background: transparent; color: #805638; cursor: pointer; }
.kars-control svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.kars-icon-pressed, .kars-control[aria-pressed="true"] .kars-icon-default { display: none; }
.kars-control[aria-pressed="true"] .kars-icon-pressed { display: initial; }
.kars-control:hover, .kars-control[aria-pressed="true"] { background: rgb(255 255 255 / 30%); }
.kars-control:focus-visible { outline: 3px solid #805638; outline-offset: 2px; }
.kars-roads { position: relative; display: grid; gap: 15px; padding: 4px 0 56px; }
.kars-last-click { position: absolute; bottom: 14px; left: 12px; z-index: 1; max-width: calc(100% - 24px); overflow: hidden; color: #654f3b; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.kars-last-click[hidden] { display: none; }
.kars-sky { position: relative; height: 100px; overflow: hidden; }
.kars-sky .kars-vehicle { top: 16px; }
.kars-road { position: relative; height: 85px; overflow: hidden; border-block: 4px solid #dbbda2; background: #8d9996; }
.kars-road::before { position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background: repeating-linear-gradient(to right, #dce1cb 0 28px, transparent 28px 54px); content: ""; opacity: .65; }
.kars-vehicle { position: absolute; top: 4px; left: 0; width: 116px; height: 68px; border: 0; border-radius: 6px; padding: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.kars-vehicle:focus-visible { outline: 3px solid #fff4ca; outline-offset: -2px; }
.kars-vehicle img { display: block; width: 100%; height: 100%; user-select: none; pointer-events: none; }
.kars-vehicle.is-left img { scale: -1 1; }
.kars-vehicle.is-reacting img { animation: kars-bounce 650ms ease; }
.kars-vehicle[data-reaction="wiggle"].is-reacting img { animation-name: kars-wiggle; }
.kars-vehicle[data-reaction="rumble"].is-reacting img { animation-name: kars-rumble; }
.kars-vehicle[data-reaction="flash"].is-reacting img { animation-name: kars-flash; }
.kars-vehicle[data-reaction="scoot"].is-reacting img { animation-name: kars-scoot; }
.kars-error { margin: 0; padding: 0 16px 52px; color: #654538; font-size: 12px; text-align: center; }
.kars-error[hidden] { display: none; }
@keyframes kars-bounce { 25%, 65% { transform: translateY(-9px); } 45%, 85% { transform: translateY(0); } }
@keyframes kars-wiggle { 20%, 60% { transform: rotate(-6deg); } 40%, 80% { transform: rotate(6deg); } }
@keyframes kars-rumble { 20%, 60% { transform: translateY(-3px) rotate(-2deg); } 40%, 80% { transform: translateY(2px) rotate(2deg); } }
@keyframes kars-flash { 25%, 65% { filter: brightness(1.35); transform: translateY(-3px); } }
@keyframes kars-scoot { 30% { transform: rotate(-5deg) translateX(10px); } 65% { transform: rotate(2deg); } }
@media (max-width: 520px) {
  .kars-vehicle { width: 96px; }
  .kars-roads { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .kars-vehicle.is-reacting img { animation: none; filter: brightness(1.15); }
}