/* Game art keeps its original proportions inside a consistent square surface. */
.game-art,.home-phase-one .game-art,.catalog-page .game-art{aspect-ratio:1;background:#0a2119}
.game-art>.game-cover,.game-art-reference>.game-cover{position:static;inset:auto;width:100%;height:100%;object-fit:contain;transform:none;display:block}
.game-art-reference:after{display:block}
.game-card:hover .game-cover{transform:none}
.game-status{display:block;color:var(--muted);font:400 11px/1.7 var(--font);margin-top:5px}
.art-caption{max-width:calc(100% - 20px);text-shadow:0 1px 3px #000}
.catalog-controls .page-size-field{flex:0 1 140px}
.catalog-controls .select-field select{font-size:13px}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.mobile-member-links{display:none}
.phase-one-header .icon-button,.phase-one-header .menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px}
.suggestion-search{position:relative}
.search-suggestions{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:40;background:#102b24;border:1px solid #52715f;border-radius:10px;box-shadow:0 18px 40px #0008;overflow:hidden}
.search-suggestions[hidden]{display:none}
.search-suggestions.opens-up{top:auto;bottom:calc(100% + 10px)}
.suggestions-list{max-height:min(420px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding:8px;scrollbar-width:thin;scrollbar-color:#52715f #102b24}
.home-search .suggestion-group-title{padding:8px 10px 5px;color:var(--gold);font-size:12px;font-weight:600}
.suggestion-option{display:flex;align-items:center;gap:12px;min-height:62px;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:var(--text)}
.suggestion-option img{width:42px;height:42px;flex-shrink:0;object-fit:contain;border-radius:5px;background:#071b14}
.suggestion-option>span{min-width:0}
.suggestion-option strong{display:block;font:600 14px/1.5 system-ui,var(--font);overflow-wrap:anywhere}
.suggestion-option small{display:block;font-size:12px;color:var(--muted);line-height:1.6}
.suggestion-option:hover,.suggestion-option[aria-selected="true"]{background:#1a3d30;border-color:var(--gold)}
.home-search .suggestion-empty{padding:14px;font-size:14px;color:var(--text)}
.home-search .suggestions-all{display:block;width:100%;min-height:44px;padding:12px;border:0;border-top:1px solid var(--line);background:#16362b;color:var(--gold);font:500 13px/1.6 var(--font);cursor:pointer}
.home-search .suggestions-all:hover{background:#214636}
@media(max-width:760px){
 .phase-one-header .login-link{display:none}
 .phase-one-header.has-register-link .header-search{display:none}
 .phase-one-header.has-register-link .header-cta{display:inline-flex;font-size:12px;padding:9px 12px;gap:8px}
 .phase-one-header.has-register-link .header-cta .icon{width:16px;height:16px}
 .phase-one-header.has-register-link .header-inner{gap:10px}
 .home-phase-one .home-hero{margin-top:14px}
 .home-phase-one .hero-visual{height:110px;min-height:0}
 .home-phase-one .hero-visual img{object-position:72% 46%}
 .home-phase-one .hero-copy{padding:8px 20px 20px}
 .home-phase-one .hero-copy .eyebrow{margin-bottom:8px;font-size:10px}
 .home-phase-one .hero-copy h1{font-size:29px;line-height:1.4;margin-bottom:10px}
 .home-phase-one .hero-copy .hero-description{font-size:13px;line-height:1.8}
 .home-phase-one .hero-actions{margin-top:14px;gap:8px}
 .home-phase-one .hero-footnote{margin-top:12px;font-size:10px}
 .home-phase-one .hero-actions .button{padding:9px 12px}
 .catalog-controls .page-size-field{flex:1 1 calc(50% - 8px)}
 .suggestions-list{max-height:43dvh}
 .search-suggestions{top:calc(100% + 8px)}
 .game-status{font-size:10px}
}
@media(max-width:1080px){.phase-one-nav .mobile-member-links{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.phase-one-nav .mobile-member-links a{color:var(--gold)}}
@media(max-width:480px){.phase-one-header:not(.has-register-link) .header-cta{display:none}}
@media(max-width:360px){.phase-one-header.has-register-link .logo-word{font-size:18px}.phase-one-header.has-register-link .logo-mark{font-size:40px}.phase-one-header.has-register-link .brand{gap:6px}.phase-one-header.has-register-link .header-cta{padding-inline:9px}}
@media(max-width:360px){.home-phase-one .hero-copy h1{font-size:27px}.home-phase-one .hero-copy{padding-inline:16px}.home-phase-one .hero-visual{height:90px}}