/* 생성일자: 2026-09-11 (Asia/Seoul) */
/*
 * Astra / Luna mobile HUD clearance patch.
 *
 * This file is intentionally an additive, route-scoped layer.  It does not
 * change game layout, canvas sizing, wallet values, auth, or game state.  The
 * :has() clauses below describe the existing lobby DOM state; they do not
 * create or toggle that state.
 */

@media (max-width: 720px) {
  /* Immersive battle views are owned by each game's mobile battle CSS. */
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup),
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active),
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing),
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on),
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])),
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing),
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on),
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on),
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing),
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing) {
    --xena-hud-clear: 0px;
  }

  /* A HUD is appended as a body child by shared-wallet.js.  Only pages that
     actually have that child reserve a row, so anonymous/no-HUD pages do not
     gain an empty 72px strip. */
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing):has(> #xena-global-economy),
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing):has(> #xena-global-economy) {
    --xena-hud-clear: 72px;
    padding-top: calc(env(safe-area-inset-top) + var(--xena-hud-clear)) !important;
  }

  /* The explicit state gate is repeated here rather than using a generic
     body[data-xena-game] rule: playing/core screens must never inherit this
     lobby repair. */
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy {
    position: absolute !important;
    top: calc(env(safe-area-inset-top) + 8px) !important;
    z-index: 80 !important;
    max-width: calc(100% - 16px) !important;
    width: max-content !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
  }

  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-currency-panel {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-xc,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-shards-label {
    max-width: 24vw !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word;
  }

  /* Keep the six-gem energy indicator together when currency text wraps. */
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy .xena-energy-panel {
    flex-shrink: 0 !important;
  }

  /* All ten lobby navs return to normal flow.  The right reservation is for
     the body-level profile/audio controls; language buttons remain visible. */
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) #app > .shell > .topbar,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active) .shell > .topbar,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing) .wrap > .topbar,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on) > .topbar,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])) #xena-tcg-container > .game-header,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing) > .topbar,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on) .wrap > .topbar,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on) .wrap > .topbar,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing) .wrap > .topbar,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing) .wrap > .topbar {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    min-height: 60px;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding-right: 96px !important;
  }

  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) #app > .shell > .topbar > .wallet,
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) #app > .shell > .topbar > .wallet > .wallet-primary,
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) #app > .shell > .topbar > .wallet > .wallet-nav,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active) .shell > .topbar > .top-actions,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing) .wrap > .topbar > div,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on) > .topbar > .tb-right,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])) #xena-tcg-container > .game-header > .header-actions,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing) > .topbar > .tb-right,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on) .wrap > .topbar > .top-right,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on) .wrap > .topbar > .top-right,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing) .wrap > .topbar > div,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing) .wrap > .topbar > .lang-toggle {
    min-width: 0;
    flex-wrap: wrap;
  }

  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) #app > .shell > .topbar > a,
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) #app > .shell > .topbar button,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active) .shell > .topbar a,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active) .shell > .topbar button,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing) .wrap > .topbar a,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing) .wrap > .topbar button,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on) > .topbar a,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on) > .topbar button,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])) #xena-tcg-container > .game-header a,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])) #xena-tcg-container > .game-header button,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing) > .topbar a,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing) > .topbar button,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on) .wrap > .topbar a,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on) .wrap > .topbar button,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on) .wrap > .topbar a,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on) .wrap > .topbar button,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing) .wrap > .topbar a,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing) .wrap > .topbar button,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing) .wrap > .topbar a,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing) .wrap > .topbar button {
    min-height: 44px;
  }

  /* Shared identity/audio append these body-level controls after the page
     markup.  Existing right offsets are deliberately left untouched. */
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing) > #xaud-mute,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing) > #xaud-mute {
    position: absolute !important;
    top: calc(env(safe-area-inset-top) + var(--xena-hud-clear) + 10px) !important;
  }

  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing) > #xprof-btn,
  html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing) > #xprof-btn {
    position: absolute !important;
    top: calc(env(safe-area-inset-top) + var(--xena-hud-clear) + 10px) !important;
  }

  /* GRID keeps its body-level back/profile row above the generated wallet.
     Gameplay .game-layout is excluded by the exact .setup gate. */
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) > #xena-games-back,
  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) > #xena-topcenter {
    top: calc(env(safe-area-inset-top) + var(--xena-hud-clear) + 10px) !important;
  }

  html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup) #app > .shell > .topbar {
    padding-left: 0 !important;
    padding-top: 56px !important;
  }

  html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active) .shell > .topbar .top-actions {
    margin-right: 0 !important;
  }

  /* Fixed-nav pages already reserve 64px internally; after normal-flow nav
     only 20px is needed between nav and the LIVE TOUR/CLASH title. */
  html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing) > main,
  html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on) > main {
    padding-top: 20px !important;
  }

  /* WARFARE's centered absolute lockup gets a dedicated wrapped row. */
  html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])) #xena-tcg-container > .game-header > .brand-lockup {
    position: static !important;
    transform: none !important;
    flex-basis: 100%;
    order: 3;
    justify-content: center;
    text-align: center;
  }

  /* A 320px viewport may wrap long balances into a second HUD row. */
  @media (max-width: 360px) {
    html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing):has(> #xena-global-economy),
    html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing):has(> #xena-global-economy) {
      --xena-hud-clear: 88px;
    }

    html:not(.xena-immersive) body[data-xena-game="grid"]:not(.playing):has(#app .setup):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="neon-rush"]:not(.playing):has(.game-frame.lobby-active):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="gacha"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="signal-clash"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="tcg"]:not(.playing):has(#lobby:not([hidden])):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="idle"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="shisen"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="memory"]:not(.playing):has(#screen-intro.on):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="world-cup"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy,
    html:not(.xena-immersive) body[data-xena-game="merge"]:not(.playing):has(> #xena-global-economy) > #xena-global-economy {
      align-content: center !important;
    }
  }
}