/* Toy Tanks Tabletop (2D canvas, arcade-kit stage; result card from sim3d.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.tty-wrap { position: relative; width: 100%; user-select: none; -webkit-user-select: none; }
.tty-wrap .ak-stage { border-radius: 14px; overflow: hidden; cursor: crosshair; touch-action: none; }
.tty-wrap > .sim-result { border-radius: 14px; }
.tty-tb { position: absolute; right: 10px; bottom: 10px; display: flex; gap: 6px; }
.tty-tb button { background: rgba(15,23,42,.7); color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; padding: 6px 10px; font: 700 14px system-ui, sans-serif; cursor: pointer; }
.tty-pad { display: none; }
.tty-wind { min-height: 54px; border: 0; border-radius: 14px; background: #b45309; color: #fff; font: 900 15px system-ui, sans-serif; padding: 0 14px; cursor: pointer; touch-action: none; align-self: center; }
@media (pointer: coarse) {
  .tty-pad { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; touch-action: none; }
  .tty-stick { position: relative; width: 124px; height: 124px; border-radius: 50%; background: rgba(148,163,184,.16); border: 2px solid rgba(148,163,184,.45); touch-action: none; }
  .tty-stick span { position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; margin: -27px 0 0 -27px; border-radius: 50%; background: #2563eb; box-shadow: 0 3px 0 #1e3a8a; pointer-events: none; }
  .tty-stick--aim span { background: #f97316; box-shadow: 0 3px 0 #9a3412; }
}
@media (pointer: fine) { .tty-pad { display: flex; justify-content: center; margin-top: 10px; } .tty-stick { display: none; } }