/* GPlay · Mobile game rows v1.0.001
 * The same card/link/buttons work on every console. Desktop grids stay intact.
 * CSS-only layout: no cloned buttons, no loss of keyboard/link semantics.
 */
@media (max-width:760px) {
  .arcade-portal .portal-view .game-grid,
  .arcade-portal .portal-view .originals-grid {
    grid-template-columns:minmax(0,1fr);
    gap:9px;
  }
  .arcade-portal .portal-view .game-card {
    --mobile-cover-width:clamp(104px,31%,148px);
    display:block;
    position:relative;
    min-width:0;
    min-height:158px;
    overflow:hidden;
    border-radius:13px;
  }
  .arcade-portal .portal-view .game-card .game-main {
    display:grid;
    grid-template-columns:var(--mobile-cover-width) minmax(0,1fr);
    align-items:stretch;
    min-width:0;
    min-height:158px;
    height:100%;
  }
  .arcade-portal .portal-view .game-card .game-cover {
    grid-column:1;
    min-height:158px;
    height:100%;
    aspect-ratio:auto;
    border-right:1px solid var(--line);
    overflow:hidden;
  }
  .arcade-portal .portal-view .game-card .game-cover img {
    object-fit:contain;
    object-position:center;
  }
  /* System information is already present in the tag beside the cover. */
  .arcade-portal .portal-view .game-card .game-kind {display:none}
  .arcade-portal .portal-view .game-card .game-info {
    grid-column:2;
    min-width:0;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:10px 11px 55px;
  }
  .arcade-portal .portal-view .game-card .game-info h3 {
    margin:0;
    font-size:clamp(12px,3.4vw,15px);
    line-height:1.32;
    overflow-wrap:anywhere;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .arcade-portal .portal-view .game-card .game-subtitle,
  .arcade-portal .portal-view .game-card .game-description {display:none}
  .arcade-portal .portal-view .game-card .game-tags {
    margin:0;
    padding-top:0;
    gap:4px;
  }
  .arcade-portal .portal-view .game-card .game-tag {
    font-size:10px;
    padding:3px 5px;
    line-height:1.2;
    overflow-wrap:anywhere;
  }
  .arcade-portal .portal-view .game-card .game-action {
    margin:auto 0 0;
    padding:4px 0 0;
    border:0;
    font-size:12px;
    gap:8px;
  }
  .arcade-portal .portal-view .game-card .game-card-tools {
    position:absolute;
    left:calc(var(--mobile-cover-width) + 9px);
    right:9px;
    bottom:9px;
    z-index:2;
    padding:0;
    gap:7px;
    align-items:stretch;
  }
  .arcade-portal .portal-view .game-card .game-card-tools button {
    min-height:42px;
    padding:6px 7px;
  }
  .arcade-portal .portal-view .game-card .game-card-tools .card-favorite {
    flex:0 0 42px;
    width:42px;
    font-size:22px;
  }
  .arcade-portal .portal-view .game-card .game-card-tools .card-info {
    min-width:0;
    padding-inline:8px;
    font-size:12px;
  }
}
@media (max-width:355px) {
  .arcade-portal .portal-view .game-card {--mobile-cover-width:96px}
  .arcade-portal .portal-view .game-card .game-info {padding-inline:8px}
  .arcade-portal .portal-view .game-card .game-card-tools {
    left:calc(var(--mobile-cover-width) + 7px);right:7px;gap:5px;
  }
}
