/* Demo page: the room photos with a game console next to the TV (same TV, same place as the main site's photos,
   so the screen, power button, LED and front keys use style.css as they are). Tapping the console opens the
   Cablu TV cartridge over the TV; the channel keeps playing very quietly underneath. Positions are % of each photo. */
.demo .stage::before{background-image:url(demo-tv-lat-v2.webp)}
/* demo only (the main site gets these later): no pinch / double-tap zoom, and a thin dark ring around the screen
   that hides the hair-line of the photo's own picture at the tube edge */
.demo.tv-page{touch-action:pan-x pan-y}
.demo .screen{box-shadow:0 0 0 2px #050608}
/* wide screens: demo.js stands the remote upright on the table between the TV and the console. A narrow, dark contact
   shadow where it touches the table, and a short soft shadow behind it (the light comes from the TV screen, left). */
@media (orientation:landscape){
  .demo.tv-page .remote{width:calc(var(--rw) * .7)}   /* a bit smaller than on the main page */
  .demo .dpad{filter:drop-shadow(.35vmin .25vmin .5vmin #0009) drop-shadow(0 .1vmin .15vmin #0008)}
  .demo.tv-page .remote::before{content:'';position:absolute;z-index:-1;left:14%;right:8%;bottom:-2.5%;height:8%;border-radius:50%;
    background:radial-gradient(closest-side,#000e,#0008 50%,#0000);filter:blur(.35vmin);pointer-events:none}
}


/* the console: no highlight, an old-school pixel cursor instead (yellow hand + a little "JOACĂ" label) */
.console-hot{position:absolute;z-index:3;left:78.8%;top:67.2%;width:21.2%;height:26.3%;border:0;padding:0;margin:0;
  background:transparent;border-radius:14px;-webkit-tap-highlight-color:transparent;
  cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="94" height="51" shape-rendering="crispEdges"><rect x="18" y="3" width="3" height="3" fill="%230008"/><rect x="21" y="3" width="3" height="3" fill="%230008"/><rect x="15" y="6" width="3" height="3" fill="%230008"/><rect x="18" y="6" width="3" height="3" fill="%230008"/><rect x="21" y="6" width="3" height="3" fill="%230008"/><rect x="24" y="6" width="3" height="3" fill="%230008"/><rect x="15" y="9" width="3" height="3" fill="%230008"/><rect x="18" y="9" width="3" height="3" fill="%230008"/><rect x="21" y="9" width="3" height="3" fill="%230008"/><rect x="24" y="9" width="3" height="3" fill="%230008"/><rect x="15" y="12" width="3" height="3" fill="%230008"/><rect x="18" y="12" width="3" height="3" fill="%230008"/><rect x="21" y="12" width="3" height="3" fill="%230008"/><rect x="24" y="12" width="3" height="3" fill="%230008"/><rect x="15" y="15" width="3" height="3" fill="%230008"/><rect x="18" y="15" width="3" height="3" fill="%230008"/><rect x="21" y="15" width="3" height="3" fill="%230008"/><rect x="24" y="15" width="3" height="3" fill="%230008"/><rect x="27" y="15" width="3" height="3" fill="%230008"/><rect x="30" y="15" width="3" height="3" fill="%230008"/><rect x="15" y="18" width="3" height="3" fill="%230008"/><rect x="18" y="18" width="3" height="3" fill="%230008"/><rect x="21" y="18" width="3" height="3" fill="%230008"/><rect x="24" y="18" width="3" height="3" fill="%230008"/><rect x="27" y="18" width="3" height="3" fill="%230008"/><rect x="30" y="18" width="3" height="3" fill="%230008"/><rect x="33" y="18" width="3" height="3" fill="%230008"/><rect x="36" y="18" width="3" height="3" fill="%230008"/><rect x="39" y="18" width="3" height="3" fill="%230008"/><rect x="6" y="21" width="3" height="3" fill="%230008"/><rect x="9" y="21" width="3" height="3" fill="%230008"/><rect x="15" y="21" width="3" height="3" fill="%230008"/><rect x="18" y="21" width="3" height="3" fill="%230008"/><rect x="21" y="21" width="3" height="3" fill="%230008"/><rect x="24" y="21" width="3" height="3" fill="%230008"/><rect x="27" y="21" width="3" height="3" fill="%230008"/><rect x="30" y="21" width="3" height="3" fill="%230008"/><rect x="33" y="21" width="3" height="3" fill="%230008"/><rect x="36" y="21" width="3" height="3" fill="%230008"/><rect x="39" y="21" width="3" height="3" fill="%230008"/><rect x="42" y="21" width="3" height="3" fill="%230008"/><rect x="45" y="21" width="3" height="3" fill="%230008"/><rect x="3" y="24" width="3" height="3" fill="%230008"/><rect x="6" y="24" width="3" height="3" fill="%230008"/><rect x="9" y="24" width="3" height="3" fill="%230008"/><rect x="12" y="24" width="3" height="3" fill="%230008"/><rect x="15" y="24" width="3" height="3" fill="%230008"/><rect x="18" y="24" width="3" height="3" fill="%230008"/><rect x="21" y="24" width="3" height="3" fill="%230008"/><rect x="24" y="24" width="3" height="3" fill="%230008"/><rect x="27" y="24" width="3" height="3" fill="%230008"/><rect x="30" y="24" width="3" height="3" fill="%230008"/><rect x="33" y="24" width="3" height="3" fill="%230008"/><rect x="36" y="24" width="3" height="3" fill="%230008"/><rect x="39" y="24" width="3" height="3" fill="%230008"/><rect x="42" y="24" width="3" height="3" fill="%230008"/><rect x="45" y="24" width="3" height="3" fill="%230008"/><rect x="3" y="27" width="3" height="3" fill="%230008"/><rect x="6" y="27" width="3" height="3" fill="%230008"/><rect x="9" y="27" width="3" height="3" fill="%230008"/><rect x="12" y="27" width="3" height="3" fill="%230008"/><rect x="15" y="27" width="3" height="3" fill="%230008"/><rect x="18" y="27" width="3" height="3" fill="%230008"/><rect x="21" y="27" width="3" height="3" fill="%230008"/><rect x="24" y="27" width="3" height="3" fill="%230008"/><rect x="27" y="27" width="3" height="3" fill="%230008"/><rect x="30" y="27" width="3" height="3" fill="%230008"/><rect x="33" y="27" width="3" height="3" fill="%230008"/><rect x="36" y="27" width="3" height="3" fill="%230008"/><rect x="39" y="27" width="3" height="3" fill="%230008"/><rect x="42" y="27" width="3" height="3" fill="%230008"/><rect x="45" y="27" width="3" height="3" fill="%230008"/><rect x="6" y="30" width="3" height="3" fill="%230008"/><rect x="9" y="30" width="3" height="3" fill="%230008"/><rect x="12" y="30" width="3" height="3" fill="%230008"/><rect x="15" y="30" width="3" height="3" fill="%230008"/><rect x="18" y="30" width="3" height="3" fill="%230008"/><rect x="21" y="30" width="3" height="3" fill="%230008"/><rect x="24" y="30" width="3" height="3" fill="%230008"/><rect x="27" y="30" width="3" height="3" fill="%230008"/><rect x="30" y="30" width="3" height="3" fill="%230008"/><rect x="33" y="30" width="3" height="3" fill="%230008"/><rect x="36" y="30" width="3" height="3" fill="%230008"/><rect x="39" y="30" width="3" height="3" fill="%230008"/><rect x="42" y="30" width="3" height="3" fill="%230008"/><rect x="45" y="30" width="3" height="3" fill="%230008"/><rect x="9" y="33" width="3" height="3" fill="%230008"/><rect x="12" y="33" width="3" height="3" fill="%230008"/><rect x="15" y="33" width="3" height="3" fill="%230008"/><rect x="18" y="33" width="3" height="3" fill="%230008"/><rect x="21" y="33" width="3" height="3" fill="%230008"/><rect x="24" y="33" width="3" height="3" fill="%230008"/><rect x="27" y="33" width="3" height="3" fill="%230008"/><rect x="30" y="33" width="3" height="3" fill="%230008"/><rect x="33" y="33" width="3" height="3" fill="%230008"/><rect x="36" y="33" width="3" height="3" fill="%230008"/><rect x="39" y="33" width="3" height="3" fill="%230008"/><rect x="42" y="33" width="3" height="3" fill="%230008"/><rect x="45" y="33" width="3" height="3" fill="%230008"/><rect x="9" y="36" width="3" height="3" fill="%230008"/><rect x="12" y="36" width="3" height="3" fill="%230008"/><rect x="15" y="36" width="3" height="3" fill="%230008"/><rect x="18" y="36" width="3" height="3" fill="%230008"/><rect x="21" y="36" width="3" height="3" fill="%230008"/><rect x="24" y="36" width="3" height="3" fill="%230008"/><rect x="27" y="36" width="3" height="3" fill="%230008"/><rect x="30" y="36" width="3" height="3" fill="%230008"/><rect x="33" y="36" width="3" height="3" fill="%230008"/><rect x="36" y="36" width="3" height="3" fill="%230008"/><rect x="39" y="36" width="3" height="3" fill="%230008"/><rect x="42" y="36" width="3" height="3" fill="%230008"/><rect x="12" y="39" width="3" height="3" fill="%230008"/><rect x="15" y="39" width="3" height="3" fill="%230008"/><rect x="18" y="39" width="3" height="3" fill="%230008"/><rect x="21" y="39" width="3" height="3" fill="%230008"/><rect x="24" y="39" width="3" height="3" fill="%230008"/><rect x="27" y="39" width="3" height="3" fill="%230008"/><rect x="30" y="39" width="3" height="3" fill="%230008"/><rect x="33" y="39" width="3" height="3" fill="%230008"/><rect x="36" y="39" width="3" height="3" fill="%230008"/><rect x="39" y="39" width="3" height="3" fill="%230008"/><rect x="42" y="39" width="3" height="3" fill="%230008"/><rect x="15" y="42" width="3" height="3" fill="%230008"/><rect x="18" y="42" width="3" height="3" fill="%230008"/><rect x="21" y="42" width="3" height="3" fill="%230008"/><rect x="24" y="42" width="3" height="3" fill="%230008"/><rect x="27" y="42" width="3" height="3" fill="%230008"/><rect x="30" y="42" width="3" height="3" fill="%230008"/><rect x="33" y="42" width="3" height="3" fill="%230008"/><rect x="36" y="42" width="3" height="3" fill="%230008"/><rect x="39" y="42" width="3" height="3" fill="%230008"/><rect x="15" y="45" width="3" height="3" fill="%230008"/><rect x="18" y="45" width="3" height="3" fill="%230008"/><rect x="21" y="45" width="3" height="3" fill="%230008"/><rect x="24" y="45" width="3" height="3" fill="%230008"/><rect x="27" y="45" width="3" height="3" fill="%230008"/><rect x="30" y="45" width="3" height="3" fill="%230008"/><rect x="33" y="45" width="3" height="3" fill="%230008"/><rect x="36" y="45" width="3" height="3" fill="%230008"/><rect x="39" y="45" width="3" height="3" fill="%230008"/><rect x="15" y="48" width="3" height="3" fill="%230008"/><rect x="18" y="48" width="3" height="3" fill="%230008"/><rect x="21" y="48" width="3" height="3" fill="%230008"/><rect x="24" y="48" width="3" height="3" fill="%230008"/><rect x="27" y="48" width="3" height="3" fill="%230008"/><rect x="30" y="48" width="3" height="3" fill="%230008"/><rect x="33" y="48" width="3" height="3" fill="%230008"/><rect x="36" y="48" width="3" height="3" fill="%230008"/><rect x="39" y="48" width="3" height="3" fill="%230008"/><rect x="15" y="0" width="3" height="3" fill="%23000"/><rect x="18" y="0" width="3" height="3" fill="%23000"/><rect x="12" y="3" width="3" height="3" fill="%23000"/><rect x="15" y="3" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="3" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="3" width="3" height="3" fill="%23000"/><rect x="12" y="6" width="3" height="3" fill="%23000"/><rect x="15" y="6" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="6" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="6" width="3" height="3" fill="%23000"/><rect x="12" y="9" width="3" height="3" fill="%23000"/><rect x="15" y="9" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="9" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="9" width="3" height="3" fill="%23000"/><rect x="12" y="12" width="3" height="3" fill="%23000"/><rect x="15" y="12" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="12" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="12" width="3" height="3" fill="%23000"/><rect x="24" y="12" width="3" height="3" fill="%23000"/><rect x="27" y="12" width="3" height="3" fill="%23000"/><rect x="12" y="15" width="3" height="3" fill="%23000"/><rect x="15" y="15" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="15" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="15" width="3" height="3" fill="%23000"/><rect x="24" y="15" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="15" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="15" width="3" height="3" fill="%23000"/><rect x="33" y="15" width="3" height="3" fill="%23000"/><rect x="36" y="15" width="3" height="3" fill="%23000"/><rect x="3" y="18" width="3" height="3" fill="%23000"/><rect x="6" y="18" width="3" height="3" fill="%23000"/><rect x="12" y="18" width="3" height="3" fill="%23000"/><rect x="15" y="18" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="18" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="18" width="3" height="3" fill="%23000"/><rect x="24" y="18" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="18" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="18" width="3" height="3" fill="%23000"/><rect x="33" y="18" width="3" height="3" fill="%23ffd84a"/><rect x="36" y="18" width="3" height="3" fill="%23ffd84a"/><rect x="39" y="18" width="3" height="3" fill="%23000"/><rect x="42" y="18" width="3" height="3" fill="%23000"/><rect x="0" y="21" width="3" height="3" fill="%23000"/><rect x="3" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="6" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="9" y="21" width="3" height="3" fill="%23000"/><rect x="12" y="21" width="3" height="3" fill="%23000"/><rect x="15" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="24" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="33" y="21" width="3" height="3" fill="%23000"/><rect x="36" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="39" y="21" width="3" height="3" fill="%23ffd84a"/><rect x="42" y="21" width="3" height="3" fill="%23000"/><rect x="0" y="24" width="3" height="3" fill="%23000"/><rect x="3" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="6" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="9" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="12" y="24" width="3" height="3" fill="%23000"/><rect x="15" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="24" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="33" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="36" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="39" y="24" width="3" height="3" fill="%23ffd84a"/><rect x="42" y="24" width="3" height="3" fill="%23000"/><rect x="3" y="27" width="3" height="3" fill="%23000"/><rect x="6" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="9" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="12" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="15" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="24" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="33" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="36" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="39" y="27" width="3" height="3" fill="%23ffd84a"/><rect x="42" y="27" width="3" height="3" fill="%23000"/><rect x="6" y="30" width="3" height="3" fill="%23000"/><rect x="9" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="12" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="15" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="24" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="33" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="36" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="39" y="30" width="3" height="3" fill="%23ffd84a"/><rect x="42" y="30" width="3" height="3" fill="%23000"/><rect x="6" y="33" width="3" height="3" fill="%23000"/><rect x="9" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="12" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="15" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="24" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="33" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="36" y="33" width="3" height="3" fill="%23ffd84a"/><rect x="39" y="33" width="3" height="3" fill="%23000"/><rect x="9" y="36" width="3" height="3" fill="%23000"/><rect x="12" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="15" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="24" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="33" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="36" y="36" width="3" height="3" fill="%23ffd84a"/><rect x="39" y="36" width="3" height="3" fill="%23000"/><rect x="12" y="39" width="3" height="3" fill="%23000"/><rect x="15" y="39" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="39" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="39" width="3" height="3" fill="%23ffd84a"/><rect x="24" y="39" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="39" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="39" width="3" height="3" fill="%23ffd84a"/><rect x="33" y="39" width="3" height="3" fill="%23ffd84a"/><rect x="36" y="39" width="3" height="3" fill="%23000"/><rect x="12" y="42" width="3" height="3" fill="%23000"/><rect x="15" y="42" width="3" height="3" fill="%23ffd84a"/><rect x="18" y="42" width="3" height="3" fill="%23ffd84a"/><rect x="21" y="42" width="3" height="3" fill="%23ffd84a"/><rect x="24" y="42" width="3" height="3" fill="%23ffd84a"/><rect x="27" y="42" width="3" height="3" fill="%23ffd84a"/><rect x="30" y="42" width="3" height="3" fill="%23ffd84a"/><rect x="33" y="42" width="3" height="3" fill="%23ffd84a"/><rect x="36" y="42" width="3" height="3" fill="%23000"/><rect x="12" y="45" width="3" height="3" fill="%23000"/><rect x="15" y="45" width="3" height="3" fill="%23000"/><rect x="18" y="45" width="3" height="3" fill="%23000"/><rect x="21" y="45" width="3" height="3" fill="%23000"/><rect x="24" y="45" width="3" height="3" fill="%23000"/><rect x="27" y="45" width="3" height="3" fill="%23000"/><rect x="30" y="45" width="3" height="3" fill="%23000"/><rect x="33" y="45" width="3" height="3" fill="%23000"/><rect x="36" y="45" width="3" height="3" fill="%23000"/><rect x="15" y="3" width="3" height="3" fill="%23fff6b0"/><rect x="15" y="6" width="3" height="3" fill="%23fff6b0"/><rect x="15" y="9" width="3" height="3" fill="%23fff6b0"/><rect x="15" y="12" width="3" height="3" fill="%23fff6b0"/><rect x="46" y="22" width="46" height="22" fill="%23000"/><rect x="54" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="54" y="32" width="2" height="2" fill="%23ffd84a"/><rect x="54" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="50" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="54" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="50" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="52" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="54" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="58" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="60" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="62" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="58" y="32" width="2" height="2" fill="%23ffd84a"/><rect x="62" y="32" width="2" height="2" fill="%23ffd84a"/><rect x="58" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="62" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="58" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="62" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="58" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="60" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="62" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="68" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="66" y="32" width="2" height="2" fill="%23ffd84a"/><rect x="70" y="32" width="2" height="2" fill="%23ffd84a"/><rect x="66" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="68" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="70" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="66" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="70" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="66" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="70" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="74" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="76" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="78" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="74" y="32" width="2" height="2" fill="%23ffd84a"/><rect x="74" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="74" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="74" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="76" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="78" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="84" y="30" width="2" height="2" fill="%23ffd84a"/><rect x="82" y="32" width="2" height="2" fill="%23ffd84a"/><rect x="86" y="32" width="2" height="2" fill="%23ffd84a"/><rect x="82" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="84" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="86" y="34" width="2" height="2" fill="%23ffd84a"/><rect x="82" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="86" y="36" width="2" height="2" fill="%23ffd84a"/><rect x="82" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="86" y="38" width="2" height="2" fill="%23ffd84a"/><rect x="82" y="25" width="2" height="2" fill="%23ffd84a"/><rect x="86" y="25" width="2" height="2" fill="%23ffd84a"/><rect x="84" y="26" width="2" height="2" fill="%23ffd84a"/></svg>') 16 1,pointer}
.console-hot:focus{outline:none}
.console-hot:focus-visible{box-shadow:0 0 0 3px #ffd84a}

@media (orientation:portrait){
  .demo .stage::before{background-image:url(demo-tv-ingust-v2.webp)}
  .console-hot{left:9.8%;top:79.8%;width:30.2%;height:13.8%}
}

/* the cartridge, full screen over the TV */
.game-layer{position:fixed;inset:0;z-index:60;background:#07070b}
.game-layer[hidden]{display:none}
.game-layer iframe{display:block;width:100%;height:100%;border:0}