/* R20B: editorial context only while the original PRESS START overlay is visible.
   No game selectors, dimensions or scripts are changed during a started demo. */
.demo-context { display: none; }
@supports selector(html:has(#startOverlay:not(.hidden))) {
  html:not(:is(:fullscreen, :-webkit-full-screen)):has(#startOverlay:not(.hidden)) {
    overflow-y: auto;
    overflow-x: hidden;
  }
  html:not(:is(:fullscreen, :-webkit-full-screen)) body.arcade-fullscreen:has(#startOverlay:not(.hidden)) {
    display: block;
    height: auto;
    overflow: visible;
  }
  html:not(:is(:fullscreen, :-webkit-full-screen)) body:has(#startOverlay:not(.hidden)) > .demo-context {
    display: block;
    width: min(100%, 960px);
    margin: 0 auto;
    padding: 24px clamp(18px, 4vw, 36px) 40px;
    color: #dff8ff;
    background: #001020;
    border-top: 2px solid #4cc9ff;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }
}
.demo-context-language + .demo-context-language { margin-top: 28px; }
.demo-context h2 { color: #70e6ff; font-size: 1.25rem; margin-bottom: 16px; }
.demo-context p { margin: 0 0 16px; }
.demo-context a { color: #70e6ff; text-decoration: underline; }
.demo-context a:focus-visible { outline: 2px solid #ffd85a; outline-offset: 3px; }