/* Age-adaptive art for existing learning games. UI remains actual HTML. */
.interactive62{--art65:url('/assets/game65/adventure-1280.webp');background-image:linear-gradient(120deg,#081d47ec,#102a65bd),var(--art65);background-size:cover;background-position:center;border:2px solid #69dfff;border-radius:20px;padding:clamp(18px,3vw,32px);color:#f6fbff}
.interactive62[data-stage=discover]{--art65:url('/assets/game65/discover-1280.webp')}
.interactive62[data-stage=creator]{--art65:url('/assets/game65/creator-1280.webp')}
.interactive62[data-stage=future]{--art65:url('/assets/game65/future-1280.webp')}
.interactive62 :is(button,input,select):focus-visible{outline:3px solid #ffe082;outline-offset:3px}
@media(max-width:650px){.interactive62{background-image:linear-gradient(120deg,#081d47f5,#102a65db),var(--art65)}}
@media(prefers-reduced-motion:reduce){.interactive62 *{animation:none!important;transition:none!important}}/* 12.9.2: on 4K TVs, large monitors and sharp screens the game stages use their native 3840-pixel paintings */
@media (min-width: 1700px), (min-resolution: 1.5dppx) and (min-width: 1000px) {
  .interactive62{--art65:url('/assets/game65/adventure-3840.png')}
  .interactive62[data-stage=discover]{--art65:url('/assets/game65/discover-3840.png')}
  .interactive62[data-stage=creator]{--art65:url('/assets/game65/creator-3840.png')}
  .interactive62[data-stage=future]{--art65:url('/assets/game65/future-3840.png')}
}