/* ═══════════════════════════════════════════════════════════════
   PIXET · pixet-sim.css                        [ OPCIONAL ]
   ───────────────────────────────────────────────────────────────
   Todo lo relacionado con el modo simulador (html.sim-on).
   Cuando el simulador está OFF, este archivo no hace NADA.

   CÓMO ARCHIVARLO:
     1) Borra el <link> a este archivo del HTML.
     2) Mueve el archivo a /archivo/ o elimínalo.
     3) Opcional: borra el botón 🧪 y la caja .sim-devices del HTML.
     4) Opcional: borra la IIFE setupSimulatorV16() del <script>.
   ═══════════════════════════════════════════════════════════════ */

html.sim-on .sim-viewport {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  border: 3px dashed #facc15;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 0 60px rgba(250,204,21,.55), inset 0 0 80px rgba(250,204,21,.05);
  background: #0f172a;
  z-index: 500;
}

html.sim-on body { background: #050810 !important; }

html.sim-on .container {
  position: absolute; inset: 0;
  border-radius: 0; border-width: 0;
  width: 100%; height: 100%;
  max-width: none; max-height: none;
  box-shadow: none;
  overflow: hidden !important;
}

html.sim-on::after {
  content: attr(data-sim-label);
  position: fixed;
  top: 8px; left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  background: #facc15; color: #0f172a;
  padding: 4px 14px;
  border-radius: 0 0 12px 12px;
  font-family: "Courier New", monospace;
  font-size: .78rem; font-weight: 900;
  letter-spacing: .5px; white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0,0,0,.5);
  pointer-events: none;
}

html.sim-on .instructions {
  background: linear-gradient(180deg, rgba(250,204,21,.22), rgba(250,204,21,.06));
  border-color: rgba(250,204,21,.7);
  color: #fde047;
}

html.sim-on .tier-badge { opacity: 0; transform: translateY(20px); }

html.sim-on .canvas-hug { padding: 0 !important; }
html.sim-on .stage { padding: 2px !important; min-height: 0; min-width: 0; }
html.sim-on .screen { min-height: 0; min-width: 0; }