/* Homepage-only PC/tablet presentation. Phone styles remain owned by home-mobile.css. */
@media (min-width: 768px) {
  body.home-route:not(.home-news-route) {
    --home-pc-width: 1600px;
    --home-pc-gutter: 80px;
    --home-pc-gap: 20px;
    --home-pc-columns: 6;
    --home-pc-hero-height: clamp(320px, 22vw, 350px);
    min-width: 0;
    color: #f1f1f5;
    background: #101014;
  }

  body.home-route:not(.home-news-route) main { min-width: 0; }
  body.home-route:not(.home-news-route) :is(.home-legacy-content, .mobile-home-navigation) { display: none !important; }
  body.home-route:not(.home-news-route) :is(.home-pc-storefront, .home-catalog, .home-pc-ending) [hidden] { display: none !important; }
  body.home-route:not(.home-news-route) :is(a, button, input, select, [tabindex]):focus-visible { outline: 2px solid #8ee1fc; outline-offset: 3px; }

  body.home-route:not(.home-news-route) > .site-header {
    height: 64px;
    min-height: 64px;
    padding: 0;
    border-bottom: 1px solid #242429;
    background: #18181c;
    box-shadow: none;
    backdrop-filter: none;
  }
  body.home-route:not(.home-news-route) > .site-header .header-inner {
    display: flex;
    align-items: center;
    gap: 24px;
    width: min(var(--home-pc-width), calc(100% - var(--home-pc-gutter)));
    min-width: 0;
    height: 64px;
    min-height: 64px;
    margin-inline: auto;
    padding: 0;
  }
  body.home-route:not(.home-news-route) > .site-header .header-brand {
    position: static;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    width: auto;
    height: auto;
    min-width: 0;
    margin: 0;
  }
  body.home-route:not(.home-news-route) > .site-header .brand-logo { position: static; flex: 0 0 42px; width: 42px; height: 42px; object-fit: contain; transform: none; }
  body.home-route:not(.home-news-route) > .site-header .home-brand-wordmark { display: block !important; width: auto; max-width: none; color: #f1f1f5; font-size: 20px; font-weight: 800; font-style: normal; line-height: 1.2; letter-spacing: -.4px; white-space: nowrap; }
  body.home-route:not(.home-news-route) > .site-header .home-brand-wordmark > span { display: inline; color: inherit; }
  body.home-route:not(.home-news-route) > .site-header :is(.main-nav, .mobile-menu-toggle, .home-header-search) { display: none !important; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-nav { display: flex !important; flex: 1 1 auto; align-items: center; gap: 28px; min-width: 0; height: 100%; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-nav > a { display: inline-flex; align-items: center; min-height: 44px; color: #b1b1bd; font-size: 14px; line-height: 1.4; white-space: nowrap; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-nav > a:hover { color: #f1f1f5; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-nav > a[aria-current="page"] { color: #f1f1f5; box-shadow: inset 0 -2px #22b9ed; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-search {
    position: relative;
    display: flex !important;
    flex: 0 1 330px;
    align-items: center;
    gap: 10px;
    width: clamp(180px, 23vw, 330px);
    min-width: 160px;
    min-height: 44px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #25252c;
  }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-search > svg { flex: 0 0 18px; width: 18px; height: 18px; color: #a6a6b0; fill: none; stroke: currentColor; stroke-width: 1.8; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-search > input[type="search"] { flex: 1 1 0; width: 100%; min-width: 0; min-height: 42px; margin: 0; padding: 9px 0; border: 0; background: transparent; color: #f1f1f5; font: inherit; font-size: 14px; line-height: 1.4; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-search input::placeholder { color: #a2a2ad; opacity: 1; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-search:focus-within { border-color: #8ee1fc; }
  body.home-route:not(.home-news-route) > .site-header .header-tools { position: static; display: flex; flex: 0 0 auto; order: 3; align-items: center; gap: 8px; min-width: 0; margin: 0; transform: none; }
  body.home-route:not(.home-news-route) > .site-header .header-tools .round-button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 9px; border: 0; border-radius: 6px; background: transparent; color: #eeeef3; box-shadow: none; }
  body.home-route:not(.home-news-route) > .site-header .header-tools .round-button:hover { background: #2c2c32; color: #fff; transform: none; }
  body.home-route:not(.home-news-route) > .site-header .header-tools .round-button > svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-launcher { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 40px; padding: 10px 16px; border: 1px solid #43c7f1; border-radius: 6px; background: #22b9ed; color: #10151b; font-size: 14px; font-weight: 650; line-height: 1.3; white-space: nowrap; box-shadow: none; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-launcher:hover { border-color: #9ce5ff; background: #69d3f7; color: #10151b; transform: none; }

  body.home-route:not(.home-news-route) .home-pc-storefront { display: block; width: min(var(--home-pc-width), calc(100% - var(--home-pc-gutter))); min-width: 0; margin: 0 auto; padding: 24px 0 28px; }
  body.home-route:not(.home-news-route) .home-pc-storefront > .shell { width: 100%; }
  body.home-route:not(.home-news-route) .home-pc-feature { display: grid; grid-template-columns: minmax(0, 1fr) clamp(200px, 18vw, 270px); gap: 18px; min-width: 0; }
  body.home-route:not(.home-news-route) .home-pc-hero-panels { min-width: 0; height: var(--home-pc-hero-height); }
  body.home-route:not(.home-news-route) .home-pc-hero-slide { position: relative; isolation: isolate; width: 100%; height: 100%; min-width: 0; overflow: hidden; border: 1px solid #303038; border-radius: 8px; background: #20232c; }
  body.home-route:not(.home-news-route) .home-pc-hero-art { position: absolute; z-index: -2; inset: 0; overflow: hidden; background: #20232c; }
  body.home-route:not(.home-news-route) .home-pc-hero-art > .home-pc-art-fallback { position: absolute; inset: 0; display: grid; place-items: center; padding: 24px; color: #aaaab5; font-size: 24px; font-weight: 650; letter-spacing: .08em; }
  body.home-route:not(.home-news-route) .home-pc-hero-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 44%; }
  body.home-route:not(.home-news-route) .home-pc-hero-slide::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #07090de6, #080a0e80 43%, #080a0e00 78%), linear-gradient(0deg, #06090d70, transparent 70%); pointer-events: none; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy { position: absolute; bottom: 26px; left: 28px; width: min(62%, 600px); min-width: 0; }
  body.home-route:not(.home-news-route) .home-pc-eyebrow { margin: 0 0 8px; color: #f1f1f5; font-size: 12px; font-weight: 550; line-height: 1.5; text-transform: uppercase; letter-spacing: .05em; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy h2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 16ch; overflow: hidden; margin: 0; color: #fff; font-size: clamp(34px, 3vw, 48px); font-weight: 750; line-height: 1.1; letter-spacing: -.6px; overflow-wrap: anywhere; text-wrap: balance; }
  body.home-route:not(.home-news-route) .home-pc-name-suffix { display: block; margin: 5px 0 0; color: #b1b1bd; font-size: 13px; line-height: 1.5; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy > .home-pc-name-suffix { margin-top: 7px; color: #e0e0e7; font-size: 14px; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy > .home-pc-price { margin-top: 10px; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy > .home-pc-price strong { color: #fff; font-size: 22px; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy > .home-pc-price del { color: #d4d4df; font-size: 14px; }
  body.home-route:not(.home-news-route) .home-pc-hero-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin-top: 12px; padding: 10px 22px; border: 1px solid #efeff1; border-radius: 6px; background: #f6f6f8; color: #111116; font-size: 15px; font-weight: 650; line-height: 1.4; }
  body.home-route:not(.home-news-route) .home-pc-hero-cta:hover { border-color: #d6d6dd; background: #dcdce3; }

  body.home-route:not(.home-news-route) .home-pc-featured-list { display: grid; grid-template-rows: repeat(6, minmax(0, 1fr)); gap: 5px; height: var(--home-pc-hero-height); min-width: 0; min-height: 0; }
  body.home-route:not(.home-news-route) .home-pc-featured-item { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 3px 10px; overflow: hidden; border: 1px solid transparent; border-radius: 6px; background: #18181c; color: #f1f1f5; text-align: left; cursor: pointer; }
  body.home-route:not(.home-news-route) .home-pc-featured-item:hover { background: #24242b; }
  body.home-route:not(.home-news-route) .home-pc-featured-item[aria-current="true"] { border-color: #22b9ed; background: #25252e; }
  body.home-route:not(.home-news-route) .home-pc-featured-item[aria-current="true"]::after { content: ""; position: absolute; right: 8px; bottom: 0; left: 8px; height: 2px; border-radius: 2px; background: #22b9ed; }
  body.home-route:not(.home-news-route) .home-pc-featured-thumb { display: block; flex: 0 0 26px; width: 26px; height: 39px; max-height: 100%; overflow: hidden; border-radius: 4px; background: #353540; }
  body.home-route:not(.home-news-route) .home-pc-featured-thumb > picture { display: block; width: 100%; height: 100%; }
  body.home-route:not(.home-news-route) .home-pc-featured-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
  body.home-route:not(.home-news-route) .home-pc-featured-text { display: grid; flex: 1 1 0; gap: 2px; min-width: 0; }
  body.home-route:not(.home-news-route) .home-pc-featured-text > strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #f1f1f5; font-size: 14px; font-weight: 550; line-height: 1.3; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-pc-featured-text > span { overflow: hidden; color: #b1b1bd; font-size: 11px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }

  body.home-route:not(.home-news-route) .home-pc-discovery { min-width: 0; margin-top: 26px; }
  body.home-route:not(.home-news-route) .home-pc-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 44px; margin: 0 0 14px; }
  body.home-route:not(.home-news-route) .home-pc-section-heading h2 { min-width: 0; margin: 0; color: #f1f1f5; font-size: 26px; font-weight: 700; letter-spacing: -.4px; line-height: 1.35; }
  body.home-route:not(.home-news-route) .home-pc-carousel-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
  body.home-route:not(.home-news-route) .home-pc-view-all { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: #65d8f2; font-size: 14px; line-height: 1.4; white-space: nowrap; }
  body.home-route:not(.home-news-route) .home-pc-view-all:hover { background: transparent; color: #b4f3ff; text-decoration: underline; text-underline-offset: 4px; }
  body.home-route:not(.home-news-route) .home-pc-carousel-arrow { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; border: 1px solid #34343d; border-radius: 6px; background: #18181c; color: #eeeeF3; cursor: pointer; }
  body.home-route:not(.home-news-route) .home-pc-carousel-arrow > svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  body.home-route:not(.home-news-route) .home-pc-carousel-arrow:hover:not(:disabled) { background: #292931; color: #fff; }
  body.home-route:not(.home-news-route) .home-pc-carousel-arrow:disabled { opacity: .4; cursor: default; }
  body.home-route:not(.home-news-route) .home-pc-game-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--home-pc-columns) - 1) * var(--home-pc-gap)) / var(--home-pc-columns)); gap: var(--home-pc-gap); min-width: 0; padding: 3px 0 8px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: none; }
  body.home-route:not(.home-news-route) .home-pc-game-track::-webkit-scrollbar { display: none; }
  body.home-route:not(.home-news-route) .home-pc-game-card { position: relative; min-width: 0; border: 0; border-radius: 0; background: transparent; scroll-snap-align: start; }
  body.home-route:not(.home-news-route) .home-pc-game-link { display: flex; flex-direction: column; height: 100%; min-width: 0; color: inherit; }
  body.home-route:not(.home-news-route) .home-pc-game-link:focus-visible { outline-offset: -2px; }
  body.home-route:not(.home-news-route) .home-pc-game-art { position: relative; flex: 0 0 auto; width: 100%; aspect-ratio: 2 / 3; overflow: hidden; border: 1px solid #303038; border-radius: 6px; background: #25252d; }
  body.home-route:not(.home-news-route) .home-pc-game-art > span { position: absolute; inset: 0; display: grid; place-items: center; padding: 12px; color: #b1b1bd; font-size: 12px; font-weight: 650; letter-spacing: .05em; text-align: center; }
  body.home-route:not(.home-news-route) .home-pc-game-art > picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
  body.home-route:not(.home-news-route) .home-pc-game-art > img,
  body.home-route:not(.home-news-route) .home-pc-game-art > picture > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
  body.home-route:not(.home-news-route) .home-pc-game-link:hover .home-pc-game-art img { filter: brightness(1.07); }
  body.home-route:not(.home-news-route) .home-pc-game-info { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding-top: 10px; }
  body.home-route:not(.home-news-route) .home-pc-game-info h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 2.8em; max-height: 2.8em; overflow: hidden; margin: 0; color: #f1f1f5; font-size: 15px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-pc-game-info .home-pc-name-suffix { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body.home-route:not(.home-news-route) .home-pc-price { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; margin-top: 7px; font-variant-numeric: tabular-nums; }
  body.home-route:not(.home-news-route) .home-pc-price strong { color: #f1f1f5; font-size: 16px; font-weight: 700; line-height: 1.4; white-space: nowrap; }
  body.home-route:not(.home-news-route) .home-pc-price :is(del, span) { color: #b1b1bd; font-size: 12px; line-height: 1.4; }
  body.home-route:not(.home-news-route) :is(.home-pc-price, .home-game-price) > .home-pc-discount { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 22px; padding: 2px 6px; border-radius: 4px; background: #22b9ed; color: #101014; font-size: 11px; font-weight: 700; line-height: 1.3; white-space: nowrap; }

  body.home-route:not(.home-news-route) .home-catalog.all-games-section { width: min(var(--home-pc-width), calc(100% - var(--home-pc-gutter))); min-width: 0; margin: 0 auto; padding: 0; border: 0; background: transparent; }
  body.home-route:not(.home-news-route) .home-catalog .home-games-panel { position: relative; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  body.home-route:not(.home-news-route) .home-catalog .home-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; min-height: 44px; margin: 0 0 16px; padding: 0; border: 0; }
  body.home-route:not(.home-news-route) .home-catalog .home-section-heading h2 { display: block; min-width: 0; margin: 0; color: #f1f1f5; font-size: 26px; font-weight: 700; letter-spacing: -.4px; line-height: 1.35; }
  body.home-route:not(.home-news-route) .home-catalog .home-desktop-label { display: inline; }
  body.home-route:not(.home-news-route) .home-catalog :is(.home-mobile-label, .mobile-catalog-count, .mobile-filter-toggle, .shop-results, .home-heading-icon) { display: none; }
  body.home-route:not(.home-news-route) .home-catalog a.home-catalog-view-all { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 8px; min-height: 44px; margin-left: auto; color: #65d8f2; font-size: 14px; line-height: 1.5; white-space: nowrap; }
  body.home-route:not(.home-news-route) .home-catalog a.home-catalog-view-all:hover { color: #b4f3ff; text-decoration: underline; text-underline-offset: 4px; }
  body.home-route:not(.home-news-route) .home-catalog .mobile-filter-summary { display: flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; margin: 0 0 16px; padding-left: 12px; border: 1px solid #3a3a45; border-radius: 6px; background: #18181c; color: #b1b1bd; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-catalog .mobile-filter-summary > a { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; color: #f1f1f5; font-size: 24px; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-grid { display: grid; grid-template-columns: repeat(var(--home-pc-columns), minmax(0, 1fr)); align-items: stretch; gap: 30px var(--home-pc-gap); min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-card { position: relative; min-width: 0; height: auto; margin: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; transition: none; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-card:is(:hover, :focus-within) { border: 0; background: transparent; box-shadow: none; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-link { display: flex; flex-direction: column; min-width: 0; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-artwork { position: relative; flex: 0 0 auto; width: 100%; aspect-ratio: 2 / 3; overflow: hidden; border: 1px solid #303038; border-radius: 6px; background: #25252d; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-artwork > picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-artwork img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: none; transition: filter 120ms ease; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-link:hover .home-game-artwork img { filter: brightness(1.07); transform: none; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-fallback { background: #25252d; color: #b1b1bd; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-fallback > svg { width: 32px; height: 32px; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-fallback > span { font-size: 12px; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-artwork > .home-game-discount { display: none; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-price > .home-game-discount.home-pc-discount { position: static; inset: auto; display: inline-flex; flex: 0 0 auto; align-items: center; min-width: 0; min-height: 22px; margin: 0; padding: 2px 6px; border: 0; border-radius: 4px; background: #22b9ed; color: #101014; font-size: 11px; font-weight: 700; line-height: 1.3; letter-spacing: normal; text-shadow: none; white-space: nowrap; transform: none; box-shadow: none; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-info { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; margin: 0; padding: 10px 0 0; border: 0; background: transparent; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-info h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-width: 0; min-height: 2.8em; max-height: 2.8em; overflow: hidden; margin: 0; color: #f1f1f5; font-size: 15px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-catalog .home-card-title-desktop { display: inline; }
  body.home-route:not(.home-news-route) .home-catalog :is(.home-card-title-mobile, .home-game-platform) { display: none; }
  body.home-route:not(.home-news-route) .home-catalog .home-card-name-suffix { display: block; margin: 5px 0 0; color: #b1b1bd; font-size: 13px; line-height: 1.5; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-meta { display: block; flex: 0 0 auto; min-width: 0; margin-top: 0; padding-top: 7px; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-price { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 6px; min-width: 0; margin: 0; font-variant-numeric: tabular-nums; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-price strong { color: #f1f1f5; font-size: 16px; font-weight: 700; line-height: 1.4; white-space: nowrap; }
  body.home-route:not(.home-news-route) .home-catalog :is(.home-game-price del, .home-game-price-label) { color: #b1b1bd; font-size: 12px; font-weight: 400; line-height: 1.4; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-price .is-reference { color: #d6d6e0; }
  body.home-route:not(.home-news-route) .home-catalog .home-game-price .is-unavailable { color: #b1b1bd; font-size: 14px; font-weight: 500; white-space: normal; }
  body.home-route:not(.home-news-route) .home-catalog .home-pc-utility-slot { display: block; grid-column: 1 / -1; min-width: 0; }
  body.home-route:not(.home-news-route) .home-catalog .home-pc-utility-slot .home-pc-utility-grid { margin-top: 0; }
  body.home-route:not(.home-news-route) .home-catalog .shop-feed-footer { display: flex; flex-direction: column; align-items: center; gap: 8px; min-height: 52px; margin: 0; padding: 20px 0 12px; border: 0; background: transparent; text-align: center; }
  body.home-route:not(.home-news-route) .home-catalog .shop-feed-status { max-width: 60ch; margin: 0; color: #b1b1bd; font-size: 14px; line-height: 1.6; }
  body.home-route:not(.home-news-route) .home-catalog .shop-feed-status:empty { display: none; }
  body.home-route:not(.home-news-route) .home-catalog .shop-feed-status.is-error { color: #f2b8bd; }
  body.home-route:not(.home-news-route) .home-catalog :is(.shop-load-more, .shop-feed-retry, [data-store-retry]) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin: 0; padding: 10px 18px; border: 1px solid #50505e; border-radius: 6px; background: #18181c; color: #f1f1f5; font: inherit; font-size: 14px; line-height: 1.5; cursor: pointer; }
  body.home-route:not(.home-news-route) .home-catalog :is(.shop-load-more, .shop-feed-retry, [data-store-retry]):hover { border-color: #a1a1b0; background: #292931; }
  body.home-route:not(.home-news-route) .home-catalog#all-games { scroll-margin-top: 88px; }

  body.home-route:not(.home-news-route) .home-pc-message { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; padding: 28px; border: 1px solid #35353f; border-radius: 8px; background: #18181c; }
  body.home-route:not(.home-news-route) .home-pc-message :is(h2, h3, p) { max-width: 60ch; margin: 0; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-pc-message :is(h2, h3) { color: #f1f1f5; font-size: 22px; line-height: 1.4; }
  body.home-route:not(.home-news-route) .home-pc-message p { color: #b1b1bd; font-size: 15px; line-height: 1.7; }
  body.home-route:not(.home-news-route) .home-pc-message a { display: inline-flex; align-items: center; min-height: 44px; color: #8ee1fc; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
  body.home-route:not(.home-news-route) .home-load-failure { width: min(var(--home-pc-width), calc(100% - var(--home-pc-gutter))); min-width: 0; margin: 0 auto 28px; padding: 28px; border-color: #353540; border-radius: 8px; background: #18181c; }

  body.home-route:not(.home-news-route) .home-pc-ending { display: block; min-width: 0; margin-top: 28px; }
  body.home-route:not(.home-news-route) .home-pc-promotion { position: relative; isolation: isolate; min-width: 0; min-height: 200px; margin-top: 0; overflow: hidden; border: 1px solid #303038; border-radius: 8px; background: #18181c; }
  body.home-route:not(.home-news-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%; }
  body.home-route:not(.home-news-route) .home-pc-promotion::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #0b0e14ed, #0b0e14c7 26%, #0b0e1447 65%, transparent); pointer-events: none; }
  body.home-route:not(.home-news-route) .home-pc-promotion-copy { position: relative; width: min(70%, 800px); min-width: 0; padding: 26px 30px; }
  body.home-route:not(.home-news-route) .home-pc-promotion-copy h2 { margin: 0; color: #f1f1f5; font-size: 28px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-pc-promotion-copy > p:not(.home-pc-eyebrow) { max-width: 56ch; margin: 8px 0 0; color: #d2d2dd; font-size: 15px; line-height: 1.6; }
  body.home-route:not(.home-news-route) .home-pc-promotion-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin-top: 14px; padding: 10px 20px; border: 1px solid #ededf2; border-radius: 6px; background: #f3f3f6; color: #131319; font-size: 14px; font-weight: 650; line-height: 1.4; }
  body.home-route:not(.home-news-route) .home-pc-utility-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; margin-top: 24px; }
  body.home-route:not(.home-news-route) .home-pc-utility { position: relative; isolation: isolate; min-width: 0; min-height: 180px; overflow: hidden; border: 1px solid #303038; border-radius: 8px; background: #18181c; }
  body.home-route:not(.home-news-route) .home-pc-utility h2 { min-width: 0; margin: 0; color: #f1f1f5; font-size: 24px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-pc-utility p { min-width: 0; margin: 8px 0 0; color: #b1b1bd; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-pc-utility-copy { position: relative; z-index: 2; width: 68%; min-width: 0; padding: 24px; }
  body.home-route:not(.home-news-route) .home-pc-launcher-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin-top: 14px; padding: 10px 16px; border: 1px solid #43c7f1; border-radius: 6px; background: #22b9ed; color: #10151b; font-size: 14px; font-weight: 650; line-height: 1.4; }
  body.home-route:not(.home-news-route) .home-pc-support-panel { display: flex; align-items: center; gap: 18px; padding: 24px; }
  body.home-route:not(.home-news-route) .home-pc-support-art { display: grid; place-items: center; flex: 0 0 88px; width: 88px; height: 88px; overflow: hidden; border: 1px solid #34343f; border-radius: 8px; background: #131318; }
  body.home-route:not(.home-news-route) .home-pc-support-art > img { display: block; width: 100%; height: 100%; object-fit: contain; }
  body.home-route:not(.home-news-route) .home-pc-support-copy { flex: 1 1 0; min-width: 0; }
  body.home-route:not(.home-news-route) .home-pc-support-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 12px; }
  body.home-route:not(.home-news-route) .home-pc-support-links > a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: #65d8f2; font-size: 13px; line-height: 1.5; }

  body.home-route:not(.home-news-route) .home-has-pc-footer { padding-top: 0; border-top: 1px solid #2a2a33; background: #101014; }
  body.home-route:not(.home-news-route) .home-has-pc-footer > :is(.footer-grid, .copyright) { display: none; }
  body.home-route:not(.home-news-route) .home-has-pc-footer > .home-pc-expanded-footer { display: block; width: min(var(--home-pc-width), calc(100% - var(--home-pc-gutter))); min-width: 0; margin-inline: auto; }
  body.home-route:not(.home-news-route) .home-pc-footer-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1.1fr); gap: 24px; min-width: 0; padding: 28px 0; }
  body.home-route:not(.home-news-route) .home-pc-footer-brand { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 0; }
  body.home-route:not(.home-news-route) .home-pc-footer-brand > a { flex: 0 0 76px; width: 76px; min-height: 76px; }
  body.home-route:not(.home-news-route) .home-pc-footer-brand img { display: block; width: 76px; height: 76px; object-fit: contain; }
  body.home-route:not(.home-news-route) .home-pc-footer-brand-copy { flex: 1 1 0; min-width: 0; }
  body.home-route:not(.home-news-route) .home-pc-footer-brand-copy h2 { margin: 0; color: #f1f1f5; font-size: 22px; font-weight: 800; line-height: 1.3; white-space: nowrap; }
  body.home-route:not(.home-news-route) .home-pc-footer-brand-copy p { margin: 6px 0 0; color: #b1b1bd; font-size: 13px; line-height: 1.6; }
  body.home-route:not(.home-news-route) .home-pc-footer-brand-copy > a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #65d8f2; font-size: 13px; line-height: 1.5; }
  body.home-route:not(.home-news-route) .home-pc-footer-column { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding-left: 20px; border-left: 1px solid #2e2e38; }
  body.home-route:not(.home-news-route) .home-pc-footer-column h2 { margin: 0 0 6px; color: #f1f1f5; font-size: 14px; font-weight: 650; line-height: 1.5; }
  body.home-route:not(.home-news-route) .home-pc-footer-column > a { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 0; color: #b1b1bd; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-route) .home-pc-bank { display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0; min-height: 52px; margin-top: 6px; padding: 10px; border: 1px solid #3a3a44; border-radius: 6px; color: #d7d7df; font-size: 13px; line-height: 1.5; }
  body.home-route:not(.home-news-route) .home-pc-bank > svg { flex: 0 0 24px; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; }
  body.home-route:not(.home-news-route) .home-pc-bank > span { min-width: 0; overflow-wrap: anywhere; }
  body.home-route:not(.home-news-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: #b1b1bd; font-size: 13px; line-height: 1.5; }
  body.home-route:not(.home-news-route) .home-pc-footer-bottom > p { min-width: 0; margin: 0; }
  body.home-route:not(.home-news-route) .home-pc-top-link { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; min-height: 44px; color: #b1b1bd; font-size: 13px; line-height: 1.5; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  body.home-route:not(.home-news-route) { --home-pc-columns: 4; --home-pc-gutter: 64px; --home-pc-gap: 18px; --home-pc-hero-height: 300px; }
  body.home-route:not(.home-news-route) > .site-header .header-inner { gap: 16px; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-nav { gap: 18px; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-search { flex-basis: 220px; width: 220px; padding-inline: 14px; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-launcher { padding-inline: 12px; }
  body.home-route:not(.home-news-route) .home-pc-feature { grid-template-columns: minmax(0, 1fr) 200px; gap: 16px; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy { bottom: 24px; left: 24px; width: 66%; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy h2 { font-size: 34px; }
  body.home-route:not(.home-news-route) .home-pc-featured-item { gap: 10px; padding-inline: 8px; }
  body.home-route:not(.home-news-route) .home-pc-featured-text > strong { font-size: 13px; }
  body.home-route:not(.home-news-route) .home-pc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; }
  body.home-route:not(.home-news-route) .home-pc-footer-column { padding-left: 0; border-left: 0; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.home-route:not(.home-news-route) { --home-pc-columns: 3; --home-pc-gutter: 48px; --home-pc-gap: 16px; --home-pc-hero-height: 260px; }
  body.home-route:not(.home-news-route) > .site-header { height: 120px; min-height: 120px; }
  body.home-route:not(.home-news-route) > .site-header .header-inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: 64px 44px; gap: 0 18px; height: 120px; min-height: 120px; padding-bottom: 12px; }
  body.home-route:not(.home-news-route) > .site-header .header-brand { grid-column: 1; grid-row: 1; }
  body.home-route:not(.home-news-route) > .site-header .brand-logo { flex-basis: 36px; width: 36px; height: 36px; }
  body.home-route:not(.home-news-route) > .site-header .home-brand-wordmark { font-size: 18px; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-nav { grid-column: 2; grid-row: 1; justify-content: center; gap: 16px; height: auto; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-nav > a { font-size: 13px; }
  body.home-route:not(.home-news-route) > .site-header .header-tools { grid-column: 3; grid-row: 1; gap: 4px; }
  body.home-route:not(.home-news-route) > .site-header .header-tools .round-button { flex-basis: 40px; width: 40px; height: 44px; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-launcher { min-height: 40px; padding-inline: 11px; font-size: 13px; }
  body.home-route:not(.home-news-route) > .site-header .home-pc-header-search { grid-column: 1 / -1; grid-row: 2; width: 100%; min-width: 0; height: 44px; min-height: 44px; margin: 0; }
  body.home-route:not(.home-news-route) .home-pc-storefront { padding-top: 20px; }
  body.home-route:not(.home-news-route) .home-pc-feature { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy { bottom: 22px; left: 24px; width: 65%; }
  body.home-route:not(.home-news-route) .home-pc-hero-copy h2 { font-size: 32px; }
  body.home-route:not(.home-news-route) .home-pc-featured-list { grid-template-rows: none; grid-auto-flow: column; grid-auto-columns: minmax(174px, calc((100% - 20px) / 3)); gap: 10px; height: auto; padding: 2px 0 5px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: none; }
  body.home-route:not(.home-news-route) .home-pc-featured-list::-webkit-scrollbar { display: none; }
  body.home-route:not(.home-news-route) .home-pc-featured-item { min-height: 62px; padding: 7px 9px; scroll-snap-align: start; }
  body.home-route:not(.home-news-route) .home-pc-featured-text > strong { font-size: 13px; }
  body.home-route:not(.home-news-route) .home-pc-featured-text > span { font-size: 11px; }
  body.home-route:not(.home-news-route) .home-pc-discovery { margin-top: 22px; }
  body.home-route:not(.home-news-route) :is(.home-pc-section-heading h2, .home-catalog .home-section-heading h2) { font-size: 23px; }
  body.home-route:not(.home-news-route) .home-pc-section-heading { gap: 12px; margin-bottom: 12px; }
  body.home-route:not(.home-news-route) .home-pc-carousel-actions { gap: 6px; }
  body.home-route:not(.home-news-route) .home-pc-carousel-arrow { width: 44px; height: 44px; flex-basis: 44px; }
  body.home-route:not(.home-news-route) .home-pc-view-all { padding-inline: 8px; font-size: 13px; }
  body.home-route:not(.home-news-route) .home-catalog .home-section-heading { gap: 8px 16px; }
  body.home-route:not(.home-news-route) .home-catalog a.home-catalog-view-all { font-size: 13px; }
  body.home-route:not(.home-news-route) .home-catalog#all-games { scroll-margin-top: 140px; }
  body.home-route:not(.home-news-route) .home-pc-promotion-copy { width: 76%; padding: 24px; }
  body.home-route:not(.home-news-route) .home-pc-promotion-copy h2 { font-size: 25px; }
  body.home-route:not(.home-news-route) .home-pc-promotion-copy > p:not(.home-pc-eyebrow) { font-size: 14px; }
  body.home-route:not(.home-news-route) .home-pc-utility-grid { gap: 16px; }
  body.home-route:not(.home-news-route) .home-pc-utility-copy { width: 100%; padding: 20px; }
  body.home-route:not(.home-news-route) .home-pc-launcher-preview { display: none; }
  body.home-route:not(.home-news-route) .home-pc-utility h2 { font-size: 22px; }
  body.home-route:not(.home-news-route) .home-pc-support-panel { gap: 12px; padding: 20px; }
  body.home-route:not(.home-news-route) .home-pc-support-art { flex-basis: 64px; width: 64px; height: 64px; }
  body.home-route:not(.home-news-route) .home-pc-support-links { gap: 4px; }
  body.home-route:not(.home-news-route) .home-pc-support-links > a + a { padding-left: 0; border-left: 0; }
  body.home-route:not(.home-news-route) .home-pc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  body.home-route:not(.home-news-route) .home-pc-footer-column { padding-left: 0; border-left: 0; }
  body.home-route:not(.home-news-route) .home-pc-footer-column > a { min-height: 44px; }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  body.home-route:not(.home-news-route) .home-catalog .home-game-artwork img { transition: none; }
}