/* ============================================================
   PLAI — Playable demo device (interactive iframe game)
   The Block Puzzle game runs inside an iframe at a fixed internal
   resolution (600 x 1040) and is scaled to fit via
   /scripts/playable.js, so its full-viewport styles never touch the
   landing page. Lives in the hero visual.
   ============================================================ */

.pl-stage {
  position: relative;
  width: 100%;
  max-width: 340px;
  margin-inline: auto;
}
.pl-device {
  position: relative;
  width: 100%;
  border-radius: 42px;
  border: 11px solid #16141f;
  background: #050314;
  box-shadow: 0 50px 90px -40px #000, inset 0 0 0 1px rgba(255,255,255,0.06);
  overflow: hidden;
}
.pl-notch {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 86px;
  height: 22px;
  background: #16141f;
  border-radius: 999px;
  z-index: 9;
  pointer-events: none;
}
.pl-device-screen {
  position: relative;
  width: 100%;
  aspect-ratio: 600 / 1040;
  overflow: hidden;
  background: #050314;
}
.pl-game {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 1040px;
  border: 0;
  transform-origin: top left;
  display: block;
}