/* Military Tank Simulator 3D (shared: sim3d.css + car-kit.css + tank-games/_shared/tank3d.css) */
.tms-note { font-size: 14px; opacity: .88; margin: 10px 0 12px; }
.tms-hud { position: absolute; inset: 0; pointer-events: none; font: 700 13px system-ui, sans-serif; color: #fff; }
.tms-obj { position: absolute; left: 50%; top: 8px; transform: translateX(-50%); text-align: center; background: rgba(8,16,28,.66); border: 1px solid rgba(255,255,255,.16); border-radius: 12px; padding: 4px 14px; line-height: 1.2; }
.tms-main { display: block; font-size: 19px; font-weight: 900; font-variant-numeric: tabular-nums; }
.tms-sub { font-size: 11px; opacity: .85; white-space: nowrap; }
.tms-gauges { position: absolute; left: 10px; top: 10px; display: flex; gap: 5px; }
.tms-gauges div { background: rgba(8,16,28,.62); border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: 4px 8px; min-width: 66px; text-align: center; line-height: 1.1; }
.tms-gauges small { display: block; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; opacity: .7; }
.tms-gauges b { font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tms-gauges b.is-ok { color: #4ade80; }
.sim-stage canvas.tms-map { position: absolute; inset: 10px 10px auto auto; width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,.6); }
.tms-pop { position: absolute; left: 50%; top: 64%; transform: translate(-50%, 0); font: 900 20px system-ui, sans-serif; text-shadow: 0 2px 6px rgba(0,0,0,.7); opacity: 0; white-space: nowrap; }
.tms-pop.is-on { animation: tms-pop 1.3s ease-out; }
@keyframes tms-pop { 0% { opacity: 0; transform: translate(-50%, 10px) scale(.9); } 15% { opacity: 1; transform: translate(-50%, 0) scale(1.05); } 75% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -16px); } }
.tms .sim-has-touch .sim-toolbar { top: 140px; bottom: auto; }
@container (max-width: 480px) {
  .tms-obj { top: 54px; padding: 3px 10px; }
  .tms-main { font-size: 16px; }
  .tms-gauges { left: 8px; top: 8px; gap: 3px; }
  .tms-gauges div { min-width: 0; padding: 3px 5px; }
  .tms-gauges b { font-size: 12px; }
  .sim-stage canvas.tms-map { width: 84px; height: 84px; inset: 8px 8px auto auto; }
  .tms .sim-toolbar, .tms .sim-has-touch .sim-toolbar { top: 100px; left: 8px; right: auto; }
}
@media (prefers-reduced-motion: reduce) { .tms-pop.is-on { animation: none; opacity: 1; } }