/* Shared public navigation: layout, controls, mobile menu and solid sticky strip. */
body.catalog-home .catalog-header-unbranded{
 isolation:isolate;min-height:76px;padding-block:12px;background:transparent;
 border:0;box-shadow:none;
}
/* Shared game context sits between desktop navigation and account controls. */
body.game-header-compact .catalog-header-unbranded{display:flex}
body.game-header-compact .catalog-header-unbranded:not(.is-mobile-layout) .game-header-context{
 display:flex;align-items:center;gap:8px;position:absolute;left:50%;top:50%;
 transform:translate(-50%,-50%);width:max-content;max-width:max(110px,calc(100% - 760px));min-width:0;
}
body.game-header-compact .game-header-title{min-width:0;padding-left:8px;border-left:1px solid rgba(201,185,148,.22);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--top-text-primary);font:var(--header-font);letter-spacing:0}
body.catalog-home .catalog-header-unbranded::before{content:none}
body.catalog-home .catalog-header-unbranded .catalog-nav,
body.catalog-home .catalog-header-unbranded .catalog-nav.is-open{
 display:flex;position:static;align-items:center;flex-direction:row;width:auto;
 gap:28px;padding:0;margin:0 auto 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.catalog-home .catalog-header-unbranded .catalog-nav a{
 position:relative;display:inline-flex;align-items:center;width:auto;min-height:44px;
 gap:8px;padding:8px 0;border-radius:5px;font:var(--header-font);
 color:var(--top-text-primary);background:transparent;transition:color .2s ease;
}
body.catalog-home .catalog-header-unbranded .catalog-nav a[aria-current=page]{color:var(--top-text-primary)}
body.catalog-home .catalog-header-unbranded .catalog-nav a:hover{color:var(--top-accent)}
body.catalog-home .catalog-header-unbranded .catalog-nav a[aria-current=page]::after{
 content:none;
}
body.catalog-home .catalog-header-unbranded :is(.catalog-nav a>span,.catalog-action-label,.header-account-label){position:relative}
body.catalog-home .catalog-header-unbranded .catalog-nav a[aria-current=page]>span::after,
body.catalog-home .catalog-header-unbranded .selected-games-link[aria-current=page]>.catalog-action-label::after,
body.catalog-home .catalog-header-unbranded .site-cabinet.is-active>.header-account-label::after{
 content:'';position:absolute;top:calc(100% + 7px);left:0;right:auto;width:min(100%,var(--ui-section-accent-width));height:1px;pointer-events:none;
 background:var(--ui-section-accent-background);
}
body.catalog-home .catalog-header-unbranded :is(.selected-games-link,.site-cabinet){
 min-height:44px;height:44px;padding:8px 10px;border:1px solid transparent;
 border-radius:8px;background:transparent;box-shadow:none;color:var(--top-text-primary);
 font:var(--header-font);transition:color .2s ease;
}
body.catalog-home .catalog-header-unbranded .selected-games-link[aria-current=page]::after{content:none}
body.catalog-home .catalog-header-unbranded :is(.selected-games-link,.site-cabinet):hover,
body.catalog-home .catalog-header-unbranded .site-account-menu[open]>.site-cabinet{
 background:transparent;border-color:transparent;box-shadow:none;color:var(--top-accent);
}
@media(max-width:600px){
 body.catalog-home .catalog-header-unbranded{min-height:72px;gap:8px}
 body.catalog-home .catalog-header-unbranded .catalog-nav{gap:16px}
 body.catalog-home .catalog-header-unbranded .catalog-nav a{gap:6px;padding:0}
 body.catalog-home .catalog-header-unbranded .catalog-nav a[aria-current=page]>span::after{top:calc(100% + 3px)}
 body.catalog-home .catalog-header-unbranded :is(.selected-games-link,.site-cabinet){padding:0;min-width:44px}
 body.catalog-home .catalog-header-unbranded :is(.selected-games-link[aria-current=page],.site-cabinet.is-active)::after{
  content:'';position:absolute;top:calc(50% + 13px);bottom:auto;left:12%;right:12%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--top-accent) 28%,var(--top-accent) 72%,transparent);
 }
}
@media(max-width:430px){
 body.catalog-home .catalog-header-unbranded{padding-inline:8px}
 body.catalog-home .catalog-header-unbranded .catalog-nav{gap:8px}
 body.catalog-home .catalog-header-unbranded .catalog-nav a{gap:4px}
 body.catalog-home .catalog-header-unbranded .catalog-nav a[href]>span{max-width:none;white-space:nowrap}
}
@media(max-width:380px){
 body.catalog-home .catalog-header-unbranded{padding-inline:8px;gap:4px}
 body.catalog-home .catalog-header-unbranded .catalog-nav{gap:8px}
 body.catalog-home .catalog-header-unbranded .catalog-nav a{gap:4px}
 body.catalog-home .catalog-header-unbranded:has(.selected-games) .catalog-nav a[href="how-it-works.php"]>span{max-width:80px;white-space:normal}
}
@media(max-width:350px){
 body.catalog-home .catalog-header-unbranded .catalog-nav a[href="how-it-works.php"]>span{max-width:80px;white-space:normal}
}

/* One navigation vocabulary for all public headers and their dropdowns. */
body.catalog-home .catalog-header-unbranded{font:var(--header-font);color:var(--top-text-primary)}
body.catalog-home .catalog-header-unbranded :is(a,button,summary){
 font:var(--header-font);letter-spacing:0;text-transform:none;text-decoration:none;
 color:var(--top-text-primary);background:transparent;border-color:transparent;
 box-shadow:none;filter:none;transform:none;min-height:44px;
 transition:color .2s ease,opacity .15s ease;
}
body.catalog-home .catalog-header-unbranded :is(a,button,summary):hover,
body.catalog-home .catalog-header-unbranded :is(a,button,summary)[aria-current=page],
body.catalog-home .catalog-header-unbranded .site-cabinet.is-active,
body.catalog-home .catalog-header-unbranded .site-account-menu[open]>.site-cabinet,
body.catalog-home .catalog-header-unbranded .selected-games-link[aria-expanded=true]{
 color:var(--top-accent);background:transparent;border-color:transparent;
 box-shadow:none;filter:none;transform:none;
}
body.catalog-home .catalog-header-unbranded :is(a,button,summary):active{color:var(--top-accent);opacity:.75;transform:none}
body.catalog-home .catalog-header-unbranded :is(a,button,summary):focus-visible{outline:1px solid var(--top-accent);outline-offset:3px}
body.catalog-home .catalog-header-unbranded :is(.catalog-action-label,.header-account-label,[data-cart-count],[data-notification-count],.selected-games-empty){font:var(--header-font);letter-spacing:0;color:inherit}
body.catalog-home .catalog-header-unbranded :is([data-cart-count],[data-notification-count]){color:var(--top-accent);background:transparent;border-color:var(--public-border)}
body.catalog-home .catalog-header-unbranded .selected-games-link [data-cart-count],
body.catalog-home .catalog-header-unbranded .site-cabinet [data-notification-count]{font:var(--header-font);font-variant-numeric:tabular-nums;min-width:22px;height:22px}
body.catalog-home .catalog-header-unbranded svg{width:20px;height:20px;flex:none;color:var(--top-accent)}
body.catalog-home .catalog-header-unbranded :is(.header-account-chevron,.site-account-admin-chevron){width:12px;height:12px}
body.catalog-home .catalog-header-unbranded .selected-games-remove{width:44px;height:44px}
body.catalog-home .catalog-header-unbranded .home-control-sheen{display:none}
/* Match the subtle vertical separator used before the game title. */
body.catalog-home .catalog-header-unbranded .catalog-nav a+a::before{
 content:'';position:absolute;left:-14px;top:50%;transform:translateY(-50%);
 width:1px;height:1.4em;background:rgba(201,185,148,.22);pointer-events:none;
}
@media(max-width:600px){body.catalog-home .catalog-header-unbranded .catalog-nav a+a::before{left:-8px}}
@media(max-width:430px){body.catalog-home .catalog-header-unbranded .catalog-nav a+a::before{left:-4px}}
@media(prefers-reduced-motion:reduce){body.catalog-home .catalog-header-unbranded :is(a,button,summary){transition:none}}

body.catalog-home .game-detail .gd-title-gradient{display:inline;box-decoration-break:slice;-webkit-box-decoration-break:slice;overflow-wrap:anywhere;color:var(--top-text-primary)}

html{scroll-padding-top:calc(var(--pinned-header-height,0px) + 16px)}
body.catalog-home{position:relative}
.catalog-header-layer{position:absolute;z-index:60;pointer-events:none}
body.catalog-home .catalog-header-unbranded.is-pinned-header{
 --pinned-corner:29px;
 position:sticky;top:0;transform:none;
 width:100%;z-index:60;margin:0;box-sizing:border-box;pointer-events:auto;
 background:var(--public-surface,#0c0e0e);
 border-radius:calc(var(--pinned-corner) * var(--pinned-header-unscrolled)) calc(var(--pinned-corner) * var(--pinned-header-unscrolled)) 0 0;
}
.catalog-header-space{pointer-events:none;flex:none}

@media(max-width:600px){
 body.catalog-home .catalog-header-unbranded.is-pinned-header{--pinned-corner:17px}
}
@supports (animation-timeline:scroll(root block)) and (animation-range:0px 32px){
 body.catalog-home .catalog-header-unbranded.is-pinned-header{
  animation:pinned-header-position linear both;
  animation-duration:auto;
  animation-timeline:scroll(root block);animation-range:0px var(--pinned-header-start);
 }
}
@keyframes pinned-header-position{
 from{border-radius:var(--pinned-corner) var(--pinned-corner) 0 0}
 to{border-radius:0}
}

/* Standard headers retain their height with slightly larger navigation. */
body.catalog-home .catalog-header-standard{--header-font:500 15px/1.4 Manrope,Arial,sans-serif;--ui-control-icon-size:22px}
body.catalog-home .catalog-header-standard svg:not(.header-account-chevron,.site-account-admin-chevron){width:22px;height:22px}
body.catalog-home .catalog-header-standard .catalog-mobile-menu{display:none}

 body.catalog-home .catalog-header-standard.has-mobile-menu.is-mobile-layout .catalog-mobile-menu{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;
 }
 body.catalog-home .catalog-header-standard.has-mobile-menu.is-mobile-layout .catalog-header-actions{margin-left:auto}
 body.catalog-home .catalog-header-standard.has-mobile-menu.is-mobile-layout .catalog-nav{
  display:none;position:absolute;left:var(--site-content-gutter);top:calc(100% - 4px);
  width:min(260px,calc(100vw - 24px));box-sizing:border-box;
  padding:8px 12px;margin:0;flex-direction:column;align-items:stretch;gap:4px;
  border:1px solid var(--public-border);border-radius:10px;background:var(--public-surface);
  box-shadow:0 12px 24px #0006;z-index:5;
 }
 body.catalog-home .catalog-header-standard.has-mobile-menu.is-mobile-layout .catalog-nav.is-open{display:flex}
 body.catalog-home .catalog-header-standard.has-mobile-menu.is-mobile-layout .catalog-nav a{width:100%;gap:10px;padding:8px 0}
 body.catalog-home .catalog-header-standard.has-mobile-menu.is-mobile-layout .catalog-nav a[href]>span{max-width:none;white-space:nowrap}
 body.catalog-home .catalog-header-standard.has-mobile-menu.is-mobile-layout .catalog-nav a+a::before{content:none}


@media(min-width:981px){body.catalog-home .catalog-header-standard{min-height:60px;padding-block:12px 4px}}

body.game-header-compact .catalog-header-unbranded.is-mobile-layout{gap:8px}
body.game-header-compact .catalog-header-unbranded.is-mobile-layout .game-header-context{display:flex;align-items:center;flex:1;min-width:0;gap:8px}
body.game-header-compact .game-catalog-return{display:inline-flex;align-items:center;flex:none;gap:6px;white-space:nowrap}
body.game-header-compact .catalog-header-unbranded.is-mobile-layout .catalog-header-actions{flex:none;margin-left:0}

