/* Mando de simulación: neutro e igual en todas las direcciones. No depende del CSS de la dirección. */
.a54sim-toggle {
  position: fixed; top: max(8px, env(safe-area-inset-top)); right: 8px; z-index: 900;
  font: 500 12px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  padding: 7px 10px; border-radius: 99px; border: 1px dashed #8a8f98;
  background: rgb(250 250 250 / .92); color: #333; cursor: pointer;
}
.a54sim-toggle:focus-visible, .a54sim button:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.a54sim {
  font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #222; background: #fafafa; border: 1px solid #ccc; border-radius: 12px;
  padding: 0; width: min(92vw, 360px); max-height: 90dvh;
}
.a54sim::backdrop { background: rgb(0 0 0 / .35); }
.a54sim-panel { padding: 16px; display: grid; gap: 10px; }
.a54sim h2 { font-size: 15px; margin: 0; }
.a54sim p { margin: 0; color: #555; font-size: 13px; }
.a54sim-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a54sim button {
  font: inherit; padding: 10px 8px; border-radius: 8px; border: 1px solid #c8c8c8;
  background: #fff; color: #222; cursor: pointer; min-height: 44px;
}
.a54sim button:active { background: #eee; }
.a54sim-close { justify-self: end; }