/* ===========================================================================
   RETRO EXPLORER — a 4:3 screen, letterboxed, with a pad underneath on touch
   =========================================================================== */

.pf-stage {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px 10px;
  background: radial-gradient(80% 80% at 50% 50%, rgba(255, 212, 71, 0.06), transparent 70%);
}

.pf-canvas {
  display: block;
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--arena-line-strong), 0 20px 60px -20px rgba(0, 0, 0, 0.9),
              0 0 60px -30px var(--game-glow);
  background: #0A0B1E;
}

#view-platformer .touch-pad {
  justify-content: space-between;
}

#view-platformer .touch-btn {
  width: 76px;
  height: 76px;
}

#view-platformer .touch-btn--wide {
  width: 120px;
}

@media (max-width: 760px) {
  .pf-stage { padding: 4px 4px 6px; }
  .pf-canvas { border-radius: 8px; }
}