/* The top bar stays reachable beneath notches and installed-app status bars. */
:root{--safe-top:env(safe-area-inset-top,0px)}
.header-search{top:calc(100% + 8px)}
.card-art.portrait-cover>img{object-position:center 25%}
.card-art.reference-cover>img{position:absolute;width:300%;max-width:none;height:100%;left:-200%;object-fit:cover}
.card-art.portrait-cover .card-shade{background:linear-gradient(0deg,#071311 5%,#07131115 75%)}
.cover-title{position:absolute;bottom:40px;left:14px;right:14px;z-index:2;color:white;font-size:clamp(15px,1.8vw,24px);line-height:1.15;text-align:left;text-shadow:0 2px 8px #000}
@media(max-width:650px),(max-height:500px) and (pointer:coarse){
 body{padding-top:calc(66px + var(--safe-top));scroll-padding-top:calc(80px + var(--safe-top))}
 .site-header{display:flex;position:fixed;inset:0 0 auto;height:calc(66px + var(--safe-top));padding:var(--safe-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));z-index:60;background:#0b1011;backdrop-filter:none;gap:10px;transform:none}
 .site-header .brand{flex-shrink:0}.site-header .header-actions{margin-left:auto;gap:6px}
 .site-header .search-toggle,.site-header .profile-button{width:44px;height:44px;flex-shrink:0}
 .site-header .desktop-nav,.site-header .studio-link{display:none}
 .site-header .header-search{top:calc(100% + 8px);left:12px;right:12px}
 .mobile-nav{background:#0d1716;backdrop-filter:none}
}
.card-art.reference-cover>img{top:0;height:auto;min-height:100%;object-position:top}
.wide-card .cover-title{display:none}
@media(max-width:650px){.browse-tabs{margin-right:0;padding-right:0}}
.card-art.reference-cover>img{top:50%;transform:translateY(-50%)}
.card-art.reference-cover:hover>img{transform:translateY(-50%) scale(1.045)}
@media(max-width:380px){.card-info p{column-gap:4px}}