/* Winlab · pantalla del simulador (dentro del iframe). Las marcas (estrellas del capítulo 2) van encima de la
   pantalla lógica de 1280x720, sin recibir el puntero: el simulador sigue viendo dónde cae de verdad. */
html, body { margin: 0; height: 100%; background: #000; overflow: hidden; }
.winlab-marcas { position: absolute; left: 0; top: 0; width: 1280px; height: 720px; pointer-events: none; z-index: 2147483000; }
.winlab-estrella {
  position: absolute; transform: translate(-50%, -50%); display: grid; place-items: center;
  font: 900 64px/1 system-ui, sans-serif; color: #ffbf00; text-shadow: 0 0 0 #fff, 0 3px 10px rgba(0, 0, 0, .45);
  border-radius: 50%; background: rgba(255, 255, 255, .55); border: 5px dashed #ffbf00;
  animation: brilla 1.4s ease-in-out infinite;
}
.winlab-estrella.dentro { background: rgba(255, 236, 160, .85); border-style: solid; }
.winlab-estrella.hecha { background: rgba(42, 157, 85, .8); border-color: #2a9d55; color: #fff; animation: none; }
@keyframes brilla { 50% { transform: translate(-50%, -50%) scale(1.07); } }
@media (prefers-reduced-motion: reduce) { .winlab-estrella { animation: none; } }