/* Add after room-extras.css. These percentages map the interactive player to
   the dark 4:3 glass inset in nintendo-room-1997-v23.png. */

#nintendo {
  --tv-left: 79.6961%;
  --tv-top: 20.2578%;
  --tv-width: 17.1961%;
  --tv-height: 17.2192%;
}

#nintendo .nintendo-room-stage > .nintendo-tv-screen {
  position: absolute;
  z-index: 5;
  left: var(--tv-left, -100%);
  top: var(--tv-top, -100%);
  display: block;
  width: var(--tv-width, 1px);
  height: var(--tv-height, 1px);
  min-height: 0;
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  border: 0;
  border-radius: 5% / 7%;
  background: #070a09;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(222, 235, 222, .14), inset 0 0 1.2rem rgba(0, 0, 0, .7);
}

#nintendo .nintendo-room-stage > .nintendo-tv-screen[hidden] {
  display: none !important;
}

#nintendo .nintendo-room-stage > .nintendo-tv-screen iframe {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border: 0;
  background: #070a09;
}

#nintendo .nintendo-room-stage > .nintendo-tv-screen::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  border-radius: inherit;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, .025) 0,
    rgba(255, 255, 255, .025) 1px,
    rgba(0, 0, 0, .045) 2px,
    rgba(0, 0, 0, .045) 3px
  );
  box-shadow: inset 0 0 1rem rgba(0, 0, 0, .5);
  pointer-events: none;
}

#nintendo .nintendo-room-stage > .nintendo-tv-screen:focus-within {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

#nintendo .nintendo-dialogue-provenance {
  margin-bottom: .35rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#nintendo .nintendo-dialogue-button {
  position: relative;
  display: block;
  width: 100%;
  min-height: 4.25rem;
  margin: 0;
  padding: .85rem 4.5rem .85rem 1rem;
  border: 1px solid rgba(23, 19, 29, .55);
  border-radius: .35rem;
  background: #f8f3e4;
  color: #17131d;
  box-shadow: 3px 3px 0 rgba(23, 19, 29, .24);
  font: 600 1rem/1.45 Georgia, serif;
  text-align: left;
  cursor: pointer;
}

#nintendo .nintendo-dialogue-button::after {
  position: absolute;
  right: .9rem;
  bottom: .7rem;
  content: "next ›";
  color: #4c236e;
  font: 700 .72rem/1 Arial, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#nintendo .nintendo-dialogue-button:hover,
#nintendo .nintendo-dialogue-button:focus-visible {
  outline: 2px solid #6b2fa1;
  outline-offset: 2px;
  background: #fffaf0;
}

#nintendo .nintendo-dialogue-button:active {
  box-shadow: 1px 1px 0 rgba(23, 19, 29, .3);
  transform: translate(2px, 2px);
}

#nintendo .nintendo-dialogue-progress,
#nintendo .nintendo-tv-status {
  margin: .55rem 0 0;
  font: .75rem/1.4 Arial, sans-serif;
  opacity: .7;
}

#nintendo .nintendo-tv-status:empty {
  display: none;
}

#nintendo .nintendo-footage-note {
  margin-top: .4rem;
}

@media (max-width: 620px) {
  #nintendo .nintendo-dialogue-button {
    min-height: 4.75rem;
    padding-right: 3.8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #nintendo .nintendo-dialogue-button:active {
    transform: none;
  }

  #nintendo .nintendo-room-stage > .nintendo-tv-screen::after {
    background: rgba(0, 0, 0, .035);
  }
}
.nintendo-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.nintendo-play-layout:has(.nintendo-player-panel[hidden]){grid-template-columns:1fr}.nintendo-play-layout .nintendo-room-illustration{margin:0;max-width:none;width:100%}.nintendo-play-layout .nintendo-player-panel{margin:0;max-height:650px;overflow:auto;background:#f2ead4;color:#17131d}.nintendo-play-layout .nintendo-game-card{padding:10px}.nintendo-play-layout .nintendo-game-choices{display:flex;flex-wrap:wrap;gap:5px}.nintendo-play-layout .nintendo-game-button{font-size:12px;padding:6px}.nintendo-play-layout .nintendo-footage-note{font-size:11px}
@media(max-width:900px){.nintendo-play-layout{grid-template-columns:1fr}.nintendo-play-layout .nintendo-player-panel{max-height:none}}
#nintendo .nintendo-room-stage>.nintendo-tv-screen::after{display:none}
#nintendo .nintendo-room-stage>.nintendo-tv-screen{box-shadow:inset 0 0 0 1px #222}
#nintendo .nintendo-dialogue-progress,#nintendo .nintendo-tv-status{opacity:1}
#nintendo .nintendo-dialogue-button{border-color:#5a5141;box-shadow:3px 3px 0 #b6ad9a}
#nintendo .nintendo-dialogue-button:active{box-shadow:1px 1px 0 #5a5141}

.candle-era--2026 img{display:block;width:100%;height:auto;border:0}

/* The Nintendo dialogue belongs to the 1997–98 desktop. */
#nintendo .nintendo-player-panel{background:#c0c0c0;color:#000;border:2px outset #eee;border-radius:0;box-shadow:2px 2px #000;padding:3px;font:16px/1.35 Arial,sans-serif}
#nintendo .nintendo-player-panel h4{margin:0 0 10px;padding:4px 6px;background:#000080;color:#fff;font:bold 16px/1.3 Arial,sans-serif}
#nintendo .nintendo-choice-prompt{font:16px/1.35 Arial;margin:8px}
#nintendo .nintendo-game-choices{display:flex;flex-wrap:wrap;gap:5px;padding:0 6px}
#nintendo .nintendo-game-button,#nintendo .nintendo-watch-button{font:14px/1.3 Arial;padding:6px 9px;border:2px outset #fff;border-radius:0;background:#c0c0c0;color:#000;box-shadow:none;min-height:34px}
#nintendo .nintendo-game-button[aria-pressed="true"]{border-style:inset;background:#ddd;color:#000;outline:1px dotted #000;outline-offset:-5px}
#nintendo .nintendo-game-card{margin:10px 6px;padding:8px;border:2px groove #fff;background:#c0c0c0;color:#000}
#nintendo .nintendo-game-card h5{font:bold 17px Arial;margin:0 0 6px}
#nintendo .nintendo-game-note,#nintendo .nintendo-dialogue-provenance,#nintendo .nintendo-dialogue-progress{font:14px/1.4 Arial;color:#222;margin:6px 0}
#nintendo .nintendo-dialogue-button{width:100%;padding:12px;text-align:left;font:16px/1.45 Arial;background:#fff;color:#000;border:2px inset #eee;border-radius:0;box-shadow:none}
#nintendo .nintendo-dialogue-button::after{display:none}
#nintendo .nintendo-watch-row,#nintendo .nintendo-footage-note{padding:0 8px;font:13px/1.4 Arial}
#nintendo .nintendo-tv-screen{background-repeat:no-repeat;background-size:200% 200%}

/* Project footage into the drawn television aperture. */
#nintendo .nintendo-room-stage>.nintendo-tv-screen{left:0;top:0;width:100%;height:100%;background:none;border-radius:0;box-shadow:none;pointer-events:none;overflow:hidden}
#nintendo .nintendo-room-stage>.nintendo-tv-screen iframe{pointer-events:auto}
#nintendo .nintendo-room-stage>.nintendo-tv-screen .tv-screen-poster{position:absolute}
