/* race-kit: shared styles for the /racing-games/ 3D races (on top of sim3d.css + car-kit.css + bike3d.css) */
.sim-play canvas.rk-map { position: absolute; inset: auto 10px auto auto; top: 10px; width: 130px; height: 130px; pointer-events: none; filter: drop-shadow(0 2px 6px rgba(0,0,0,.5)); }
.rk-note { font: 800 15px system-ui, sans-serif; text-shadow: 0 1px 3px #000; white-space: nowrap; }
.rk-time-big { background: rgba(8,16,28,.78); border: 2px solid #facc15; border-radius: 12px; padding: 2px 16px; font: 900 30px system-ui, sans-serif; color: #fde047; font-variant-numeric: tabular-nums; }
.rk-time-big.is-low { border-color: #ef4444; color: #fecaca; animation: ck-blink .5s steps(2) infinite; }
.ck-touch .sim-tbtn[data-id="hb"] { background: rgba(37,99,235,.75); }
.ck-touch .sim-tbtn[data-id="item"] { background: rgba(124,58,237,.8); }
/* phones: the extra buttons (slide, turbo, item) sit in a second row above brake and gas, so nothing runs off the screen */
.ck-touch .sim-tbtn[data-id="hb"], .ck-touch .sim-tbtn[data-id="nitro"], .ck-touch .sim-tbtn[data-id="item"] { font-size: 12px; }
@container (max-width: 560px) {
  .ck-touch .sim-tbtn[data-id="hb"], .ck-touch .sim-tbtn[data-id="nitro"], .ck-touch .sim-tbtn[data-id="item"] { position: absolute; bottom: 82px; min-width: 62px; min-height: 48px; margin: 0; }
  .ck-touch .sim-tbtn[data-id="brake"] { margin-left: auto; }
  .ck-touch .sim-tbtn[data-id="hb"] { right: 68px; }
  .ck-touch .sim-tbtn[data-id="nitro"], .ck-touch .sim-tbtn[data-id="item"] { right: 0; }
}
@container (max-width: 480px) { .sim-play canvas.rk-map { width: 84px; height: 84px; top: 50px; } .sim-play .b3-board { display: none; } .rk-time-big { font-size: 22px; } }