/*
 * Gamers & Collectors
 * gc-home-phase2.css — Home reliability UI V1
 */

html[data-gc-home-phase2] .gcHomePhase2Status{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  margin:-5px 0 14px;
  padding:8px 10px;
  border:1px solid rgba(100,227,240,.13);
  border-radius:12px;
  background:rgba(5,19,25,.54);
  color:#9db2bb;
  font-size:11px;
  font-weight:750;
  line-height:1.35;
}

html[data-gc-home-phase2] .gcHomePhase2Status[hidden]{
  display:none!important;
}

html[data-gc-home-phase2] .gcHomePhase2StatusText{
  min-width:0;
  flex:1 1 auto;
}

html[data-gc-home-phase2] .gcHomePhase2StatusDot{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:999px;
  background:#5fdfe9;
  box-shadow:0 0 12px rgba(95,223,233,.45);
}

html[data-gc-home-phase2] .gcHomePhase2Status[data-state="refreshing"] .gcHomePhase2StatusDot{
  animation:gcHomePhase2Pulse 1.15s ease-in-out infinite;
}

html[data-gc-home-phase2] .gcHomePhase2Status[data-state="ready"]{
  border-color:rgba(52,211,153,.18);
  color:#a9d8c8;
}

html[data-gc-home-phase2] .gcHomePhase2Status[data-state="ready"] .gcHomePhase2StatusDot{
  background:#34d399;
  box-shadow:0 0 12px rgba(52,211,153,.34);
}

html[data-gc-home-phase2] .gcHomePhase2Status[data-state="error"]{
  border-color:rgba(255,209,102,.22);
  background:rgba(43,31,11,.34);
  color:#e8d49c;
}

html[data-gc-home-phase2] .gcHomePhase2Status[data-state="error"] .gcHomePhase2StatusDot{
  background:#ffd166;
  box-shadow:0 0 12px rgba(255,209,102,.32);
}

html[data-gc-home-phase2] .gcHomePhase2Retry{
  min-height:28px;
  flex:0 0 auto;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  background:rgba(255,255,255,.07);
  color:#f3fbfd;
  font:inherit;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

html[data-gc-home-phase2] .gcHomePhase2Retry[hidden]{
  display:none!important;
}

html[data-gc-home-phase2] .gcHomePhase2Retry:disabled{
  opacity:.55;
  cursor:default;
}

/* Cold loads stay informative without producing a wall of oversized Korma cards. */
html[data-gc-home-phase2] .gcHomePhase2CompactLoading{
  min-height:118px;
  padding:16px 14px;
}

html[data-gc-home-phase2] .gcHomePhase2CompactLoading img{
  width:48px;
  height:48px;
}

html[data-gc-home-phase2] .gcHomePhase2CompactLoading strong{
  margin-top:8px;
  font-size:13px;
}

html[data-gc-home-phase2] .gcHomePhase2CompactLoading span{
  margin-top:4px;
  font-size:11px;
}

html[data-gc-home-phase2] .gcHomePhase2CompactLoading .gcHomeActivitySpinner{
  width:20px;
  height:20px;
  margin-top:10px;
}

@keyframes gcHomePhase2Pulse{
  0%,100%{opacity:.45;transform:scale(.86)}
  50%{opacity:1;transform:scale(1.08)}
}

@media(max-width:620px){
  html[data-gc-home-phase2] .gcHomePhase2Status{
    align-items:flex-start;
    margin:-3px 0 11px;
    padding:8px 9px;
  }

  html[data-gc-home-phase2] .gcHomePhase2StatusDot{
    margin-top:4px;
  }

  html[data-gc-home-phase2] .gcHomePhase2Retry{
    min-height:30px;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-gc-home-phase2] .gcHomePhase2StatusDot{
    animation:none!important;
  }
}

html.gcReducedMotion[data-gc-home-phase2] .gcHomePhase2StatusDot{
  animation:none!important;
}