.empuja-zona{gap:var(--s-3);flex-direction:column;width:100%;display:flex}.empuja-canvas{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-2);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;max-width:30rem;margin-inline:auto;display:block}.empuja-hud{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.empuja-dato{flex-direction:column;gap:0;display:flex}.empuja-et{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);line-height:1.3}.empuja-v{font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;line-height:1.2}.empuja-tirar{padding:var(--s-2) var(--s-3);border:1px solid var(--accent);border-radius:var(--r-2);background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-sm);flex:100%}.empuja-tirar[hidden]{display:none}.empuja-guia{font-size:var(--fs-sm);color:var(--text-2);margin:0}.empuja-guia[data-tono=ok]{color:var(--ok)}.empuja-controles{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.empuja-dpad{grid-template-columns:repeat(3, var(--control-h));grid-template-rows:repeat(2, var(--control-h));gap:6px;display:grid}.empuja-dpad>:first-child{grid-area:1/2}.empuja-dpad>:nth-child(2){grid-area:2/1}.empuja-dpad>:nth-child(3){grid-area:2/2}.empuja-dpad>:nth-child(4){grid-area:2/3}.empuja-acciones{gap:var(--s-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.empuja-zona *{transition:none!important;animation:none!important}}