/* R354 preview: quieter catalogue materials and a consistent Search hierarchy.
   Existing artwork, favorite controls, zoom, scrolling and glass renderer own
   their behavior. No new idle animation or additional backdrop layer. */
body.home-page:has(#game-search-panel) #catalog-scroll .ht-catalog-card-r324 > a.game {
  background:linear-gradient(155deg,#14344b,#0b2336 80%)!important;
  border-color:#365b70!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 #dcf3ff0d,0 3px 10px #020d171f!important;
  gap:8px!important;
}
body.home-page:has(#game-search-panel) #catalog-scroll .game > b {
  line-height:1.45!important;
  min-height:2.9em;
  display:grid;
  align-content:center;
  color:#edf6fc!important;
}
body.home-page .catalog:has(#catalog-scroll) #game-search-panel > .search-heading {
  border-color:#31596f!important;
  background:linear-gradient(135deg,#102f45,#0b263a)!important;
  box-shadow:inset 0 1px 0 #d6f2ff0f!important;
}
body.home-page:has(#catalog-scroll) #ht-catalog-search-open-r324 {
  border-color:#467b96!important;
  background:#123c53!important;
  box-shadow:inset 0 1px 0 #e5faff1a!important;
  color:#e3f5ff!important;
}
#ht-catalog-search-r324[open]:has(#ht-catalog-query-r324) {
  background:#102b40!important;
  border-color:#47677b!important;
  gap:12px!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-field-r324 {
  background:#092235!important;
  border-color:#40677f!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 #e4f5ff0a!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-field-r324:focus-within {
  border-color:#77d5fa!important;
  box-shadow:0 0 0 2px #77d5fa26!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-tabs-r324 {
  gap:4px!important;
  padding-bottom:6px!important;
  border-bottom-color:#a9d1e426!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-tab-r324 {
  border-radius:10px!important;
  color:#b7cddd!important;
  min-height:44px!important;
  font-size:12px!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-tab-r324[aria-selected=true] {
  background:#163f56!important;
  border-color:#6ccce547!important;
  box-shadow:inset 0 -2px 0 #73d9f5!important;
  color:#edfaff!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-grid-r324 {
  gap:10px!important;
  padding:2px 2px 12px!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-summary-r324 {
  margin-bottom:8px!important;
  color:#b7cede!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-game-r324 {
  min-height:166px!important;
  padding:14px 8px 10px!important;
  gap:8px!important;
  background:linear-gradient(155deg,#15364c,#0b2437)!important;
  border-color:#3a5b70!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 #dcf3ff0d!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-game-r324 > img {
  width:96px!important;height:96px!important;
  border-radius:16px!important;
}
#ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-game-r324 > b {
  font-size:13px!important;line-height:1.5!important;
  min-height:3em;
  display:grid;
  align-content:center;
}
@supports ((backdrop-filter:blur(24px)) or (-webkit-backdrop-filter:blur(24px))) {
  #ht-catalog-search-r324[open]:has(#ht-catalog-query-r324) {
    background:linear-gradient(155deg,#123348ed,#0b2437ed 70%)!important;
  }
}
@media(max-width:650px) {
  #ht-catalog-search-r324[open]:has(#ht-catalog-query-r324) {gap:10px!important;}
  #ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-grid-r324 {gap:8px!important;}
  #ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-game-r324 {
    min-height:144px!important;padding:14px 5px 9px!important;gap:8px!important;
  }
  #ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-game-r324 > img {
    width:72px!important;height:72px!important;border-radius:14px!important;
  }
  #ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-game-r324 > b {
    font-size:12px!important;
  }
}
@media(prefers-reduced-transparency:reduce) {
  #ht-catalog-search-r324[open]:has(#ht-catalog-query-r324) {
    background:#102b40!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}
@media(forced-colors:active) {
  body.home-page:has(#game-search-panel) #catalog-scroll .ht-catalog-card-r324 > a.game,
  body.home-page .catalog:has(#catalog-scroll) #game-search-panel > .search-heading,
  body.home-page:has(#catalog-scroll) #ht-catalog-search-open-r324,
  #ht-catalog-search-r324[open]:has(#ht-catalog-query-r324),
  #ht-catalog-search-r324:has(#ht-catalog-query-r324) :is(.ht-search-game-r324,.ht-search-field-r324,.ht-search-tab-r324) {
    background:Canvas!important;color:CanvasText!important;
    border-color:CanvasText!important;box-shadow:none!important;
  }
  #ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-tab-r324[aria-selected=true] {
    border-color:Highlight!important;color:Highlight!important;
  }
  #ht-catalog-search-r324:has(#ht-catalog-query-r324) .ht-search-game-r324 > b,
  body.home-page:has(#game-search-panel) #catalog-scroll .game > b {color:CanvasText!important;}
}