/* 2026-08-23 footer tap fix.
   Make footer/legal links a real clickable layer above mobile page shells/overlays. */
.site-footer{
  position:relative!important;
  z-index:214748200!important;
  isolation:isolate!important;
  pointer-events:auto!important;
  touch-action:auto!important;
}
.site-footer .footer-legal{
  position:relative!important;
  z-index:214748201!important;
  pointer-events:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:.55rem .85rem!important;
}
.site-footer .footer-legal a{
  position:relative!important;
  z-index:214748202!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:.42rem .52rem!important;
  text-decoration:underline!important;
  -webkit-tap-highlight-color:rgba(245,201,93,.35)!important;
}
html.st-game-shell-loading .site-footer,
html.st-page-exiting .site-footer,
html.st-page-entering .site-footer{
  pointer-events:auto!important;
}

/* 2026-08-23 Browse search correction.
   Search opens from the header magnifying-glass overlay. Do not leak the hidden
   Browse filter form into the card grid hit area when its local panel is closed. */
@media (max-width:760px){
  html body main.site-main .container.browse-page .browse-search-card[aria-hidden="true"]{
    overflow:hidden!important;
    pointer-events:none!important;
  }
  html body main.site-main .container.browse-page .browse-search-card[aria-hidden="true"] .browse-search-card-inner{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/* 2026-08-23 true phone tile grid override.
   Loaded last to beat older one-column phone Browse rules. Overlay positions stay locked to the image frame. */
@media (max-width:520px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards,
  html body main.site-main .container #listing-grid.listing-layout-cards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    align-items:start!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
    aspect-ratio:4/3!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:16px 16px 0 0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-img,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-type-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-rating-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .image-type-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .image-rating-pill{
    top:6px!important;
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    font-size:.60rem!important;
    line-height:1!important;
    border-radius:999px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-type-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .image-type-pill{
    left:6px!important;
    padding:1px .36rem!important;
    max-width:48%!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-rating-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .image-rating-pill{
    right:6px!important;
    padding:1px .88rem 1px .30rem!important;
    max-width:51%!important;
    min-width:0!important;
    gap:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .rating-star,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .rating-star{
    font-size:.64rem!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .rating-sort-icon,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .rating-sort-icon{
    right:.18rem!important;
    width:.64rem!important;
    height:.64rem!important;
    font-size:.50rem!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-location-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-reaction-pair,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .image-location-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .browse-card-reaction-pair{
    bottom:6px!important;
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    font-size:.60rem!important;
    border-radius:999px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-location-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .image-location-pill{
    left:6px!important;
    max-width:calc(100% - 68px)!important;
    padding:1px .34rem!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-reaction-pair,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .browse-card-reaction-pair{
    right:6px!important;
    min-width:52px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-reaction,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .browse-card-reaction{
    width:25px!important;
    min-width:25px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-body{
    padding:.54rem .58rem .64rem!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-title,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-title a,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-title,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-title a{
    font-size:.86rem!important;
    line-height:1.12!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-desc,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:.72rem!important;
    line-height:1.2!important;
    margin-top:.34rem!important;
  }
}

@media (max-width:520px){
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    top:5px!important;height:22px!important;min-height:22px!important;max-height:22px!important;font-size:.56rem!important;line-height:1!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
    left:5px!important;max-width:42%!important;padding:1px .30rem!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    right:5px!important;max-width:48%!important;width:auto!important;min-width:0!important;padding:1px .66rem 1px .22rem!important;gap:0!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star{font-size:.55rem!important;margin:0!important;}
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{right:.12rem!important;width:.58rem!important;height:.58rem!important;font-size:.45rem!important;}
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair{
    bottom:5px!important;height:22px!important;min-height:22px!important;max-height:22px!important;font-size:.56rem!important;line-height:1!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill{left:5px!important;max-width:calc(100% - 62px)!important;padding:1px .28rem!important;}
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair{right:5px!important;min-width:48px!important;width:48px!important;}
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction{width:23px!important;min-width:23px!important;}
}

/* AEGIS final mobile listing overlay/location override 2026-08-23 */
@media (max-width: 920px){
  html body main.site-main .container.browse-page{
    overflow-x:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    grid-template-columns:repeat(auto-fit,minmax(clamp(148px,44vw,230px),1fr))!important;
    gap:clamp(10px,2.4vw,18px)!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card{
    min-width:0!important;
    width:100%!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
    height:clamp(124px,28vw,190px)!important;
    min-height:clamp(124px,28vw,190px)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-link,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-img{
    height:100%!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap > a.loc.image-location-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-overlay .image-location-pill{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body{
    padding:clamp(10px,2.6vw,16px)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body .listing-location-text{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.3rem!important;
    margin:.2rem 0 .5rem!important;
    color:rgba(248,251,243,.86)!important;
    font-size:clamp(.72rem,2.8vw,.86rem)!important;
    font-weight:800!important;
    line-height:1.15!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body .listing-location-inline-pin,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body .listing-location-inline-pin svg{
    width:1em!important;
    height:1em!important;
    flex:0 0 auto!important;
    color:#ff4c5d!important;
    fill:#ff4c5d!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
    font-size:0!important;
    width:clamp(42px,10.5vw,52px)!important;
    min-width:clamp(42px,10.5vw,52px)!important;
    max-width:clamp(42px,10.5vw,52px)!important;
    height:clamp(34px,8.6vw,40px)!important;
    min-height:clamp(34px,8.6vw,40px)!important;
    padding:0!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill .type-icon{
    font-size:clamp(20px,5.2vw,24px)!important;
    line-height:1!important;
    margin:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    width:auto!important;
    min-width:clamp(88px,21vw,118px)!important;
    height:clamp(34px,8.6vw,40px)!important;
    min-height:clamp(34px,8.6vw,40px)!important;
    padding:0 .55rem!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-label,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-stars{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.03rem!important;
    letter-spacing:-.03em!important;
    white-space:nowrap!important;
    color:#ffd84d!important;
    -webkit-text-fill-color:#ffd84d!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star{
    display:inline-block!important;
    font-size:clamp(15px,3.7vw,19px)!important;
    line-height:1!important;
    color:#ffd84d!important;
    -webkit-text-fill-color:#ffd84d!important;
    text-shadow:0 1px 1px rgba(6,17,11,.7)!important;
    filter:none!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star.is-empty{
    color:#1b5e45!important;
    -webkit-text-fill-color:#1b5e45!important;
  }
}
@media (max-width: 430px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  }
}


/* AEGIS first-row mobile overlay safety 2026-08-23 */
@media (max-width: 920px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    padding-top:clamp(8px,2vw,14px)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-overlay,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-overlay-top{
    position:absolute!important;
    inset:0!important;
    z-index:60!important;
    pointer-events:none!important;
    overflow:visible!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-overlay a,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-overlay button,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .browse-card-overlay .browse-card-reaction-pair{
    pointer-events:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
    top:clamp(8px,2vw,12px)!important;
    left:clamp(8px,2vw,12px)!important;
    bottom:auto!important;
    right:auto!important;
    transform:none!important;
    z-index:70!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    top:clamp(8px,2vw,12px)!important;
    right:clamp(8px,2vw,12px)!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    z-index:70!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair{
    right:clamp(8px,2vw,12px)!important;
    bottom:clamp(8px,2vw,12px)!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    z-index:70!important;
  }
}

/* AEGIS mobile grid header clearance 2026-08-23 */
@media (max-width: 920px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    margin-top:clamp(64px,13vw,82px)!important;
    padding-top:0!important;
  }
}