@import url('./solid-stars.css');
/* Selected Games artwork and native desktop placement. */
.af-art-scene{display:block;width:100%;height:auto;overflow:visible}
.af-art-scene .city-plane{will-change:transform}
.af-art-scene .city-plane image{image-rendering:auto}
.af-art-star{opacity:1;animation:none}
.af-art-tv{cursor:pointer;outline:none}
.af-art-tv-screen{opacity:1}
.af-art-tv-focus{fill:none;stroke:#f0c376;stroke-width:2;opacity:0;pointer-events:none}
.af-art-tv:focus-visible .af-art-tv-focus{opacity:1}
@media(prefers-reduced-motion:reduce){.af-art-scene .city-plane{will-change:auto}}

.af-art-tv-static{opacity:0;pointer-events:none}
.af-art-tv[data-tv-state="changing"] .af-art-tv-static{opacity:.94}
.af-art-tv-grain{image-rendering:pixelated}

/* Complete artwork may overlap behind the opaque content column. Only the
   browser edge clips horizontally; the sticky rail clips vertically. */
html,body{overflow-x:clip}
body.af-games .af-room-rail{overflow:visible;clip-path:inset(0 -100vw);z-index:0}
body.af-games .af-room-scene,body.af-games .af-room-scene>.af-room-svg{overflow:visible}
body.af-games #content{position:relative;z-index:1;background:#101418}

body.af-games .af-room-inline figcaption{position:relative;z-index:1;background:#101418}

/* One native raster pixel per desktop CSS pixel. Only the center column flexes.
   Below 498 + 760 + 498, use the approved unified mobile composition. */
body.af-games .af-scene-stage{display:block}
body.af-games .af-room-rail{display:none}
body.af-games #content{width:min(1100px,100%);margin:0 auto}
body.af-games #page .af-room-inline{display:block;width:min(996px,100%);margin:0 auto}
body.af-games .af-room-inline .af-room-scene{transform:none}
@media(min-width:1756px){
  body.af-games{--af-main-width:calc(100vw - 996px)}
  body.af-games .af-scene-stage{display:grid;grid-template-columns:498px minmax(0,1fr) 498px;align-items:start;gap:0}
  body.af-games #content{grid-column:2;grid-row:1;width:100%;margin:0;min-width:0}
  body.af-games .af-room-rail{display:block;width:498px;height:min(1104px,calc(100svh - var(--af-header-height)))}
  body.af-games .af-room-rail .af-room-scene,
  body.af-games .af-room-rail .af-room-svg{width:498px;height:1104px;max-width:none}
  body.af-games #page .af-room-inline{display:none}
}