/* AEGIS Arcade launcher: the library scrolls, the game presentation never does. */
.page-arcade .archive-arcade-folder .archive-arcade-launcher{
 display:flex;flex-direction:column;min-height:0;height:calc(100% - 34px);overflow:hidden;
}
.page-arcade .archive-arcade-launcher .archive-arcade-library-bar{
 display:flex;flex:none;align-items:center;gap:4px;min-width:0;padding:6px 8px;
 background:var(--archive-ui-strong,#1b2739);border-bottom:1px solid var(--archive-ui-muted-border,#37465e);
}
.page-arcade .archive-arcade-launcher .archive-arcade-folder-content{
 display:flex!important;flex:1 1 auto;flex-direction:row!important;flex-wrap:nowrap!important;
 align-items:stretch;gap:7px;min-width:0;height:91px;max-height:91px;padding:0 2px;
 overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity;
}
.page-arcade .archive-arcade-launcher .arcade-game-shortcut{
 position:relative!important;display:flex!important;flex:0 0 100px!important;
 flex-direction:column;align-items:center;justify-content:center;
 width:100px!important;min-width:100px!important;height:80px!important;
 margin:0!important;padding:7px!important;scroll-snap-align:center;
}
.page-arcade .archive-arcade-launcher .arcade-game-shortcut.is-selected{
 background:var(--archive-highlight-soft,rgba(77,145,227,.2))!important;
 outline:1px solid var(--os-accent,#69aaff);outline-offset:-1px;
}
.page-arcade .archive-arcade-launcher .archive-arcade-library-arrow{
 flex:none;display:grid;place-items:center;width:26px;height:56px;padding:0;
 color:var(--archive-ui-text,#dce8fa);background:transparent;border:0;cursor:pointer;
}
.page-arcade .archive-arcade-launcher .archive-arcade-library-arrow:disabled{opacity:.25;cursor:default}
.page-arcade .archive-arcade-launcher .archive-arcade-inspector{
 display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%;padding:0!important;
 overflow:hidden!important;background:var(--archive-ui-surface,#1c283b);
}
.page-arcade .archive-arcade-launcher .archive-arcade-inspector-banner{
 display:block;width:100%;height:clamp(85px,42%,250px);max-height:42%;min-height:0;
 flex:1 1 42%;object-fit:cover;object-position:center;
}
.page-arcade .archive-arcade-launcher .archive-arcade-inspector-body{
 display:flex;flex:1 1 58%;flex-direction:column;min-height:0;gap:5px;
 padding:10px 16px!important;overflow:hidden;
}
.page-arcade .archive-arcade-launcher .archive-arcade-inspector-body h2{margin:0;font-size:clamp(1.15rem,2.7vw,1.7rem);line-height:1.15}
.page-arcade .archive-arcade-launcher .archive-arcade-inspector-body p{
 margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 overflow:hidden;font-size:clamp(.72rem,1.3vw,.9rem);line-height:1.45;
}
.page-arcade .archive-arcade-launcher .archive-arcade-inspector-launch{
 display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;
 margin-top:auto;min-width:150px;min-height:39px;padding:8px 22px;
 background:var(--os-accent,#64a8ec);color:#081a2a!important;border-radius:5px;
 font-weight:800;text-decoration:none;
}
.page-arcade .archive-arcade-launcher .archive-arcade-inspector-launch[aria-disabled="true"]{
 background:var(--archive-ui-raised,#35435b);color:var(--archive-ui-muted,#a0acc0)!important;cursor:not-allowed;
}
.page-arcade .archive-arcade-launcher .archive-mobile-nav{display:none!important}
@media(max-width:640px){
 .page-arcade .archive-arcade-launcher .archive-arcade-folder-content{height:76px;max-height:76px}
 .page-arcade .archive-arcade-launcher .arcade-game-shortcut{flex-basis:78px!important;width:78px!important;min-width:78px!important;height:67px!important}
 .page-arcade .archive-arcade-launcher .archive-arcade-inspector-body{padding:8px 12px!important}
 .page-arcade .archive-arcade-launcher .archive-arcade-inspector-launch{align-self:stretch;min-height:36px}
}
@media(max-height:550px){
 .page-arcade .archive-arcade-launcher .archive-arcade-folder-content{height:63px;max-height:63px}
 .page-arcade .archive-arcade-launcher .arcade-game-shortcut{height:58px!important}
 .page-arcade .archive-arcade-launcher .archive-arcade-inspector-banner{flex-basis:32%;max-height:32%}
 .page-arcade .archive-arcade-launcher .archive-arcade-inspector-body{gap:2px;padding:5px 12px!important}
 .page-arcade .archive-arcade-launcher .archive-arcade-inspector-body p{-webkit-line-clamp:1}
}

/* Override the original two-pane file browser at the container level.
   The old grid selector has higher specificity than the initial launcher rules. */
body.page-arcade .arcade-screen > .archive-arcade-folder .archive-arcade-browser.archive-arcade-launcher {
 display:flex!important;flex-direction:column!important;grid-template-columns:none!important;
 height:100%;min-height:0;min-width:0;overflow:hidden!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
 display:flex!important;flex:0 0 auto!important;width:100%;height:94px;min-height:0;box-sizing:border-box;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-folder-content {
 display:flex!important;flex:1 1 auto!important;grid-column:auto!important;grid-row:auto!important;
 height:100%!important;max-height:none!important;min-height:0!important;
 grid-auto-rows:auto!important;border-right:0!important;
 padding:3px 2px!important;overflow-x:auto!important;overflow-y:hidden!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-inspector {
 display:flex!important;flex:1 1 0!important;grid-column:auto!important;grid-row:auto!important;
 height:auto!important;min-height:0!important;width:100%!important;overflow:hidden!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner {
 flex:0 1 47%!important;height:47%!important;max-height:47%!important;aspect-ratio:auto!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
 flex:1 1 53%!important;width:100%;box-sizing:border-box;gap:4px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
 display:grid!important;grid-template-rows:44px auto;flex:0 0 104px!important;
 width:104px!important;min-width:104px!important;height:78px!important;
}
@media(max-width:640px) {
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {height:77px}
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
  width:84px!important;min-width:84px!important;flex-basis:84px!important;height:62px!important;
  grid-template-rows:32px auto;
 }
}
@media(max-height:550px) {
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {height:74px}
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {height:60px!important}
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner {flex-basis:39%!important;height:39%!important;max-height:39%!important}
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {-webkit-line-clamp:2}
}

/* Launcher polish: give the game library enough room and keep Play beside the heading. */
body.page-arcade .arcade-screen > .arcade-os-window.archive-arcade-folder:not(.is-maximized):not([hidden]) {
 top:clamp(12px,4%,34px)!important;
 height:min(575px,calc(100% - 60px))!important;
 max-height:calc(100% - 60px)!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
 height:116px!important;padding:6px 12px 10px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-folder-content {
 align-items:center!important;scrollbar-width:thin;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
 height:92px!important;max-height:none!important;min-height:92px!important;
 grid-template-rows:50px minmax(0,1fr)!important;gap:3px!important;
 padding:4px 7px!important;box-sizing:border-box;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-desktop-label {
 line-height:1.25!important;max-height:none!important;overflow:visible!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner {
 flex:0 1 43%!important;height:43%!important;max-height:43%!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
 flex:1 1 57%!important;gap:8px!important;padding:12px 18px!important;
}
body.page-arcade .archive-arcade-launcher-heading {
 display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
 width:100%;min-width:0;flex:0 0 auto;
}
body.page-arcade .archive-arcade-launcher-heading-text {
 min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;
}
body.page-arcade .arcade-screen .archive-arcade-launcher-heading .archive-arcade-inspector-launch {
 flex:0 0 auto;align-self:center;margin:0!important;min-width:150px;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
 -webkit-line-clamp:3!important;line-clamp:3;overflow:hidden;max-width:100%;
}
@media(max-width:640px) {
 body.page-arcade .arcade-screen > .arcade-os-window.archive-arcade-folder:not(.is-maximized):not([hidden]) {
  top:40px!important;height:auto!important;max-height:none!important;
 }
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {height:98px!important;padding:5px!important}
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
  height:78px!important;min-height:78px!important;grid-template-rows:41px minmax(0,1fr)!important;
 }
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {padding:9px 12px!important}
 body.page-arcade .arcade-screen .archive-arcade-launcher-heading .archive-arcade-inspector-launch {min-width:96px;padding:8px 12px}
}
@media(max-height:450px) and (min-width:641px) {
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {height:98px!important}
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {height:78px!important;min-height:78px!important;grid-template-rows:41px minmax(0,1fr)!important}
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner {flex-basis:37%!important;height:37%!important;max-height:37%!important}
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {padding:6px 12px!important;gap:4px!important}
}

/* Game library should read as a clean icon rail, not a row of dark tiles. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar,
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-folder-content {
 background:transparent!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut:not(.is-selected) {
 background:transparent!important;box-shadow:none!important;border-color:transparent!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut.is-selected {
 background:var(--archive-highlight-soft,rgba(105,170,255,.12))!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut:not(.is-selected):hover {
 background:var(--archive-highlight-soft,rgba(105,170,255,.08))!important;
}

/* Distinguish what kind of game this is without adding another launcher panel. */
body.page-arcade .archive-arcade-launcher-heading-text .archive-arcade-launcher-genre {
 display:inline-flex;align-items:center;align-self:flex-start;
 margin:2px 0;padding:3px 8px;border:1px solid var(--archive-ui-muted-border,#455977);
 border-radius:999px;background:var(--archive-highlight-soft,rgba(95,165,237,.12));
 color:var(--archive-ui-text,#d8e8f9);font:600 11px/1.15 Consolas,monospace;
 letter-spacing:.015em;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {gap:5px!important}

/* The single genre eyebrow is a restrained OS token, not duplicate metadata. */
body.page-arcade .archive-arcade-launcher-heading-text > small.archive-arcade-launcher-genre {
 display:inline-flex!important;align-items:center;align-self:flex-start;
 width:max-content;max-width:100%;margin:0 0 3px!important;padding:3px 9px!important;
 border:1px solid var(--archive-ui-muted-border,#455977)!important;
 border-radius:999px!important;background:var(--archive-highlight-soft,rgba(95,165,237,.14))!important;
 color:var(--archive-ui-text,#d8e8f9)!important;
 font:600 11px/1.2 Consolas,monospace!important;letter-spacing:.02em;
}

/* The launcher uses a wide cinematic strip: fill it edge to edge.
   Never contain the entire 16:9 source in this much wider frame, which
   leaves large empty gutters. The game's title remains in the copy below. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner {
 object-fit:cover!important;
 object-position:center center!important;
 background-color:var(--archive-ui-strong,#172338);
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner.is-top-aligned {
 object-position:center top!important;
}

/* Unified Arcade hero: the inspector is one cinematic surface below the icon rail.
   Override the earlier fixed 47/53 image/body split rather than fighting its sizing. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-inspector {
  position:relative!important;
  isolation:isolate;
  flex:1 1 0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#0a1325;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  flex:none!important;
  object-fit:cover!important;
  object-position:center top!important;
  background:#0a1325;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
  position:absolute!important;
  z-index:1;
  inset:auto 0 0 0;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end;
  flex:none!important;
  width:100%!important;
  height:auto!important;
  max-height:100%;
  min-height:0!important;
  box-sizing:border-box;
  padding:clamp(40px,12%,100px) clamp(14px,3%,26px) 18px!important;
  color:#f2f8ff!important;
  background:linear-gradient(to bottom,rgba(5,11,23,0) 0%,rgba(5,11,23,.64) 40%,rgba(5,11,23,.93) 78%,#050b17 100%);
  overflow-y:auto!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body h2,
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
  color:#f2f8ff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.7);
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
  max-width:72ch;
  -webkit-line-clamp:3!important;
  line-height:1.4;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-launch {
  margin-top:0!important;
  flex-shrink:0;
  text-shadow:none;
}
/* The scrollable rail needs breathing room for the selected indicator. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
  position:relative;
  z-index:2;
  flex-shrink:0!important;
  border-bottom:1px solid var(--archive-ui-muted-border,#37465e)!important;
  background:var(--archive-ui-strong,#1b2739)!important;
  padding:5px 9px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-folder-content {
  box-sizing:border-box;
  padding:5px 4px 9px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
  box-sizing:border-box!important;
  align-self:stretch;
  height:auto!important;
  min-height:0!important;
  border-radius:6px;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut.is-selected {
  outline:none!important;
  box-shadow:inset 0 0 0 1px var(--os-accent,#69aaff)!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
    padding:42px 12px 12px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
    -webkit-line-clamp:2!important;
  }
}
@media(max-height:450px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
    padding-top:24px!important;
    padding-bottom:9px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
    -webkit-line-clamp:2!important;
  }
}

/* Full-width cinematic banner, biased upward so its built-in title clears the
   bottom information fade. Expanding the image box prevents a blank lower strip. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner,
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner.is-top-aligned {
  top:-100px!important;
  bottom:auto!important;
  height:calc(100% + 100px)!important;
  width:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  transform:none!important;
  background:#0a1325!important;
}
@media (max-width:640px), (max-height:500px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner,
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner.is-top-aligned {
    top:-45px!important;
    height:calc(100% + 45px)!important;
  }
}

/* Single full-bleed hero surface. The selected image is painted on the inspector
   itself instead of relying on image element sizing or layered blurred gutters. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-inspector {
  background-image:var(--arcade-hero-image,none)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center calc(50% - 50px)!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-inspector::before {
  content:none!important;
  display:none!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-banner {
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-inspector {
    background-position:center calc(50% - 22px)!important;
  }
}

/* Compact icon-only game rail: use the reclaimed height for the hero artwork. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
  height:66px!important;
  padding:4px 10px 5px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-folder-content {
  align-items:center!important;
  gap:4px!important;
  padding:3px 5px 6px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
  display:flex!important;
  flex:0 0 64px!important;
  width:64px!important;
  min-width:64px!important;
  height:51px!important;
  min-height:51px!important;
  max-height:51px!important;
  padding:5px!important;
  align-items:center!important;
  justify-content:center!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut .arcade-desktop-label {
  display:none!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut .arcade-desktop-icon {
  font-size:28px!important;
  line-height:1!important;
  margin:0!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut.is-selected {
  box-shadow:inset 0 0 0 1px var(--os-accent,#69aaff)!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {height:59px!important}
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
    flex-basis:52px!important;width:52px!important;min-width:52px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut .arcade-desktop-icon {font-size:25px!important}
}

/* Continuous game art behind the compact selector and hero.
   The header is a translucent top fade rather than a solid obstruction. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher {
  background-image:var(--arcade-hero-image,none)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center calc(50% - 50px)!important;
  background-color:#0a1325!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
  background:linear-gradient(to bottom,rgba(5,11,23,.88),rgba(5,11,23,.68) 67%,rgba(5,11,23,.18))!important;
  border-bottom:0!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-inspector {
  background:transparent!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
  background:linear-gradient(to bottom,rgba(5,11,23,0),rgba(5,11,23,.64) 40%,rgba(5,11,23,.93) 78%,#050b17 100%)!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher {
    background-position:center calc(50% - 22px)!important;
  }
}

/* Leave clearance under selected icons before the horizontal scrollbar. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
  height:80px!important;
  padding:5px 10px 11px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-folder-content {
  padding:3px 5px 13px!important;
  box-sizing:border-box!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
    height:70px!important;
  }
}

/* Minecraft-style vertical game library. Keep the existing selection / launch JS,
   but give the icons their own scrollable left column instead of a clipped top rail. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher {
  display:flex!important;
  flex-direction:row!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
  display:flex!important;
  flex:0 0 78px!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:78px!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:8px 5px!important;
  box-sizing:border-box!important;
  background:linear-gradient(to right,rgba(5,11,23,.95),rgba(5,11,23,.77) 75%,rgba(5,11,23,.48))!important;
  border-right:1px solid rgba(145,185,245,.16)!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-folder-content {
  display:flex!important;
  flex:1 1 0!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:4px 4px 12px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-snap-type:y proximity!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(135,180,255,.48) transparent;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
  flex:0 0 56px!important;
  width:56px!important;
  min-width:56px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  align-self:center!important;
  scroll-snap-align:start;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-library-arrow {
  display:none!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-inspector {
  flex:1 1 0!important;
  width:auto!important;
  height:100%!important;
  min-width:0!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
    flex-basis:62px!important;
    width:62px!important;
    height:100%!important;
    padding:6px 3px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .arcade-game-shortcut {
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
  }
}

/* Force a true single-column scroll area. Older horizontal launcher rules
   set flex/grid sizing and were leaving all but the first icon clipped. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
  overflow:hidden!important;
  min-height:0!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-library-bar > .archive-arcade-folder-content {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  grid-auto-rows:56px!important;
  align-content:start!important;
  justify-items:center!important;
  flex:1 1 0%!important;
  height:0!important;
  max-height:none!important;
  min-height:0!important;
  width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:6px 3px 12px!important;
  scroll-snap-type:none!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-library-bar > .archive-arcade-folder-content > .arcade-game-shortcut {
  display:flex!important;
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  flex:none!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-library-bar > .archive-arcade-folder-content {
    grid-auto-rows:48px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-library-bar > .archive-arcade-folder-content > .arcade-game-shortcut {
    width:44px!important;min-width:44px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
  }
}

/* Full-height overlaid game dock: anchoring to the launcher bypasses inherited
   library-bar height and flex sizing that collapsed it to a single icon. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher {
  position:relative!important;
  isolation:isolate;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
  position:absolute!important;
  z-index:5!important;
  top:0!important;
  left:0!important;
  bottom:0!important;
  right:auto!important;
  display:flex!important;
  flex-direction:column!important;
  width:78px!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:8px 5px!important;
  background:linear-gradient(to right,rgba(5,11,23,.93),rgba(5,11,23,.69) 72%,rgba(5,11,23,.20))!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-library-bar > .archive-arcade-folder-content {
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:56px!important;
  align-content:start!important;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-inspector {
  position:relative!important;
  flex:1 1 100%!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
    width:62px!important;
    height:auto!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-library-bar > .archive-arcade-folder-content {
    grid-auto-rows:48px!important;
  }
}

/* Structural fix: the real game list is reparented as a direct child of the
   launcher. It can now occupy the full available height, independent of the
   old library bar's fixed dimensions. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list {
  position:absolute!important;
  inset:0 auto 0 0!important;
  z-index:8!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  width:76px!important;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:8px 8px 18px 5px!important;
  gap:6px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(130,180,240,.65) transparent;
  background:linear-gradient(to right,rgba(5,11,23,.91),rgba(5,11,23,.54) 75%,transparent)!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list > .arcade-game-shortcut {
  display:flex!important;
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .archive-arcade-library-bar {
  display:none!important;
}
@media(max-width:640px) {
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list {
   width:60px!important;
 }
 body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list > .arcade-game-shortcut {
   flex-basis:44px!important;width:44px!important;min-width:44px!important;
   height:44px!important;min-height:44px!important;max-height:44px!important;
 }
}


/* Widen the Arcade application and reserve space for the permanent game dock.
   Keep the hero art full bleed; only the information overlay moves right. */
@media(min-width:641px) {
  body.page-arcade .arcade-screen > .arcade-os-window.archive-arcade-folder:not(.is-maximized):not([hidden]) {
    left:clamp(5px,1%,12px)!important;
    right:clamp(5px,1%,12px)!important;
    width:auto!important;
    max-width:none!important;
  }
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
  padding-left:clamp(96px,12%,135px)!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
    padding-left:75px!important;
    padding-right:10px!important;
  }
}

/* Arcade presentation polish — consistent image framing and a legible dock. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher {
  background-position:center center!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list {
  width:84px!important;
  padding:10px 13px 16px 7px!important;
  gap:9px!important;
  scrollbar-gutter:stable;
  background:linear-gradient(90deg,rgba(5,11,23,.96),rgba(5,11,23,.86) 72%,rgba(5,11,23,.2))!important;
  border-right:1px solid rgba(157,195,250,.14);
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list > .arcade-game-shortcut {
  box-sizing:border-box!important;
  flex:0 0 50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  width:50px!important;
  min-width:50px!important;
  border-radius:8px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list > .arcade-game-shortcut.is-selected {
  outline-offset:-2px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
  padding-left:108px!important;
  padding-right:26px!important;
  padding-bottom:16px!important;
  gap:6px!important;
  background:linear-gradient(to bottom,rgba(5,11,23,0),rgba(5,11,23,.67) 38%,rgba(5,11,23,.93) 80%,#050b17 100%)!important;
}
body.page-arcade .arcade-screen .archive-arcade-launcher-heading {
  gap:20px!important;
  align-items:center!important;
}
body.page-arcade .arcade-screen .archive-arcade-launcher-heading .archive-arcade-inspector-launch {
  flex-shrink:0!important;
  min-width:145px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
  max-width:65ch!important;
  line-height:1.5!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher {
    background-position:center center!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list {
    width:62px!important;
    padding:7px 8px 14px 3px!important;
    gap:6px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list > .arcade-game-shortcut {
    width:43px!important;min-width:43px!important;
    height:43px!important;min-height:43px!important;max-height:43px!important;
    flex-basis:43px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
    padding-left:77px!important;
    padding-right:12px!important;
    padding-bottom:12px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-launcher-heading {
    gap:8px!important;
    align-items:flex-start!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-launcher-heading .archive-arcade-inspector-launch {
    min-width:94px!important;
  }
}

/* Consistent launcher action: Play occupies the lower-right corner of every
   game record instead of floating vertically with the heading content. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
  position:absolute!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-launcher-heading .archive-arcade-inspector-launch {
  position:absolute!important;
  right:26px!important;
  bottom:16px!important;
  top:auto!important;
  left:auto!important;
  align-self:auto!important;
  margin:0!important;
  z-index:2!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
  max-width:min(65ch,calc(100% - 185px))!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
    padding-bottom:58px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-launcher-heading .archive-arcade-inspector-launch {
    right:12px!important;
    bottom:12px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body p {
    max-width:100%!important;
  }
}

/* Right-hand Arcade library: scrollbar against the window's outside edge,
   with a mirrored fade and a clear content/action area to its left. */
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list {
  left:auto!important;
  right:0!important;
  border-left:1px solid rgba(157,195,250,.14)!important;
  border-right:0!important;
  padding:10px 4px 16px 12px!important;
  background:linear-gradient(90deg,rgba(5,11,23,.2),rgba(5,11,23,.86) 28%,rgba(5,11,23,.96))!important;
  direction:ltr;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
  padding-left:26px!important;
  padding-right:108px!important;
}
body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-launcher-heading .archive-arcade-inspector-launch {
  right:108px!important;
}
@media(max-width:640px) {
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher > .arcade-vertical-game-list {
    left:auto!important;
    right:0!important;
    padding:7px 3px 14px 8px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-inspector-body {
    padding-left:12px!important;
    padding-right:77px!important;
  }
  body.page-arcade .arcade-screen .archive-arcade-browser.archive-arcade-launcher .archive-arcade-launcher-heading .archive-arcade-inspector-launch {
    right:77px!important;
  }
}
