.discovery-navigation { min-width: 0; }
.discovery-navigation a { min-width: 0; }
.discovery-hero { min-height: 630px; padding-block: clamp(70px, 9vw, 125px) 52px; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(220px, .55fr); gap: clamp(35px, 7vw, 110px); align-items: center; }
.discovery-hero h1 { max-width: 920px; margin: 18px 0 17px; font-size: clamp(55px, 7.8vw, 118px); line-height: .89; letter-spacing: -.075em; }
.discovery-hero > div > p { max-width: 850px; color: var(--muted-bright); font-size: clamp(15px, 1.45vw, 20px); line-height: 1.65; }
.discovery-hero > aside { position: relative; min-height: 310px; border: 1px solid var(--line-strong); border-radius: 28px; overflow: hidden; display: flex; flex-direction: column; justify-content: end; padding: 30px; background: radial-gradient(circle at 75% 20%, rgba(184,243,63,.23), transparent 35%), linear-gradient(145deg, rgba(113,184,255,.08), rgba(184,156,255,.05) 55%, rgba(255,255,255,.015)); box-shadow: var(--shadow); }
.discovery-hero > aside::before, .discovery-hero > aside::after { content: ""; position: absolute; border: 1px solid rgba(184,243,63,.2); border-radius: 50%; }
.discovery-hero > aside::before { width: 270px; height: 270px; right: -85px; top: -105px; }
.discovery-hero > aside::after { width: 155px; height: 155px; right: -35px; top: -45px; }
.discovery-hero > aside > span { position: absolute; right: 26px; top: 25px; color: rgba(255,255,255,.12); font-size: 51px; font-weight: 950; line-height: .8; text-align: right; letter-spacing: -.08em; }
.discovery-hero > aside strong { position: relative; font-size: 31px; letter-spacing: -.045em; }
.discovery-hero > aside small { position: relative; margin-top: 5px; color: var(--accent); font-size: 9px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.discovery-search { margin-top: 31px; }
.discovery-search-main { min-height: 62px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 5px 5px 5px 17px; border: 1px solid var(--line-strong); border-radius: 15px; background: rgba(9,12,16,.86); box-shadow: 0 18px 55px rgba(0,0,0,.25); }
.discovery-search-main > span { color: var(--accent); font-size: 24px; }
.discovery-search-main input { min-width: 0; height: 48px; border: 0; outline: 0; background: transparent; color: white; font-size: 15px; }
.discovery-search-main button, .discovery-filter-grid > button { min-height: 48px; border: 0; border-radius: 11px; padding: 0 20px; background: var(--accent); color: #071000; font-size: 11px; font-weight: 900; cursor: pointer; }
.discovery-filter-grid { display: grid; grid-template-columns: repeat(7,minmax(105px,1fr)) auto auto; gap: 7px; margin-top: 9px; }
.discovery-filter-grid label { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.discovery-filter-grid label > span { color: var(--muted); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.discovery-filter-grid input, .discovery-filter-grid select { min-width: 0; height: 39px; border: 1px solid var(--line); border-radius: 8px; padding: 0 9px; outline: 0; background: #0b0f14; color: var(--muted-bright); font-size: 10px; }
.discovery-filter-grid input:focus, .discovery-filter-grid select:focus { border-color: rgba(184,243,63,.48); box-shadow: 0 0 0 3px rgba(184,243,63,.08); }
.discovery-filter-grid > button { min-height: 39px; align-self: end; padding-inline: 13px; }
.discovery-filter-grid > a { min-height: 39px; align-self: end; display: grid; place-items: center; padding-inline: 8px; color: var(--muted); font-size: 10px; font-weight: 750; }
.discovery-shortcuts { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.discovery-shortcuts a { min-height: 31px; display: inline-flex; align-items: center; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted-bright); font-size: 9px; font-weight: 760; }
.discovery-shortcuts a:hover { border-color: rgba(184,243,63,.36); color: var(--accent); }
.discovery-coverage { margin-bottom: 34px; display: grid; grid-template-columns: repeat(5,1fr) auto; align-items: stretch; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: rgba(255,255,255,.015); }
.discovery-coverage > div { min-height: 86px; padding: 18px; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; }
.discovery-coverage strong { font-size: 26px; line-height: 1; }
.discovery-coverage span { margin-top: 6px; color: var(--muted); font-size: 9px; }
.discovery-coverage > small { min-width: 170px; padding: 18px; display: grid; place-items: center; color: var(--muted); font-size: 9px; text-align: center; }
.discovery-lane, .discovery-results { padding-block: 38px 58px; }
.discovery-lane + .discovery-lane { border-top: 1px solid var(--line); }
.discovery-lane .section-heading, .discovery-results .section-heading { align-items: end; margin-bottom: 20px; }
.discovery-lane .section-heading h2, .discovery-results .section-heading h2 { margin: 5px 0 6px; font-size: clamp(30px, 3vw, 48px); line-height: 1; letter-spacing: -.04em; }
.discovery-lane .section-heading p, .discovery-results .section-heading p { max-width: 670px; margin: 0; color: var(--muted); font-size: 11px; }
.discovery-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.discovery-grid.is-compact { grid-template-columns: repeat(6,minmax(0,1fr)); }
.discovery-card { position: relative; min-width: 0; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: linear-gradient(180deg, rgba(20,26,34,.94), rgba(10,14,19,.98)); transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease; }
.discovery-card:hover { transform: translateY(-4px); border-color: var(--line-strong); box-shadow: 0 28px 65px rgba(0,0,0,.3); }
.discovery-card.precision-tba, .discovery-card.precision-unknown { border-style: dashed; }
.discovery-card.precision-month, .discovery-card.precision-quarter, .discovery-card.precision-half, .discovery-card.precision-season, .discovery-card.precision-year { border-color: rgba(113,184,255,.22); }
.discovery-card-media { position: relative; aspect-ratio: 16/9; overflow: hidden; background: linear-gradient(135deg,#18212c,#0b1016); }
.discovery-card-media > a { width: 100%; height: 100%; display: block; }
.discovery-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease, opacity 160ms ease; }
.discovery-card:hover .discovery-card-media img { transform: scale(1.025); }
.discovery-card-media > a > span { width: 100%; height: 100%; display: grid; place-items: center; color: rgba(255,255,255,.14); font-size: 48px; font-weight: 950; letter-spacing: -.08em; }
.discovery-card-body { min-height: 285px; padding: 15px; display: flex; flex-direction: column; }
.release-window { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.release-window span { color: var(--blue); font-size: 10px; font-weight: 850; line-height: 1.25; }
.precision-day .release-window span { color: var(--accent); }
.release-window small { flex: 0 0 auto; color: var(--muted); font-size: 8px; text-align: right; }
.discovery-sources { min-height: 21px; display: flex; flex-wrap: wrap; gap: 4px; margin-top: 9px; }
.discovery-source { min-height: 19px; padding: 3px 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 7px; font-weight: 780; }
.discovery-source.is-steam { color: #b9dcff; border-color: rgba(113,184,255,.25); }
.discovery-source.is-confirmed { color: #bdeecf; border-color: rgba(112,230,165,.23); }
.discovery-card h3 { margin: 11px 0 8px; font-size: 19px; line-height: 1.15; letter-spacing: -.025em; }
.discovery-card h3 a:hover { color: var(--accent); }
.discovery-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.discovery-tags a { min-height: 21px; display: inline-flex; align-items: center; padding: 3px 6px; border-radius: 5px; background: rgba(255,255,255,.045); color: var(--muted-bright); font-size: 8px; }
.discovery-tags a:hover { color: white; background: rgba(184,243,63,.08); }
.discovery-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; margin-top: 12px; }
.discovery-facts > span { min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.018); }
.discovery-facts b, .discovery-facts small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.discovery-facts b { font-size: 14px; }
.discovery-facts small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.discovery-card-footer { margin-top: auto; padding-top: 13px; border-top: 1px solid var(--line); display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.discovery-card-footer > span { color: var(--muted-bright); font-size: 10px; font-weight: 800; }
.discovery-card-footer > small { max-width: 50%; overflow: hidden; color: var(--muted); font-size: 8px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.discovery-card.is-compact .discovery-card-body { min-height: 245px; padding: 12px; }
.discovery-card.is-compact h3 { font-size: 16px; }
.discovery-card.is-compact .discovery-facts { grid-template-columns: repeat(2,1fr); }
.discovery-card.is-compact .discovery-facts > span:nth-child(3) { display: none; }
@media (max-width: 1280px) {
  .discovery-filter-grid { grid-template-columns: repeat(4,minmax(120px,1fr)); }
  .discovery-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .discovery-grid.is-compact { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .discovery-hero { min-height: 0; grid-template-columns: 1fr; padding-top: 68px; }
  .discovery-hero > aside { min-height: 190px; }
  .discovery-coverage { grid-template-columns: repeat(3,1fr); }
  .discovery-coverage > div:nth-child(3) { border-right: 0; }
  .discovery-coverage > small { grid-column: 1/-1; border-top: 1px solid var(--line); }
  .discovery-grid, .discovery-grid.is-compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .discovery-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .discovery-hero h1 { font-size: clamp(47px,15vw,70px); }
  .discovery-search-main { min-height: 55px; padding-left: 11px; }
  .discovery-search-main button { padding-inline: 13px; }
  .discovery-filter-grid { grid-template-columns: 1fr 1fr; }
  .discovery-filter-grid > button, .discovery-filter-grid > a { grid-column: span 1; }
  .discovery-coverage { grid-template-columns: repeat(2,1fr); }
  .discovery-coverage > div { border-top: 1px solid var(--line); }
  .discovery-coverage > div:nth-child(2n) { border-right: 0; }
  .discovery-coverage > div:first-child, .discovery-coverage > div:nth-child(2) { border-top: 0; }
  .discovery-coverage > div:nth-child(5) { grid-column: 1/-1; border-right: 0; }
  .discovery-grid, .discovery-grid.is-compact { grid-template-columns: 1fr; }
  .discovery-card-body, .discovery-card.is-compact .discovery-card-body { min-height: 250px; }
}