/* Fase 20B.22 · Juegos vive directamente en su submenú */
.community-games.game-hub-direct{
  padding:18px;
  background:
    radial-gradient(circle at 94% 0,rgba(140,41,71,.11),transparent 38%),
    linear-gradient(180deg,#151318,#101014);
}
.game-hub-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  gap:14px;
  align-items:end;
  padding:2px 2px 16px;
}
.game-hub-top h3{margin:0;font-size:28px}
.game-hub-copy{margin:8px 0 0;color:#89817a;font-size:11px;line-height:1.5;max-width:540px}
.game-hub-raven{width:146px;height:154px;object-fit:contain;object-position:center bottom;justify-self:end;filter:drop-shadow(0 13px 18px rgba(0,0,0,.38));pointer-events:none;user-select:none}
.game-hub-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}
.game-hub-stat{border:1px solid #302c33;border-radius:14px;padding:12px 10px;text-align:center;background:#0e0e12}
.game-hub-stat b{display:block;font:25px/1 Georgia,"Times New Roman",serif;color:#eee7df}
.game-hub-stat span{display:block;margin-top:5px;color:#817971;font-size:8px;text-transform:uppercase;letter-spacing:.12em}
.game-hub-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.game-hub-mode{position:relative;min-width:0;display:flex;flex-direction:column;min-height:205px;padding:16px;border:1px solid #302c33;border-radius:18px;background:linear-gradient(180deg,#151419,#101014);overflow:hidden}
.game-hub-mode:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:99px;background:linear-gradient(180deg,#b88662,#8c2947);opacity:.6}
.game-hub-mode-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:13px;border:1px solid #40383f;border-radius:13px;background:rgba(184,134,98,.05);color:#d0a17f;font-style:normal;font-size:21px}
.game-hub-mode h4{margin:0;font:21px/1.08 Georgia,"Times New Roman",serif;color:#eee7df}
.game-hub-mode p{margin:7px 0 15px;color:#89817a;font-size:10px;line-height:1.48}
.game-hub-mode .btn{width:100%;margin-top:auto;min-height:45px}

/* Una vez lanzado desde el submenú, el overlay deja de ser un segundo lobby. */
#crowGamesOverlay.games-direct-session{padding:0;align-items:stretch;background:rgba(5,5,7,.88)}
#crowGamesOverlay.games-direct-session .crow-games-sheet{
  width:100vw;
  max-width:none;
  height:100dvh;
  max-height:none;
  border:0;
  border-radius:0;
  box-shadow:none;
}
#crowGamesOverlay.games-direct-session #crowGamesLobby{display:none!important}
#crowGamesOverlay.games-direct-session .sheet-body{width:min(100%,900px);margin:0 auto;padding-bottom:calc(28px + var(--safeB))}
#crowGamesOverlay.games-direct-session.games-is-preparing .crow-games-sheet{min-height:100dvh;max-height:none}

/* En la partida directa la X superior es el único control para abandonar. */
#crowGamesOverlay.games-direct-session #gamesQuitBtn{display:none!important}

html[data-theme="light"] .community-games.game-hub-direct{background:linear-gradient(180deg,#fffdf9,#f7f2eb);border-color:#ddd3c8}
html[data-theme="light"] .game-hub-copy,html[data-theme="light"] .game-hub-mode p{color:#756b63}
html[data-theme="light"] .game-hub-stat,html[data-theme="light"] .game-hub-mode{background:#fffaf5;border-color:#ddd3c8}
html[data-theme="light"] .game-hub-stat b,html[data-theme="light"] .game-hub-mode h4{color:#302822}
html[data-theme="light"] .game-hub-stat span{color:#796f67}
html[data-theme="light"] .game-hub-mode-icon{background:rgba(184,134,98,.07);border-color:#d7c8ba;color:#9f704f}
html[data-theme="light"] #crowGamesOverlay.games-direct-session{background:rgba(246,241,235,.94)}

@media(max-width:620px){
  .community-games.game-hub-direct{padding:16px;margin-top:14px}
  .game-hub-top{grid-template-columns:minmax(0,1fr) 100px;gap:7px;padding-bottom:14px}
  .game-hub-top h3{font-size:25px}
  .game-hub-copy{font-size:10.5px}
  .game-hub-raven{width:100px;height:122px}
  .game-hub-stats{gap:7px;margin-bottom:12px}
  .game-hub-stat{padding:11px 6px 10px;border-radius:13px}
  .game-hub-stat b{font-size:22px}
  .game-hub-stat span{font-size:7.5px;letter-spacing:.1em}
  .game-hub-modes{grid-template-columns:1fr;gap:10px}
  .game-hub-mode{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;align-items:start;min-height:0;padding:15px}
  .game-hub-mode-icon{grid-row:1/4;width:44px;height:44px;margin:0}
  .game-hub-mode h4{font-size:21px;margin-top:1px}
  .game-hub-mode p{margin:6px 0 12px;font-size:11px}
  .game-hub-mode .btn{grid-column:2;min-height:46px}
  #crowGamesOverlay.games-direct-session .sheet-body{width:100%;padding-left:16px;padding-right:16px}
}