/* PIXL alpha.58 — console display bezel + low-overhead player polish */
.player .canvas-wrap,
.player.pixl-shell-active .canvas-wrap{
  box-sizing:border-box!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#000!important;
  isolation:isolate!important;
  -webkit-mask-image:-webkit-radial-gradient(white,black)!important;
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--shell-accent,#78becb) 24%,rgba(255,255,255,.08)),
    0 15px 34px rgba(0,0,0,.34)!important;
}
.player .game-canvas,
.player.pixl-shell-active .game-canvas,
#pixl-game-canvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:20px!important;
  box-shadow:none!important;
  background:#000!important;
  object-fit:contain!important;
  overflow:hidden!important;
  clip-path:inset(0 round 20px)!important;
}
/* Keep the display and controller as two intentional console zones. */
.player .controls,
.player.pixl-shell-active .controls{margin-top:20px!important}
@media (max-height:760px){
  .player .canvas-wrap,.player.pixl-shell-active .canvas-wrap,
  .player .game-canvas,.player.pixl-shell-active .game-canvas,#pixl-game-canvas{border-radius:17px!important;clip-path:inset(0 round 17px)!important}
  .player .controls,.player.pixl-shell-active .controls{margin-top:14px!important}
}
/* Sinnoh uses a cooler Poketch-like screen rim; other themes inherit shell accent. */
html[data-pixl-theme="sinnoh"] .player .canvas-wrap,
html[data-pixl-theme="sinnoh"] .player.pixl-shell-active .canvas-wrap{
  box-shadow:0 0 0 1px rgba(62,137,158,.30),0 15px 34px rgba(2,24,31,.18)!important;
}