@font-face {
  font-family: "Zalut Poster";
  src: url("/assets/fonts/zalut-poster.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
/* Native game cutouts and headline form one graphic poster. Custom admin
   banners retain the conventional image-and-copy layout. */
.hb.home-banners { position: relative; touch-action: pan-y pinch-zoom; margin-top: 22px; margin-bottom: 0; color: #fff; }
.hb .hb-layout, .hb .hb-featured, .hb .hb-slides { min-width: 0; }
.hb .hb-layout { display: block; }
.hb .hb-featured { position: relative; overflow: hidden; isolation: isolate; border: 1px solid #ffffff20; border-radius: 19px; background: #211341; box-shadow: 0 13px 32px #0201082b; }
.hb .hb-slides { position: relative; }
.hb .hb-slide {
  --hp-base: #3f0d93; --hp-deep: #210951; --hp-bright: #8641ed; --hp-accent: #e9ff53; --hp-ink: #25163e; --hb-shade: 26 13 64;
  position: relative; display: block; height: 320px; overflow: hidden; background: rgb(var(--hb-shade));
}
.hb .hb-slide--pubg { --hp-base: #9d350b; --hp-deep: #3c140e; --hp-bright: #e77c1b; --hp-accent: #ffeaa3; --hp-ink: #49220b; --hb-shade: 49 28 30; }
.hb .hb-slide--telegram { --hp-base: #075ab6; --hp-deep: #103473; --hp-bright: #32baff; --hp-accent: #fff; --hp-ink: #143c80; --hb-shade: 10 42 76; }
.hb .hb-slide--payments { --hb-shade: 10 43 45; }
.hb .hb-slide--sell { --hb-shade: 52 23 53; }
.hb .hb-slide[hidden], .hb .hb-controls[hidden], .hb:not([data-banner-ready]) .hb-controls { display: none !important; }
.hb .hb-slide::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgb(var(--hb-shade) / .65), rgb(var(--hb-shade) / .22) 45%, transparent 70%); }
.hb .hb-slide__art { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; user-select: none; pointer-events: none; }
.hb .hb-slide--poster::after { background: linear-gradient(0deg, #100c2626, transparent 20%), linear-gradient(90deg, transparent 22%, #0000000a 34%, #0000000a 64%, transparent 78%); }
.hb .hp-scene {
  position: absolute; inset: 0; overflow: hidden; isolation: isolate;
  background: radial-gradient(ellipse at 49% 33%, var(--hp-bright), var(--hp-base) 48%, var(--hp-deep) 110%);
  pointer-events: none;
}
.hb .hp-scene::before {
  content: ""; position: absolute; z-index: -2; inset: -40%; transform: rotate(-9deg);
  background: repeating-conic-gradient(from 12deg at 50% 53%, var(--hp-deep) 0deg 12deg, transparent 12deg 27deg, var(--hp-bright) 27deg 29deg, transparent 29deg 45deg); opacity: .43;
}
.hb .hp-scene::after {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"), radial-gradient(#fff 1px, transparent 1.4px);
  background-size: 180px 180px, 7px 7px;
  opacity: .16;
  mask-image: linear-gradient(90deg, #000, #0005 34%, #0005 69%, #000);
}
.hb .hp-decor--one, .hb .hp-decor--two { position: absolute; z-index: -1; display: block; width: 28%; height: 132%; top: -17%; border: 2px solid #ffffff26; background: #ffffff06; transform: rotate(15deg); }
.hb .hp-decor--one { left: -2%; }
.hb .hp-decor--two { right: -3%; transform: rotate(-18deg); }
.hb .hp-figure, .hb .hp-token { position: absolute; display: block; max-width: none; object-fit: contain; user-select: none; pointer-events: none; }
.hb .hp-figure { z-index: 1; width: 32%; height: 113%; bottom: -9%; filter: drop-shadow(0 11px 0 #12082c30) drop-shadow(0 1px 14px #08041428); }
.hb .hp-figure--left { left: -1%; object-position: center bottom; transform: rotate(-5deg); }
.hb .hp-figure--right { right: -1%; object-position: center bottom; transform: rotate(5deg); }
.hb .hb-slide--roblox .hp-figure--left { left: -4%; width: 38%; height: 150%; bottom: -50%; }
.hb .hb-slide--roblox .hp-figure--right { right: -5%; width: 37%; height: 175%; bottom: -75%; }
.hb .hp-token { z-index: 2; width: 10%; height: 35%; filter: drop-shadow(0 7px 0 #14062c2b); }
.hb .hp-token--one { top: 9%; left: 24%; transform: rotate(-17deg); }
.hb .hp-token--two { right: 23%; bottom: 5%; transform: rotate(16deg); }
.hb .hp-emblem { position: absolute; width: 77px; height: 77px; top: 25px; right: 20px; transform: rotate(12deg); color: var(--hp-accent); opacity: .65; }
.hb .hb-slide--pubg .hp-scene::before { transform: rotate(8deg); opacity: .66; }
.hb .hb-slide--pubg .hp-figure--left { left: -1%; width: 31%; height: 98%; bottom: -4%; transform: rotate(-4deg); }
.hb .hb-slide--pubg .hp-figure--right { right: -1%; width: 31%; height: 103%; bottom: -10%; transform: rotate(4deg); }
.hb .hb-slide--telegram .hp-scene::before { opacity: .38; transform: rotate(12deg); }
.hb .hb-slide--telegram .hp-figure--left { left: 0; width: 29%; height: 91%; bottom: 4%; transform: rotate(-10deg); }
.hb .hb-slide--telegram .hp-figure--right { right: 1%; width: 26%; height: 91%; bottom: 3%; transform: rotate(12deg); }
.hb .hb-slide--telegram .hp-token--one { top: 4%; left: 25%; width: 9%; height: 28%; }
.hb .hb-slide--telegram .hp-token--two { right: 25%; bottom: 5%; width: 9%; height: 28%; }
.hb .hb-slide__link { position: absolute; z-index: 2; inset: 0; display: block; color: inherit; text-decoration: none; border-radius: inherit; -webkit-tap-highlight-color: transparent; }
.hb .hb-slide__copy { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 9px; width: 54%; max-width: 670px; height: 100%; padding: 28px 46px 38px; }
.hb .hb-eyebrow { display: inline-block; margin: 0; color: #ffffffe0; font-size: 10px; line-height: 1.3; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.hb .hb-slide__title { max-width: 14ch; margin: 0; color: #fff; font-family: "Unbounded", "Manrope", sans-serif; font-size: clamp(30px, 2.7vw, 43px); font-weight: 800; line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; overflow-wrap: anywhere; }
.hb .hb-slide--long .hb-slide__title { font-size: clamp(28px, 2.35vw, 38px); }
.hb .hb-slide__text { max-width: 38ch; margin: 1px 0 0; color: #ffffffe3; font-size: 13px; font-weight: 600; line-height: 1.5; }
.hb .hb-button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 35px; margin-top: 5px; padding: 7px 15px; border: 1px solid #ffffff40; border-radius: 8px; background: #fffffff2; color: #211439; font-size: 12px; font-weight: 800; line-height: 1.5; box-shadow: 0 3px 0 #0b04172e; transition: background .18s ease, transform .18s ease; }
.hb .hb-button svg { width: 16px; height: 16px; flex: none; }
.hb .hb-slide__link:hover .hb-button { background: #fff; transform: translateY(-1px); }
.hb .hb-slide__link:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
.hb .hb-slide--poster .hb-slide__copy { left: 28%; width: 44%; max-width: none; align-items: center; gap: 8px; padding: 25px 12px 38px; text-align: center; }
.hb .hb-slide--poster .hb-eyebrow { padding: 4px 10px; border: 1px solid #ffffff78; border-radius: 3px; font-size: 9px; letter-spacing: .16em; color: #fff; transform: rotate(-3deg); }
.hb .hb-slide--poster .hb-slide__title { max-width: 19ch; color: var(--hp-accent); font-family: "Zalut Poster", "Unbounded", "Arial Narrow", sans-serif; font-size: 68px; line-height: .97; font-weight: 700; letter-spacing: -.012em; text-transform: uppercase; font-style: normal; transform: rotate(-4deg) skew(-6deg); text-shadow: 1px 3px 0 var(--hp-deep); text-wrap: balance; overflow-wrap: anywhere; }
.hb .hb-slide--poster.hb-slide--long .hb-slide__title { font-size: 60px; }
.hb .hb-slide--poster .hb-slide__text { max-width: 37ch; margin-top: 3px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.45; text-shadow: 0 1px 3px #00000030; }
.hb .hb-slide--poster .hb-button { margin-top: 4px; border-color: transparent; background: var(--hp-accent); color: var(--hp-ink); }
.hb .hb-slide--poster .hb-slide__link:hover .hb-button { background: #fff; }
.hb .hb-controls { position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.hb .hb-dots { position: absolute; bottom: 6px; left: 50%; display: flex; align-items: center; gap: 5px; transform: translateX(-50%); pointer-events: auto; }
.hb .hb-dot { display: flex; align-items: center; width: 36px; height: 28px; padding: 0; border: 0; border-radius: 4px; background: transparent; cursor: pointer; }
.hb .hb-dot__track { position: relative; display: block; width: 100%; height: 3px; overflow: hidden; border-radius: 2px; background: #ffffff45; transition: background .18s ease; }
.hb .hb-dot:hover .hb-dot__track { background: #ffffff8c; }
.hb .hb-dot[aria-selected="true"] { width: 54px; }
.hb .hb-dot[aria-selected="true"] .hb-dot__track { background: #ffffff83; }
.hb .hb-dot__fill { position: absolute; inset: 0; background: #fff; transform: scaleX(0); transform-origin: left center; }
.hb[data-banner-playing="false"] .hb-dot[aria-selected="true"] .hb-dot__track { background: #fff; }
.hb .hb-arrows { display: contents; }
.hb .hb-arrow { position: absolute; top: 50%; right: 10px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #ffffff35; border-radius: 50%; background: #10091e5c; color: #fff; opacity: 0; transform: translateY(-50%); backdrop-filter: blur(8px); cursor: pointer; pointer-events: auto; transition: background .18s ease, opacity .18s ease; }
.hb .hb-arrow--prev { left: 10px; right: auto; }
.hb .hb-arrow--prev > svg { transform: rotate(180deg); }
.hb .hb-autoplay { top: auto; right: 11px; bottom: 9px; width: 28px; height: 28px; opacity: .72; transform: none; background: #10091e40; border-color: transparent; }
.hb:hover .hb-arrow, .hb:focus-within .hb-arrow { opacity: 1; }
.hb .hb-arrow:hover { background: #10091ea6; }
.hb .hb-arrow:focus-visible, .hb .hb-dot:focus-visible { outline: 2px solid #fff; outline-offset: 3px; opacity: 1; }
.hb .hb-autoplay__play { display: none; }
.hb[data-banner-autoplay="off"] .hb-autoplay__pause { display: none; }
.hb[data-banner-autoplay="off"] .hb-autoplay__play { display: block; }
.hb .hb-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1100px) {
  .hb .hb-slide { height: 290px; }
  .hb .hb-slide__copy { width: 59%; padding-left: 32px; }
  .hb .hb-slide__title { font-size: 33px; }
  .hb .hb-slide--long .hb-slide__title { font-size: 29px; }
  .hb .hb-slide--poster .hb-slide__copy { left: 25%; width: 50%; padding-inline: 6px; }
  .hb .hb-slide--poster .hb-slide__title { font-size: 58px; }
  .hb .hb-slide--poster.hb-slide--long .hb-slide__title { font-size: 52px; }
  .hb .hp-figure { width: 33%; height: 106%; bottom: -6%; }
  .hb .hp-figure--left { left: -4%; }
  .hb .hp-figure--right { right: -4%; }
  .hb .hp-token--one { left: 19%; top: 9%; }
  .hb .hp-token--two { right: 19%; bottom: 9%; }
}
@media (max-width: 760px) {
  .hb.home-banners { margin-top: 14px; }
  .hb .hb-featured { border-radius: 17px; }
  .hb .hb-slide { height: 260px; }
  .hb .hb-slide__art { object-position: right center; }
  .hb .hb-slide:not(.hb-slide--poster)::after { background: linear-gradient(90deg, rgb(var(--hb-shade) / .88), rgb(var(--hb-shade) / .6) 45%, rgb(var(--hb-shade) / .1)); }
  .hb .hb-slide__copy { width: 74%; max-width: 400px; padding: 22px 0 37px 20px; gap: 8px; }
  .hb .hb-eyebrow { font-size: 9px; letter-spacing: .1em; }
  .hb .hb-slide__title { font-size: 28px; line-height: 1.13; }
  .hb .hb-slide--long .hb-slide__title { font-size: 25px; }
  .hb .hb-slide__text { font-size: 11px; line-height: 1.4; }
  .hb .hb-button { min-height: 33px; padding: 6px 11px; gap: 8px; font-size: 11px; margin-top: 3px; }
  .hb .hb-button svg { width: 14px; height: 14px; }
  .hb .hb-slide--poster .hb-slide__copy { left: 6%; width: 64%; max-width: none; gap: 10px; padding: 25px 0 39px; align-items: flex-start; text-align: left; }
  .hb .hb-slide--poster .hb-eyebrow { font-size: 8px; padding: 3px 7px; }
  .hb .hb-slide--poster .hb-slide__title { font-size: 34px; max-width: 200px; line-height: 1.02; text-wrap: auto; text-shadow: 1px 3px 0 var(--hp-deep), 0 0 8px var(--hp-deep); }
  .hb .hb-slide--poster.hb-slide--long .hb-slide__title { font-size: 32px; }
  .hb .hb-slide--poster .hb-slide__text { display: none; }
  .hb .hb-slide--poster .hb-button { min-height: 32px; padding: 6px 10px; font-size: 10px; }
  .hb .hp-scene::before { inset: -20%; opacity: .32; }
  .hb .hp-scene::after { opacity: .1; mask-image: linear-gradient(90deg, #000, transparent 25%, transparent 75%, #000); }
  .hb .hp-decor--one, .hb .hp-decor--two { width: 35%; }
  .hb .hp-decor--one { left: -18%; }
  .hb .hp-decor--two { right: -18%; }
  .hb .hb-slide--poster .hp-figure--left { left: auto; right: -10%; width: 58%; height: 96%; bottom: -5%; transform: rotate(5deg); filter: drop-shadow(0 5px 0 #12082c30); }
  .hb .hb-slide--pubg .hp-figure--left { width: 55%; }
  .hb .hb-slide--poster .hp-figure--right, .hb .hp-token { display: none; }
  .hb .hp-emblem { width: 43px; height: 43px; right: -10px; top: 15px; opacity: .3; }
  .hb .hb-slide--telegram .hp-figure--left { right: -10%; width: 56%; height: 80%; bottom: -1%; }
  .hb .hb-dot { width: 0; flex: 1; min-width: 0; height: 30px; }
  .hb .hb-dot[aria-selected="true"] { width: 0; flex: 1.5; }
  .hb .hb-dots { bottom: 4px; width: min(124px, calc(100% - 144px)); gap: 4px; }
  .hb .hb-arrow { top: auto; bottom: 6px; right: 42px; width: 28px; height: 28px; transform: none; opacity: .85; border-color: transparent; background: #10091e38; }
  .hb .hb-arrow--prev { left: 10px; right: auto; }
  .hb .hb-autoplay { right: 9px; bottom: 6px; }
  .hb .hb-arrow > svg { width: 16px; height: 16px; }
}
@media (max-width: 370px) {
  .hb .hb-slide__copy { width: 78%; padding-left: 16px; }
  .hb .hb-slide__title { font-size: 24px; }
  .hb .hb-slide--long .hb-slide__title { font-size: 22px; }
  .hb .hb-slide--poster .hb-slide__copy { left: 6%; width: 64%; }
  .hb .hb-slide--poster .hb-slide__title { font-size: 32px; }
  .hb .hb-slide--poster.hb-slide--long .hb-slide__title { font-size: 30px; }
  .hb .hb-slide--poster .hb-slide__text { font-size: 9px; }
}
@media (hover: none) and (min-width: 761px) { .hb .hb-arrow { opacity: .9; } }
@media (prefers-reduced-motion: reduce) { .hb .hb-button, .hb .hb-arrow, .hb .hb-dot__track { transition: none; } }

/* Campaign copy is HTML; the full-resolution coupon is decorative only. */
.hb.home-banners .hb-slide--promo { background: #151021; --hb-shade: 21 16 33; }
.hb.home-banners .hb-slide--promo:not(.hb-slide--custom) { height: auto; min-height: 320px; }
.hb.home-banners .hb-slide--promo:not(.hb-slide--custom)::before { content: ""; position: absolute; inset: 0; background: linear-gradient(112deg, #24134d 0%, #151021 58%); }
.hb.home-banners .hb-slide--promo:not(.hb-slide--custom)::after { background: none; }
.hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__art { inset: -5% 0 auto auto; width: 46%; height: 110%; object-fit: contain; object-position: center; transform: none; }
.hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__link { position: relative; }
.hb.home-banners .hb-slide--promo .hb-slide__copy { width: 56%; max-width: 710px; gap: 11px; padding: 30px 46px 46px; }
.hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__copy { height: auto; min-height: 320px; }
.hb.home-banners .hb-slide--promo .hb-eyebrow { color: #dcff64; font-size: 12px; line-height: 1.5; letter-spacing: .12em; }
.hb.home-banners .hb-slide--promo .hb-slide__title { max-width: 19ch; font-size: clamp(27px, 2.65vw, 42px); line-height: 1.17; letter-spacing: -.045em; text-wrap: balance; }
.hb.home-banners .hb-slide--promo .hb-slide__text { max-width: 38ch; font-size: 13px; line-height: 1.5; color: #e2ddee; }
.hb.home-banners .hb-slide--promo .hb-button { min-height: 44px; margin-top: 6px; padding: 9px 18px; border: 0; border-radius: 10px; background: #dcff64; color: #19151f; box-shadow: 0 3px 0 #9fb941; }
.hb.home-banners .hb-slide--promo .hb-slide__link:hover .hb-button { background: #e6ff92; }
@media (max-width: 1100px) and (min-width: 761px) {
  .hb.home-banners .hb-slide--promo .hb-slide__copy { width: 60%; padding-left: 30px; }
  .hb.home-banners .hb-slide--promo .hb-slide__title { font-size: 29px; }
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__art { right: -2%; width: 41%; }
}
@media (max-width: 760px) {
  .hb.home-banners .hb-slide--promo { height: 300px; }
  .hb.home-banners .hb-slide--promo .hb-slide__copy { width: 72%; max-width: 430px; padding: 24px 4px 62px 20px; justify-content: center; gap: 9px; }
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom),
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__copy { height: auto; min-height: 310px; }
  .hb.home-banners .hb-slide--promo .hb-slide__title { font-size: clamp(22px, 4.9vw, 29px); line-height: 1.2; max-width: 18ch; }
  .hb.home-banners .hb-slide--promo .hb-slide__text { max-width: 27ch; font-size: 12px; line-height: 1.5; }
  .hb.home-banners .hb-slide--promo .hb-eyebrow { font-size: 10px; letter-spacing: .075em; }
  .hb.home-banners .hb-slide--promo .hb-button { min-height: 44px; padding: 10px 13px; font-size: 11px; margin-top: 4px; }
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__art { width: 31%; height: 174px; top: 40px; right: -4%; transform: none; object-position: center right; }
}
@media (max-width: 370px) {
  .hb.home-banners .hb-slide--promo .hb-slide__copy { width: 75%; padding-left: 16px; }
  .hb.home-banners .hb-slide--promo .hb-slide__title { font-size: 21px; }
  .hb.home-banners .hb-slide--promo .hb-eyebrow { font-size: 9px; }
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__art { width: 30%; right: -5%; }
}
/* Small phones use a poster composition: live copy above, a full coupon below. */
@media (max-width: 600px) {
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom),
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__copy { height: auto; min-height: 390px; }
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__copy { width: 100%; max-width: none; padding: 22px 22px 232px; gap: 9px; justify-content: flex-start; }
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__title { max-width: 20ch; font-size: clamp(23px, 6.1vw, 29px); line-height: 1.15; text-wrap: balance; }
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__text { max-width: 36ch; }
  .hb.home-banners .hb-slide--promo:not(.hb-slide--custom) .hb-slide__art { inset: auto 16px 48px auto; width: clamp(190px, 62vw, 220px); height: 180px; object-fit: contain; object-position: center; transform: none; }
}

/* Branded marketplace posters: live type, 3D cutouts and editorial stickers. */
.hb.home-banners .hb-slide--feature { --hf-base:#6c2ce2; --hf-deep:#351075; --hf-bright:#b65dff; --hf-accent:#e7ff57; --hf-ink:#241343; --hf-copy:#fff; height:360px; background:var(--hf-base); }
.hb.home-banners .hb-slide--community { --hf-base:#7030d9; --hf-deep:#431181; --hf-bright:#e368ee; }
.hb.home-banners .hb-slide--partnership { --hf-base:#4b32d5; --hf-deep:#211673; --hf-bright:#9d6bff; }
.hb.home-banners .hb-slide--buyouts { --hf-base:#c7f44d; --hf-deep:#8dc438; --hf-bright:#efffa8; --hf-accent:#472196; --hf-ink:#fff; --hf-copy:#241344; }
.hb.home-banners .hb-slide--feature::after { background:none; }
.hb .hf-scene { position:absolute; inset:0; overflow:hidden; isolation:isolate; pointer-events:none; background:radial-gradient(ellipse at 77% 42%,var(--hf-bright),transparent 62%),linear-gradient(120deg,var(--hf-deep),var(--hf-base) 45%,var(--hf-deep) 120%); }
.hb .hf-scene::before { content:''; position:absolute; z-index:-2; inset:-80%; transform:rotate(-12deg); background:repeating-conic-gradient(from 15deg at 61% 48%,transparent 0deg 16deg,#fff 16deg 18deg,transparent 18deg 32deg,#ffffff90 32deg 41deg,transparent 41deg 49deg); opacity:.13; }
.hb .hf-scene::after { content:''; position:absolute; z-index:-1; inset:0; background-image:radial-gradient(#fff 1px,transparent 1.5px),linear-gradient(110deg,transparent 56%,#ffffff40 56.1%,transparent 56.3%,transparent 72%,#ffffff38 72.1%,transparent 72.3%); background-size:7px 7px,100% 100%; opacity:.19; mask-image:linear-gradient(90deg,#000,transparent 45%,#000); }
.hb .hf-word { position:absolute; right:-10px; bottom:-29px; font:700 159px/.9 'Zalut Poster',sans-serif; letter-spacing:2px; color:transparent; -webkit-text-stroke:1px #ffffff5c; transform:rotate(-8deg); opacity:.48; }
.hb .hf-ring { position:absolute; right:7%; top:-65px; width:360px; height:360px; border:32px solid #ffffff18; border-radius:50%; transform:rotate(-22deg) scaleX(1.3); }
.hb .hf-swoosh { position:absolute; width:56%; height:125%; right:-2%; top:-10%; stroke:var(--hf-accent); stroke-width:2; opacity:.7; transform:rotate(-5deg); }
.hb .hf-star,.hb .hf-cross { position:absolute; color:var(--hf-accent); font:700 56px/1 Manrope,sans-serif; text-shadow:0 3px 0 #24134326; }
.hb .hf-star--one { right:4%; top:15px; transform:rotate(15deg); }
.hb .hf-star--two { right:43%; bottom:76px; font-size:46px; transform:rotate(-12deg); }
.hb .hf-cross { right:44%; top:30px; font-size:34px; transform:rotate(15deg); color:#fff; }
.hb .hf-figure { position:absolute; z-index:1; right:1.5%; top:-4%; width:46%; height:108%; object-fit:contain; filter:drop-shadow(0 14px 0 #1e0c6520) drop-shadow(0 20px 24px #1e0c6535); pointer-events:none; user-select:none; }
.hb .hf-tag { position:absolute; z-index:2; display:flex; align-items:center; gap:8px; min-height:46px; padding:10px 13px; background:#f6f2ff; border:1px solid #fff; border-radius:12px; color:#39205e; font:800 11px/1.25 Manrope,sans-serif; box-shadow:0 5px 0 #25124240,0 12px 20px #25124222; }
.hb .hf-tag svg { width:26px; height:26px; flex:none; }
.hb .hf-tag--one { right:31%; top:28px; transform:rotate(-9deg); }
.hb .hf-tag--two { right:3%; bottom:57px; transform:rotate(9deg); color:#fff; background:#4c27a7; border-color:#c0a0ff; }
.hb .hf-badge { position:absolute; z-index:3; right:29%; bottom:45px; padding:12px 18px; border:1px solid #f5ffba; border-radius:12px; background:#e7ff57; color:#2c2442; font:900 14px/1.3 Manrope,sans-serif; transform:rotate(-8deg); box-shadow:0 5px 0 #27213745,0 12px 24px #21114335; }
.hb .hb-slide--buyouts .hf-badge { right:32%; bottom:44px; padding:8px 18px; border-radius:18px; color:#eeffac; background:#4c2499; border:1px solid #9d7bf2; font-size:49px; letter-spacing:-3px; transform:rotate(8deg); }
.hb.home-banners .hb-slide--feature .hb-slide__copy { width:55%; max-width:700px; gap:9px; padding:28px 50px 48px; }
.hb.home-banners .hb-slide--feature .hb-eyebrow { padding:4px 9px; border:1px solid #ffffff80; border-radius:4px; color:var(--hf-copy); font-size:10px; letter-spacing:.15em; transform:rotate(-2deg); }
.hb.home-banners .hb-slide--feature .hb-slide__title { color:#edff69; font-family:'Zalut Poster','Unbounded',sans-serif; font-size:68px; line-height:.99; font-weight:700; letter-spacing:-.01em; max-width:17ch; text-transform:uppercase; text-wrap:balance; overflow-wrap:normal; transform:rotate(-2deg) skew(-3deg); text-shadow:2px 4px 0 #371268; }
.hb.home-banners .hb-slide--buyouts .hb-slide__title { color:#2e194f; text-shadow:2px 4px 0 #edffc2; }
.hb.home-banners .hb-slide--feature.hb-slide--long .hb-slide__title { font-size:55px; }
.hb.home-banners .hb-slide--feature .hb-slide__text { max-width:40ch; margin-top:6px; color:var(--hf-copy); font-size:14px; font-weight:700; line-height:1.5; }
.hb.home-banners .hb-slide--feature .hb-button { min-height:43px; margin-top:7px; padding:9px 17px; border:1px solid #f5ffb2; border-radius:9px; background:#e7ff57; color:#2e194f; font-size:12px; box-shadow:0 4px 0 #38185c66; }
.hb.home-banners .hb-slide--buyouts .hb-button { background:#4c2499; color:#fff; border-color:#6c4ab6; }
.hb.home-banners .hb-slide--buyouts .hb-eyebrow { border-color:#35225166; }
.hb.home-banners .hb-slide--buyouts .hb-slide__link:hover .hb-button { background:#321570; }
.hb.home-banners:has(:is(.hb-slide--buyouts,.hb-slide--pubg):not([hidden])) .hb-dot__track { background:#32157040; }
.hb.home-banners:has(:is(.hb-slide--buyouts,.hb-slide--pubg):not([hidden])) .hb-dot__fill,
.hb.home-banners[data-banner-playing="false"]:has(:is(.hb-slide--buyouts,.hb-slide--pubg):not([hidden])) .hb-dot[aria-selected="true"] .hb-dot__track { background:#321570; }
.hb.home-banners:has(:is(.hb-slide--buyouts,.hb-slide--pubg):not([hidden])) .hb-arrow { background:#472196; color:#fff; border-color:#6c4ab6; }
.hb.home-banners:has(:is(.hb-slide--buyouts,.hb-slide--pubg):not([hidden])) .hb-dot:focus-visible { outline-color:#472196; }
@media(min-width:761px) and (max-width:1100px) {
 .hb.home-banners .hb-slide--feature { height:340px; }
 .hb.home-banners .hb-slide--feature .hb-slide__copy { padding-left:58px; width:57%; }
 .hb.home-banners .hb-slide--feature .hb-slide__title { font-size:55px; }
 .hb.home-banners .hb-slide--feature.hb-slide--long .hb-slide__title { font-size:47px; }
 .hb.home-banners .hb-slide--feature .hb-slide__text { font-size:12px; }
 .hb .hf-tag { font-size:9px; padding:8px 10px; gap:6px; }
 .hb .hf-tag svg { width:22px; height:22px; }
 .hb .hf-tag--one { right:26%; top:22px; }
 .hb .hf-tag--two { right:2%; bottom:56px; }
 .hb .hf-badge { right:27%; font-size:11px; }
 .hb .hb-slide--buyouts .hf-badge { right:29%; font-size:40px; }
}
@media(max-width:760px) {
 .hb.home-banners .hb-slide--feature { height:auto; min-height:490px; }
 .hb.home-banners .hb-slide--feature .hb-slide__link { position:relative; }
 .hb.home-banners .hb-slide--feature .hb-slide__copy { width:100%; max-width:none; height:auto; min-height:490px; justify-content:flex-start; padding:24px 24px 276px; gap:9px; }
 .hb.home-banners .hb-slide--feature .hb-slide__title { max-width:17ch; font-size:clamp(37px,9.2vw,49px); line-height:1.02; text-wrap:balance; }
 .hb.home-banners .hb-slide--feature.hb-slide--long .hb-slide__title { font-size:34px; }
 .hb.home-banners .hb-slide--feature .hb-eyebrow { font-size:8px; letter-spacing:.1em; }
 .hb.home-banners .hb-slide--feature .hb-slide__text { max-width:40ch; font-size:12px; line-height:1.5; margin-top:3px; }
 .hb.home-banners .hb-slide--feature .hb-button { min-height:42px; padding:9px 13px; margin-top:5px; font-size:11px; }
 .hb .hf-figure { top:auto; right:-1%; bottom:43px; width:88%; height:220px; }
 .hb .hf-tag { min-height:38px; padding:7px 9px; gap:6px; border-radius:9px; font-size:9px; }
 .hb .hf-tag svg { width:20px; height:20px; }
 .hb .hf-tag--one { top:auto; right:auto; left:22px; bottom:213px; transform:rotate(-8deg); }
 .hb .hf-tag--two { right:17px; bottom:70px; transform:rotate(9deg); }
 .hb .hf-badge { right:auto; left:24px; bottom:53px; padding:9px 12px; font-size:10px; }
 .hb .hb-slide--buyouts .hf-badge { right:auto; left:23px; bottom:62px; font-size:34px; padding:7px 13px; border-radius:13px; }
 .hb .hf-word { font-size:98px; bottom:18px; right:-25px; }
 .hb .hf-ring { top:auto; bottom:-20px; right:-85px; border-width:25px; }
 .hb .hf-swoosh { top:auto; bottom:-15px; right:-15%; width:120%; height:290px; }
 .hb .hf-star--one { top:auto; right:22px; bottom:247px; font-size:30px; }
 .hb .hf-star--two { right:auto; left:18px; bottom:120px; font-size:35px; }
 .hb .hf-cross { top:22px; right:20px; font-size:23px; }
 .hb .hf-scene { background:radial-gradient(ellipse at 72% 70%,var(--hf-bright),transparent 68%),var(--hf-base); }
}

/* Hidden panels still size the grid so the page never jumps on rotation. */
.hb.home-banners:has(.hb-slide--feature) .hb-slides { display:grid; }
.hb.home-banners:has(.hb-slide--feature) .hb-slide { grid-area:1 / 1; height:auto; min-height:360px; }
.hb.home-banners:has(.hb-slide--feature) .hb-slide[hidden] { display:block !important; visibility:hidden; pointer-events:none; }
@media(min-width:761px) and (max-width:1100px) {
 .hb.home-banners:has(.hb-slide--feature) .hb-slide { min-height:340px; }
}
@media(max-width:760px) {
 .hb.home-banners:has(.hb-slide--feature) .hb-slide { min-height:490px; }
 .hb.home-banners:has(.hb-slide--feature) .hb-slide--poster .hb-slide__copy { left:0; width:100%; height:auto; padding:25px 24px; align-items:flex-start; justify-content:flex-start; }
 .hb.home-banners:has(.hb-slide--feature) .hb-slide--poster .hb-slide__title { max-width:19ch; font-size:39px; }
 .hb.home-banners:has(.hb-slide--feature) .hb-slide--poster .hb-slide__text { display:block; max-width:31ch; font-size:12px; }
 .hb.home-banners:has(.hb-slide--feature) .hb-slide--poster .hp-figure--left { right:0; width:80%; height:57%; bottom:35px; }
 .hb.home-banners:has(.hb-slide--feature) .hb-slide--poster .hp-emblem { right:18px; top:auto; bottom:55px; opacity:.7; }
}

@media(max-width:370px) {
 .hb.home-banners .hb-slide--feature .hb-slide__title { font-size:33px; }
}

/* Every visible action is a real link, outside the decorative illustration. */
.hb .hb-slide__hitarea { position:absolute; inset:0; z-index:1; }
.hb .hb-slide__link { pointer-events:none; }
.hb .hb-button { pointer-events:auto; text-decoration:none; cursor:pointer; }
.hb .hf-tag, .hb .hf-badge { z-index:4; pointer-events:auto; text-decoration:none; cursor:pointer; transition:translate .18s ease,box-shadow .18s ease; }
.hb .hf-badge { display:inline-flex; align-items:center; gap:9px; }
.hb .hf-badge > svg { width:17px; height:17px; flex:none; }
.hb .hf-tag:hover, .hb .hf-badge:hover { translate:0 -3px; box-shadow:0 7px 0 #25124240,0 16px 24px #25124230; }
.hb .hb-button:focus-visible, .hb .hf-tag:focus-visible, .hb .hf-badge:focus-visible { outline:3px solid #fff; outline-offset:4px; box-shadow:0 0 0 7px #29105c; }
.hb .hb-controls { z-index:5; }
.hb.home-banners .hb-slide--feature .hb-slide__link { position:relative; height:100%; }
.hb .hf-extra { position:absolute; object-fit:contain; pointer-events:none; user-select:none; filter:drop-shadow(0 12px 0 #24134330) drop-shadow(0 18px 20px #24134335); }
/* Roblox: two neon avatars and a gold Robux token on electric magenta. */
.hb.home-banners .hb-slide--roblox.hb-slide--feature { --hf-base:#7830df; --hf-deep:#4b169f; --hf-bright:#ed68ee; }
.hb .hb-slide--roblox .hf-figure { z-index:2; right:0; top:1%; height:124%; width:36%; transform:rotate(8deg); }
.hb .hb-slide--roblox .hf-extra--companion { z-index:1; right:19%; top:-2%; height:138%; width:30%; transform:rotate(-9deg); }
.hb .hb-slide--roblox .hf-extra--token { z-index:3; right:37%; top:16%; height:30%; width:10%; transform:rotate(-19deg); }
.hb .hb-slide--roblox .hf-tag--one { right:38%; top:22px; transform:rotate(-8deg); }
.hb .hb-slide--roblox .hf-tag--two { right:2%; bottom:62px; }
.hb .hb-slide--roblox .hf-badge { right:30%; bottom:51px; }
/* PUBG: warm gold and coral, squad in the foreground, currency at its feet. */
.hb.home-banners .hb-slide--pubg.hb-slide--feature { --hf-base:#ffa739; --hf-deep:#ed602e; --hf-bright:#ffec7b; --hf-accent:#6935a8; --hf-copy:#391c3a; }
.hb.home-banners .hb-slide--pubg.hb-slide--feature .hb-slide__title { color:#391c3a; text-shadow:2px 4px 0 #ffe4a8; max-width:11ch; }
.hb.home-banners .hb-slide--pubg.hb-slide--feature .hb-button { background:#4c2499; color:#fff; border-color:#7955b7; }
.hb.home-banners .hb-slide--pubg.hb-slide--feature .hb-eyebrow { border-color:#511d3a66; }
.hb .hb-slide--pubg .hf-figure { z-index:2; right:3%; top:1%; height:108%; width:40%; transform:rotate(-3deg); }
.hb .hb-slide--pubg .hf-extra--token { z-index:3; right:31%; top:30%; height:80%; width:19%; transform:rotate(-14deg); filter:drop-shadow(0 8px 0 #74281935) drop-shadow(0 12px 20px #74281955); }
.hb .hb-slide--pubg .hf-word { right:0; font-size:116px; }
.hb .hb-slide--pubg .hf-tag--one { right:32%; top:28px; }
.hb .hb-slide--pubg .hf-badge { right:27%; bottom:45px; font-size:24px; padding:8px 15px; }
/* Telegram: collectible gift, glossy Premium star and mint username symbol. */
.hb.home-banners .hb-slide--telegram.hb-slide--feature { --hf-base:#147fd2; --hf-deep:#2446a6; --hf-bright:#5ae9e4; --hf-accent:#edff69; }
.hb.home-banners .hb-slide--telegram.hb-slide--feature .hb-slide__title { color:#fff; text-shadow:2px 4px 0 #2446a6; }
.hb .hb-slide--telegram .hf-figure { z-index:2; right:10%; top:10%; height:88%; width:33%; transform:rotate(-8deg); }
.hb .hb-slide--telegram .hf-extra--companion { z-index:1; right:0; top:5%; width:21%; height:61%; transform:rotate(13deg); }
.hb .hb-slide--telegram .hf-extra--token { z-index:3; right:32%; top:43%; width:13%; height:42%; transform:rotate(-14deg); }
.hb .hb-slide--telegram .hf-tag--one { right:31%; top:27px; }
.hb .hb-slide--telegram .hf-badge { right:20%; bottom:45px; }
@media(min-width:761px) and (max-width:1100px) {
 .hb .hb-slide--roblox .hf-figure { right:0; width:32%; height:102%; top:5%; }
 .hb .hb-slide--roblox .hf-extra--companion { right:22%; width:24%; height:88%; top:12%; }
 .hb .hb-slide--roblox .hf-extra--token { display:none; }
 .hb .hb-slide--roblox .hf-badge { right:27%; }
 .hb .hb-slide--pubg .hf-figure { right:1%; width:43%; }
 .hb .hb-slide--pubg .hf-tag--one { right:34%; }
 .hb .hb-slide--pubg .hf-extra--token { right:28%; width:20%; }
 .hb .hb-slide--telegram .hf-figure { right:6%; width:35%; }
 .hb .hb-slide--telegram .hf-extra--token { right:29%; }
}
@media(max-width:760px) {
 .hb .hf-badge > svg { width:14px; height:14px; }
 .hb .hb-slide--game .hf-figure { top:auto; bottom:43px; }
 .hb .hb-slide--roblox .hf-figure { right:0; width:62%; height:235px; transform:rotate(8deg); }
 .hb .hb-slide--roblox .hf-extra--companion { top:auto; bottom:43px; right:40%; width:44%; height:216px; transform:rotate(-9deg); }
 .hb .hb-slide--roblox .hf-extra--token { top:auto; bottom:217px; right:36%; width:50px; height:50px; }
 .hb .hb-slide--roblox .hf-tag--one { top:auto; bottom:223px; right:auto; left:22px; transform:rotate(-8deg); }
 .hb .hb-slide--roblox .hf-tag--two { right:17px; bottom:71px; }
 .hb .hb-slide--roblox .hf-badge { right:auto; left:24px; bottom:54px; }
 .hb .hb-slide--pubg .hf-figure { right:5%; width:73%; height:233px; }
 .hb .hb-slide--pubg .hf-extra--token { top:auto; right:auto; left:3px; bottom:22px; width:117px; height:175px; }
 .hb .hb-slide--pubg .hf-tag--one { top:auto; right:auto; left:22px; bottom:221px; }
 .hb .hb-slide--pubg .hf-badge { right:auto; left:36%; bottom:51px; font-size:17px; padding:8px 12px; }
 .hb .hb-slide--pubg .hf-word { font-size:88px; }
 .hb .hb-slide--telegram .hf-figure { right:13%; width:64%; height:214px; }
 .hb .hb-slide--telegram .hf-extra--companion { top:auto; right:0; bottom:148px; width:120px; height:120px; }
 .hb .hb-slide--telegram .hf-extra--token { top:auto; right:auto; left:8px; bottom:88px; width:82px; height:82px; }
 .hb .hb-slide--telegram .hf-tag--one { top:auto; right:auto; left:22px; bottom:221px; }
 .hb .hb-slide--telegram .hf-badge { right:auto; left:27%; bottom:51px; }
}
@media(prefers-reduced-motion:reduce) {
 .hb .hf-tag,.hb .hf-badge { transition:none; }
}

@media(min-width:1101px) {
 .hb.home-banners .hb-slide--pubg.hb-slide--feature:not(.hb-slide--long) .hb-slide__title { font-size:78px; max-width:11ch; }
}

@media(min-width:371px) and (max-width:760px) {
 .hb.home-banners .hb-slide--pubg.hb-slide--feature:not(.hb-slide--long) .hb-slide__title { font-size:44px; max-width:11ch; }
}

@media(max-width:760px) {
 .hb .hf-tag,.hb .hf-badge { min-height:44px; }
}