/* Additional PC discovery sections and the homepage's expanded PC footer. */
.home-pc-ending, .home-pc-expanded-footer { display: none; }

@media (min-width: 1024px) {
  .home-route .home-pc-ending { display: block; min-width: 0; margin-top: 32px; }
  .home-route .home-pc-ending [hidden] { display: none !important; }
  .home-route .home-pc-promotion { position: relative; isolation: isolate; min-width: 0; min-height: 210px; margin-top: 0; overflow: hidden; border: 1px solid #303038; border-radius: 8px; background: #1c2029; }
  .home-route .home-pc-promotion > img { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
  .home-route .home-pc-promotion::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #0b0e14ed, #0b0e14c7 26%, #0b0e1447 56%, transparent 82%); pointer-events: none; }
  .home-route .home-pc-promotion-copy { position: relative; width: 60%; min-width: 0; max-width: 800px; padding: 28px 32px; }
  .home-route .home-pc-promotion-copy .home-pc-eyebrow { margin-bottom: 8px; color: #b6b6c2; font-size: 13px; }
  .home-route .home-pc-promotion-copy h2 { margin: 0; color: #f5f5f8; font-size: 32px; font-weight: 700; letter-spacing: -.4px; line-height: 1.25; overflow-wrap: anywhere; }
  .home-route .home-pc-promotion-copy > p:not(.home-pc-eyebrow) { max-width: 56ch; margin: 10px 0 0; color: #d2d2dd; font-size: 16px; line-height: 1.55; }
  .home-route .home-pc-promotion-cta { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; margin-top: 15px; padding: 11px 21px; border: 1px solid #ededf2; border-radius: 6px; background: #f3f3f6; color: #131319; font-size: 15px; font-weight: 650; line-height: 1.4; }
  .home-route .home-pc-promotion-cta:hover { border-color: #d5d5df; background: #dcdce4; }

  .home-route .home-pc-utility-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; margin-top: 24px; }
  .home-route .home-pc-utility { position: relative; isolation: isolate; min-width: 0; min-height: 180px; overflow: hidden; border: 1px solid #303038; border-radius: 8px; background: #17171d; }
  .home-route .home-pc-utility h2 { min-width: 0; margin: 0; color: #f3f3f7; font-size: 26px; font-weight: 700; letter-spacing: -.4px; line-height: 1.3; overflow-wrap: anywhere; }
  .home-route .home-pc-utility p { min-width: 0; margin: 9px 0 0; color: #c0c0cc; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
  .home-route .home-pc-launcher-panel { background: radial-gradient(ellipse at 90% 65%, #282c39, transparent 65%), #17171d; }
  .home-route .home-pc-utility-copy { position: relative; z-index: 2; width: 64%; min-width: 0; padding: 26px 28px; }
  .home-route .home-pc-launcher-cta { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; margin-top: 16px; padding: 11px 19px; border: 1px solid #67dcf7; border-radius: 6px; background: #43cfee; color: #09151c; font-size: 15px; font-weight: 650; line-height: 1.4; }
  .home-route .home-pc-launcher-cta:hover { border-color: #b2f1ff; background: #7ee4f8; }
  .home-route .home-pc-launcher-preview { position: absolute; z-index: 1; right: 18px; bottom: -25px; width: 44%; height: 155px; padding: 9px; overflow: hidden; border: 1px solid #697282; border-radius: 11px; background: #13171f; box-shadow: 0 0 18px #7f96c31c, 0 9px 26px #0008; transform: perspective(680px) rotateY(-11deg) rotateX(3deg) rotateZ(4deg); transform-origin: bottom right; pointer-events: none; }
  .home-route .home-pc-preview-chrome { display: flex; align-items: center; gap: 4px; height: 14px; padding: 0 2px 5px; border-bottom: 1px solid #323a48; }
  .home-route .home-pc-preview-chrome > i { display: block; width: 4px; height: 4px; border-radius: 50%; background: #6b7586; }
  .home-route .home-pc-preview-body { display: flex; gap: 8px; height: calc(100% - 14px); padding-top: 7px; }
  .home-route .home-pc-preview-sidebar { display: flex; flex: 0 0 18%; flex-direction: column; gap: 11px; padding: 6px 5px 0 2px; border-right: 1px solid #2d3542; }
  .home-route .home-pc-preview-sidebar > i { position: relative; display: block; width: 85%; height: 5px; border-radius: 3px; background: #454d5d; }
  .home-route .home-pc-preview-sidebar > i:first-child { background: #61bdd8; }
  .home-route .home-pc-preview-sidebar > i:nth-child(3) { width: 65%; }
  .home-route .home-pc-preview-games { display: grid; flex: 1 1 0; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 6px; min-width: 0; padding-top: 4px; }
  .home-route .home-pc-preview-games > figure { min-width: 0; margin: 0; }
  .home-route .home-pc-preview-games img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 3px; background: #343b49; }
  .home-route .home-pc-preview-games figcaption { display: grid; gap: 5px; margin-top: 7px; }
  .home-route .home-pc-preview-games figcaption > i { display: block; width: 100%; height: 4px; border-radius: 3px; background: #485263; }
  .home-route .home-pc-preview-games figcaption > i + i { width: 62%; height: 3px; background: #343d4b; }
  .home-route .home-pc-support-panel { display: flex; align-items: center; gap: 22px; padding: 24px; background: linear-gradient(115deg, #1a1a21, #15151b); }
  .home-route .home-pc-support-art { display: grid; place-items: center; flex: 0 0 112px; width: 112px; height: 112px; overflow: hidden; border: 1px solid #34343f; border-radius: 9px; background: #131318; }
  .home-route .home-pc-support-art > img { display: block; width: 100%; height: 100%; object-fit: contain; }
  .home-route .home-pc-support-copy { flex: 1 1 0; min-width: 0; }
  .home-route .home-pc-support-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 12px; }
  .home-route .home-pc-support-links > a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #65d8f2; font-size: 14px; line-height: 1.5; }
  .home-route .home-pc-support-links > a + a { padding-left: 16px; border-left: 1px solid #3b3b45; }
  .home-route .home-pc-support-links > a:hover { color: #b4f3ff; text-decoration: underline; text-underline-offset: 4px; }

  .home-route .home-has-pc-footer { padding: 0; border-top: 1px solid #2a2a33; background: #101014; }
  .home-route .home-has-pc-footer > .footer-grid,
  .home-route .home-has-pc-footer > .copyright { display: none; }
  .home-route .home-has-pc-footer > .home-pc-expanded-footer { display: block; width: min(var(--home-pc-width, 1600px), calc(100% - var(--home-pc-gutter, 80px))); min-width: 0; margin: 0 auto; }
  .home-route .home-pc-footer-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1.1fr); align-items: stretch; min-width: 0; padding: 28px 0; }
  .home-route .home-pc-footer-brand { display: flex; align-self: center; align-items: center; gap: 16px; min-width: 0; padding-right: 24px; }
  .home-route .home-pc-footer-brand > a { flex: 0 0 100px; width: 100px; min-height: 100px; }
  .home-route .home-pc-footer-brand img { display: block; width: 100px; height: 100px; object-fit: contain; }
  .home-route .home-pc-footer-brand-copy { flex: 1 1 0; min-width: 0; }
  .home-route .home-pc-footer-brand-copy h2 { margin: 0; color: #f5f5f7; font-size: 26px; font-weight: 800; letter-spacing: .1px; line-height: 1.25; white-space: nowrap; }
  .home-route .home-pc-footer-brand-copy p { margin: 7px 0 0; color: #bcbcc7; font-size: 14px; line-height: 1.5; }
  .home-route .home-pc-footer-brand-copy > a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #65d8f2; font-size: 14px; line-height: 1.5; }
  .home-route .home-pc-footer-brand-copy > a:hover { color: #b4f3ff; text-decoration: underline; text-underline-offset: 4px; }
  .home-route .home-pc-footer-column { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding-left: 28px; border-left: 1px solid #2e2e38; }
  .home-route .home-pc-footer-column h2 { margin: 0 0 6px; color: #eeeeF3; font-size: 14px; font-weight: 650; line-height: 1.5; }
  .home-route .home-pc-footer-column > a { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 0; color: #b8b8c5; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
  .home-route .home-pc-footer-column > a:hover { color: #f2f2f8; text-decoration: underline; text-underline-offset: 4px; }
  .home-route .home-pc-bank { display: flex; align-items: center; gap: 11px; width: 100%; min-width: 0; min-height: 52px; margin-top: 6px; padding: 11px 12px; border: 1px solid #3a3a44; border-radius: 7px; color: #d7d7df; font-size: 13px; line-height: 1.5; }
  .home-route .home-pc-bank > svg { flex: 0 0 24px; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .home-route .home-pc-bank > span { min-width: 0; overflow-wrap: anywhere; }
  .home-route .home-pc-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-width: 0; min-height: 64px; padding: 10px 0; border-top: 1px solid #2a2a33; color: #a5a5b3; font-size: 13px; line-height: 1.5; }
  .home-route .home-pc-footer-bottom > p { min-width: 0; margin: 0; }
  .home-route .home-pc-top-link { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 44px; color: #b8b8c5; font-size: 13px; line-height: 1.5; }
  .home-route .home-pc-top-link:hover { color: #fff; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .home-route .home-pc-promotion-copy { width: 68%; padding: 26px 28px; }
  .home-route .home-pc-promotion-copy h2 { font-size: 29px; }
  .home-route .home-pc-utility-grid { gap: 20px; }
  .home-route .home-pc-utility h2 { font-size: 22px; }
  .home-route .home-pc-utility p { font-size: 14px; }
  .home-route .home-pc-utility-copy { width: 67%; padding: 24px; }
  .home-route .home-pc-launcher-preview { right: 13px; width: 35%; height: 145px; }
  .home-route .home-pc-support-panel { gap: 16px; padding: 20px; }
  .home-route .home-pc-support-art { flex-basis: 88px; width: 88px; height: 88px; }
  .home-route .home-pc-support-links { gap: 0 12px; margin-top: 10px; }
  .home-route .home-pc-support-links > a { font-size: 13px; }
  .home-route .home-pc-support-links > a + a { padding-left: 0; border-left: 0; }
  .home-route .home-pc-footer-brand { gap: 12px; padding-right: 18px; }
  .home-route .home-pc-footer-brand > a { flex-basis: 88px; width: 88px; min-height: 88px; }
  .home-route .home-pc-footer-brand img { width: 88px; height: 88px; }
  .home-route .home-pc-footer-brand-copy h2 { font-size: 22px; }
  .home-route .home-pc-footer-brand-copy p, .home-route .home-pc-footer-brand-copy > a { font-size: 13px; }
  .home-route .home-pc-footer-column { padding-left: 20px; }
  .home-route .home-pc-bank { gap: 9px; padding-inline: 10px; }
}