body[data-listing-type="platforms"] .listing-hero{
  background:
    radial-gradient(circle at 84% 22%,rgba(141,107,255,.13),transparent 24rem),
    linear-gradient(112deg,rgba(4,9,17,.98),rgba(10,16,32,.95) 58%,rgba(25,16,46,.96));
}

.platform-hub-grid{gap:18px}

.platform-hub-card{
  --platform-accent:#66ddff;
  --platform-accent-soft:rgba(102,221,255,.12);
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  min-height:255px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  border-color:color-mix(in srgb,var(--platform-accent) 20%,rgba(255,255,255,.08));
  background:linear-gradient(145deg,rgba(14,22,37,.98),rgba(7,12,22,.99));
}
.platform-hub-card[data-platform-id="playstation"]{--platform-accent:#8f9dff;--platform-accent-soft:rgba(143,157,255,.13)}
.platform-hub-card[data-platform-id="xbox"]{--platform-accent:#66e397;--platform-accent-soft:rgba(102,227,151,.12)}
.platform-hub-card[data-platform-id="nintendo"]{--platform-accent:#ff7184;--platform-accent-soft:rgba(255,113,132,.12)}
.platform-hub-card[data-platform-id="mobile"]{--platform-accent:#b58bff;--platform-accent-soft:rgba(181,139,255,.12)}

.platform-hub-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--platform-accent) 46%,transparent);
  box-shadow:0 18px 48px rgba(0,0,0,.3);
}

.platform-hub-identity{
  position:relative;
  min-height:100%;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:22px 18px;
  border-right:1px solid rgba(255,255,255,.07);
  background:
    linear-gradient(155deg,var(--platform-accent-soft),transparent 58%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 24px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 24px),
    #09111d;
}
.platform-hub-identity::after{
  content:"";
  position:absolute;
  inset:auto 16px 15px 16px;
  height:2px;
  background:linear-gradient(90deg,var(--platform-accent),transparent);
  opacity:.8;
}
.platform-hub-identity strong{
  position:relative;
  z-index:1;
  color:#f7fbff;
  font-size:3.7rem;
  line-height:.82;
  letter-spacing:-.08em;
  font-weight:1000;
  text-shadow:0 10px 30px rgba(0,0,0,.36);
}
.platform-hub-identity span{
  position:relative;
  z-index:1;
  margin-top:10px;
  color:var(--platform-accent);
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.platform-hub-body{min-width:0;padding:22px;display:flex;flex-direction:column}
.platform-hub-card .listing-status{color:var(--platform-accent);border-color:color-mix(in srgb,var(--platform-accent) 30%,transparent)}
.platform-hub-source{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.platform-hub-source strong{color:#d9e2ef;font-size:inherit}
.platform-hub-source time{color:var(--platform-accent);font-size:inherit;font-weight:900}
.platform-hub-source time::before{content:"•";margin-right:7px;color:#667489}
.platform-hub-card h2{font-size:1.34rem;line-height:1.12;margin-bottom:10px}
.platform-hub-card p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.platform-hub-footer{margin-top:auto;padding-top:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.platform-hub-card .listing-source-link{color:var(--platform-accent)}
.platform-hub-card .listing-source-link:hover,.platform-hub-card .listing-source-link:focus-visible{color:#fff}

@media(max-width:900px){
  .platform-hub-card{grid-template-columns:130px minmax(0,1fr)}
  .platform-hub-identity strong{font-size:3.25rem}
}

@media(max-width:560px){
  .platform-hub-card{grid-template-columns:1fr;min-height:0}
  .platform-hub-identity{min-height:120px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding:18px}
  .platform-hub-identity strong{font-size:3.2rem}
  .platform-hub-identity span{margin-top:7px}
  .platform-hub-body{padding:19px;min-height:235px}
  .platform-hub-footer{align-items:flex-start;flex-direction:column}
  .platform-hub-source{align-items:flex-end;flex-direction:column;gap:2px;text-align:right}
  .platform-hub-source time::before{display:none}
}

@media(prefers-reduced-motion:reduce){.platform-hub-card{transition:none}.platform-hub-card:hover{transform:none}}