/* Member perks on the arcade home and the /games hub: the favorite stars, the "Your favorites" row and the
   My Arcade link in the home header. My Arcade's own page styles are in me.css. */
.fav-wrap { position: relative; display: grid; min-width: 0; }
.fav-wrap > .tile { min-width: 0; }
.fav-btn { position: absolute; top: 10px; right: 10px; z-index: 2; width: 46px; height: 46px; min-height: 46px; padding: 0; display: grid; place-items: center; border-radius: 50%; font-size: 26px; line-height: 1; color: #ffd23f; background: #1d1433d9; border: 3px solid #1d1433; box-shadow: 0 3px 0 #1d1433; }
.fav-btn[aria-pressed="true"] { background: #ffd23f; color: #1d1433; }
.fav-sec { margin-bottom: 26px; }
.fav-sec[hidden] { display: none; }
.fav-title { margin: 0 0 12px; font-size: clamp(22px, 5vw, 30px); }
.fav-shelf { display: grid; gap: 18px; }
@media (min-width: 760px) {
  .fav-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fav-wrap.wide { grid-column: 1 / -1; }
  .fav-shelf .fav-wrap.wide { grid-column: auto; }
  .fav-shelf .tile.wide { grid-template-columns: 1fr; }
  .fav-shelf .tile.wide .art { border-right: 0; border-bottom: 3px solid var(--ink); }
}
.a-me { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 12px; border: 2px solid var(--line); border-radius: 14px; color: var(--text); text-decoration: none; font-weight: 600; white-space: nowrap; }
.a-me + .a-signin { margin-left: 0; }
@media (max-width: 430px) { .a-me .a-me-word { display: none; } .a-me { padding: 6px 10px; } }

/* The home's search and category chips hide a tile (arcade.js); hide its star wrapper with it. */
.fav-wrap:has(> a.tile[hidden]) { display: none; }