/* Issue #1 / 6011931672: display the canonical PNG without rebuilding its art.
   The transparent SELECT button shares the image's coordinate system. */
.pw-title-screen { display:flex; align-items:center; justify-content:center; padding:0; gap:0; background:#0d1729; container-type:size; }
.pw-title-screen::before,.pw-title-screen::after { content:none; }
.pw-canonical-art { position:relative; flex:none; width:min(100cqw,150cqh); aspect-ratio:3/2; }
.pw-canonical-image { display:block; width:100%; height:100%; object-fit:contain; }
.pw-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
/* Canonical SELECT panel: x=586..1294, y=700..880 in the 1536x1024 PNG. */
#console-library { position:absolute; left:38.1510417%; top:77.1484375%; transform:translateY(-50%); width:46.09375%; height:17.578125%; min-height:24px; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; cursor:pointer; }
#console-library:focus-visible { outline:3px solid #fff; outline-offset:2px; box-shadow:0 0 0 5px #102e59; }
.foot-mascot { width:80px; height:80px; object-fit:contain; image-rendering:pixelated; }
/* Preserve selection geometry; fit the boot LCD exactly to the canonical art. */
.pw-stage .pw-display { min-height:320px; }
.pw-stage .pw-display:has(.pw-title-screen:not([hidden])) { min-height:0; aspect-ratio:3/2; }
@media (max-width:760px) { .pw-stage .pw-display { min-height:240px; } }
/* On short laptops retain the original LCD height so HOME / SELECT stay in view. */
@media (min-width:761px) and (max-height:800px) {
  .pw-stage .pw-display:has(.pw-title-screen:not([hidden])) { aspect-ratio:16/10; }
}
@media (max-width:360px) {
  .pw-stage .pw-console { grid-template-columns:26px minmax(0,1fr) 30px; gap:5px; }
  .pw-stage .pw-glass { padding:5px; }
}