/* TASK-1011 (owner 20.10, TASK-0996 variant A): the Games column of the ranking (was Studios) — the number of games
   in the lobby's own list (.metric-value) and under it a link-looking «N studios» button that opens the studios
   dialog. The rules of docs/os/work/TASK-0996/games.css that A uses; UX-01 of that card: the button takes the sizes
   of the old «+ N» (.more-studios) — 13 px, 12 px below 1200. Homepage only, after rank.css; only the owner's tokens.
   Markup (partials/casino-card.html): .metric.games > .mobile-label + .metric-value + button.g-studios. */
.metric.games { gap: 5px; }
.g-studios { border: 0; background: transparent; color: var(--purple); padding: 2px 6px; min-height: 24px;
             font-size: 13px; font-weight: 700; line-height: 1.3; border-radius: 6px; white-space: nowrap;
             text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; }
.g-studios:hover { background: var(--purple-soft); text-decoration-style: solid; }
@media (min-width: 1200px) { .metric.games { gap: 2px; } }
@media (max-width: 1199px) { .g-studios { font-size: 12px; padding: 2px 4px; } }