body.kingdom-is-home .home-search-row.home-search-near-hero .home-search-result,
body.kingdom-is-home .home-search-row.home-search-near-hero #search-result{
  z-index: 51;
}
@media (min-width: 640px){ .home-search-row{ max-width: min(72vw, 48rem);}
}
@media (min-width: 1024px){ .home-search-row{ max-width: min(58vw, 52rem);}
}
.home-search-stage{ position: relative; z-index: 1; width: 100%; overflow: visible; padding-block: 0.2rem;}
.home-search-games-btn{ display: none !important;}
.home-search-hub__beam,.home-search-hub__beam-spin,.home-search-hub__inner,.home-search-hub__label,.home-search-hub__gamepad,.home-search-hub__notch{ display: none !important;}
.home-search-hub{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 0; width: 100%; padding: 0; border: none; border-radius: 0; background: none; box-shadow: none; isolation: auto;}
.home-search-logo{ display: none !important;}
@keyframes float-y{ 0%,100%{ transform: translate3d(0,0,0);}
50%{ transform: translate3d(0,-4px,0);}
}
.home-search-wrap--hint.is-anim-paused .home-search-input{ animation-play-state: paused !important;}
.home-search-field{ position: relative; z-index: 1; flex: 1 1 auto; min-width: 0; width: 100%; overflow: visible;}
.home-search-wrap{ position: relative; z-index: 10; width: 100%; max-width: 100%; min-width: 0; overflow: visible;}
.home-search-icon{ position: absolute; left: 1.05rem; top: 50%; z-index: 5; width: 1.1rem; height: 1.1rem; transform: translateY(-50%); pointer-events: none; color: rgb(var(--foreground) / 0.72); filter: none;}
@media (min-width: 640px){ .home-search-icon{ left: 1.25rem; width: 1.2rem; height: 1.2rem;}
}
.home-search-input{ position: relative; z-index: 1; display: block; width: 100%; height: 3.45rem; min-height: 3.45rem; padding: 0 1.2rem 0 2.95rem; border-radius: 999px; border: 1px solid rgba(255,255,255,0.22); background: rgba(12,20,34,0.52); backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3); color: rgb(var(--foreground) / 0.95); font-size: 0.92rem; font-weight: 600; outline: none; appearance: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06),0 8px 24px rgb(0 0 0 / 0.22); transition: border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease; --tw-ring-shadow: 0 0 #0000; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-color: transparent;}
@media (min-width: 640px){ .home-search-input{ height: 3.85rem; min-height: 3.85rem; padding-left: 3.2rem; font-size: 0.98rem;}
.home-search-icon{ left: 1.3rem; width: 1.25rem; height: 1.25rem;}
}
.home-search-input.is-typing-demo{ color: transparent; caret-color: rgb(var(--foreground) / 0.95);}
.home-search-input.is-typing-demo:not(:placeholder-shown),
.home-search-input.is-typing-demo:focus{ color: rgb(var(--foreground) / 0.95);}
.home-search-input::placeholder{ color: rgb(var(--foreground) / 0.55); opacity: 1; font-weight: 600;}
.home-search-ph{ position: absolute; left: 2.55rem; right: 1rem; top: 0; bottom: 0; z-index: 6; display: flex; align-items: center; pointer-events: none; overflow: hidden; white-space: nowrap; color: rgb(var(--foreground) / 0.55); font-size: 0.84rem; font-weight: 700; letter-spacing: 0.015em; line-height: 1; text-shadow: none;}
.home-search-ph.is-hidden{ display: none !important; visibility: hidden;}
@media (min-width: 640px){ .home-search-ph{ left: 3.2rem; font-size: 0.92rem;}
}
.home-search-input.has-fake-ph::placeholder{ color: transparent !important; opacity: 0 !important;}
.home-search-input.is-typing-ph::placeholder{ color: rgb(var(--foreground) / 0.72); opacity: 1; font-weight: 600; letter-spacing: 0.01em;}
.home-search-input.has-fake-ph.is-typing-ph::placeholder{ color: transparent !important; opacity: 0 !important;}
.home-search-wrap--hint .home-search-input{ animation: home-search-hint-pulse 2.4s ease-in-out infinite;}
@keyframes home-search-hint-pulse{ 0%,100%{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.06),0 8px 24px rgb(0 0 0 / 0.22);}
50%{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 8px 28px rgb(0 0 0 / 0.28),0 0 0 1px rgba(255,255,255,0.08);}
}
.home-search-input:hover{ border-color: rgba(255,255,255,0.32); background: rgba(12,20,34,0.62); backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 10px 28px rgb(0 0 0 / 0.26);}
.home-search-input:focus,.home-search-input:focus-visible{ outline: none !important; outline-offset: 0 !important; border-color: rgba(255,255,255,0.38) !important; background: rgba(12,20,34,0.66) !important; backdrop-filter: blur(18px) saturate(1.3) !important; -webkit-backdrop-filter: blur(18px) saturate(1.3) !important; --tw-ring-shadow: 0 0 #0000 !important; --tw-ring-offset-shadow: 0 0 #0000 !important; --tw-ring-offset-width: 0px !important; --tw-ring-offset-color: transparent !important; --tw-ring-color: transparent !important; --tw-ring-width: 0px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.09),0 10px 30px rgb(0 0 0 / 0.28) !important;}
@media (prefers-reduced-motion: reduce){ .home-search-logo{ animation: none !important;}
.home-search-wrap--hint .home-search-input{ animation: none !important;}
.home-trust-card.is-visible,
.home-trust-card.is-visible.is-inview,
.home-trust-card.is-visible .home-trust-card__media,
.home-trust-card.is-visible .home-trust-card__icon,
.home-trust-card.is-visible .home-trust-card__icon-slot{ animation: none !important;}
.home-hero{ animation: none !important; opacity: 1; transform: none;}
}
.home-search-result,#search-result{ position: absolute; left: 0; right: 0; top: calc(100% + 0.5rem); z-index: 50; max-height: 420px; width: 100%; overflow: auto; border-radius: 1rem; border: 1px solid rgb(255 255 255 / 0.1); background: rgb(8 14 24 / 0.98); box-shadow: 0 0 0 1px rgb(0 0 0 / 0.35),0 18px 48px rgba(0,0,0,0.6); scrollbar-width: thin; scrollbar-color: rgb(var(--background) / 0.92) rgb(8 14 24 / 0.98);}
.home-search-result::-webkit-scrollbar,#search-result::-webkit-scrollbar{ width: 8px;}
.home-search-result::-webkit-scrollbar-track,#search-result::-webkit-scrollbar-track{ background: rgb(8 14 24 / 0.98); border-radius: 0 1rem 1rem 0;}
.home-search-result::-webkit-scrollbar-thumb,#search-result::-webkit-scrollbar-thumb{ background: rgb(255 255 255 / 0.12); border-radius: 999px; border: 2px solid rgb(8 14 24 / 0.98);}
.home-search-result::-webkit-scrollbar-thumb:hover,#search-result::-webkit-scrollbar-thumb:hover{ background: hsl(var(--primary) / 0.4);}
.home-search-result::-webkit-scrollbar-corner,#search-result::-webkit-scrollbar-corner{ background: rgb(8 14 24 / 0.98);}
.home-search-result a,#search-result a{ display: block; transition: background-color 0.15s ease;}
.home-search-result a:hover,#search-result a:hover{ background: hsl(var(--primary) / 0.08);}
.home-page > .container:has(.home-trust),.home-page.space-y-8 > .container:has(.home-trust),.home-page > .home-trust-section{ position: relative; overflow: visible; max-width: min(100%,92rem); padding-inline: clamp(0.5rem,1.4vw,1rem); margin-top: 2rem; margin-bottom: 0.5rem;}
.home-trust-section{ isolation: isolate; padding-block: 0.5rem 1rem;}
.home-trust-section::before{ content: ""; position: absolute; left: 50%; top: 58%; z-index: 0; width: min(116%,64rem); height: min(82%,26rem); transform: translate(-50%,-50%); pointer-events: none; background: radial-gradient(ellipse at center,hsl(var(--primary) / 0.1) 0%,hsl(var(--primary) / 0.04) 40%,transparent 72%);}
.home-trust-hero{ position: relative; z-index: 1; display: flex; justify-content: center; padding: 0.5rem 0.75rem 0.5rem; margin-bottom: 1.5rem; text-align: center;}
.home-trust-hero__title{ margin: 0; display: flex; flex-direction: column; align-items: center; gap: 0.08em; font-weight: 800; line-height: 0.92; text-transform: uppercase; letter-spacing: -0.03em; -webkit-font-smoothing: antialiased;}
.home-trust-hero__line{ display: block; max-width: 100%; word-break: keep-all;}
.home-trust-hero__line--count{ color: #fff; font-size: clamp(2rem,6.6vw,3.75rem); font-weight: 800; text-shadow: 0 2px 18px rgb(0 0 0 / 0.55);}
.home-trust-hero__line--label{ color: rgba(245,248,252,0.94); font-size: clamp(1.45rem,5.2vw,3.2rem); font-weight: 800; text-shadow: 0 2px 14px rgb(0 0 0 / 0.4);}
.home-trust{ position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; gap: 1rem; padding: 0.5rem 0.15rem 0.5rem; overflow: visible; width: 100%;}
@media (min-width: 640px){ .home-trust{ grid-template-columns: 1fr 1.16fr 1fr; gap: 1rem; padding: 0.75rem 0.25rem 0.75rem; align-items: start;}
}
@keyframes home-trust-reveal{ from{ opacity: 0; transform: translate3d(0,16px,0);}
to{ opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes kb-trust-up{ 0%,100%{ transform: translate3d(0,4px,0);}
50%{ transform: translate3d(0,-4px,0);}
}
@keyframes kb-trust-down{ 0%,100%{ transform: translate3d(0,-4px,0);}
50%{ transform: translate3d(0,4px,0);}
}
.home-trust-card{ --trust-float-dur: 2.4s; position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; min-height: 7rem; padding: 1.25rem 0.75rem 1.25rem 1.25rem; overflow: visible; isolation: isolate; border-radius: 1.35rem; border: 0; background: linear-gradient(155deg,rgba(16,22,34,0.96) 0%,rgba(8,12,20,0.98) 55%,rgba(6,10,16,0.99) 100%); box-shadow: 0 14px 32px rgb(0 0 0 / 0.42),0 0 0 var(--kb-hairline) hsl(var(--primary) / 0.22),inset 0 1px 0 rgba(255,255,255,0.06); opacity: 1; transform: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: box-shadow 0.22s ease; outline: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased;}
.home-trust-card--featured{ box-shadow: 0 16px 34px rgb(0 0 0 / 0.46),0 0 0 var(--kb-hairline) hsl(var(--primary) / 0.38),inset 0 1px 0 rgba(255,255,255,0.07);}
.trust-modal{ position: fixed; inset: 0; z-index: 120; display: flex; align-items: center; justify-content: center; padding: 1.15rem; box-sizing: border-box; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease,visibility 0.2s ease;}
.trust-modal[hidden]:not(.is-open){ display: none !important;}
.trust-modal:not(.is-open){ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;}
.trust-modal.is-open{ display: flex !important; opacity: 1; visibility: visible; pointer-events: auto;}
.trust-modal__backdrop{ position: absolute; inset: 0; z-index: 0; margin: 0; border: 0; padding: 0; background: rgb(2 8 16 / 0.78); cursor: pointer;}
.trust-modal__panel{ position: relative; z-index: 1; width: min(100%,36rem); padding: 1.5rem 1.15rem 1.5rem 1.55rem; overflow: visible; isolation: isolate; border-radius: 1.45rem; border: 1px solid hsl(var(--primary) / 0.28); background: linear-gradient(155deg,rgba(16,22,34,0.98) 0%,rgba(8,12,20,0.99) 100%); box-shadow: 0 20px 48px rgb(0 0 0 / 0.55),0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(255,255,255,0.06); transform: translate3d(0,10px,0) scale(0.97); transition: transform 0.22s cubic-bezier(0.22,1,0.36,1);}
.trust-modal.is-open .trust-modal__panel{ transform: translate3d(0,0,0) scale(1);}
.trust-modal__close{ position: absolute; top: 0.75rem; right: 0.75rem; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; margin: 0; padding: 0; border-radius: 0.75rem; border: 1px solid hsl(var(--primary) / 0.45); background: hsl(var(--primary) / 0.12); color: #fff; font-size: 1.45rem; line-height: 1; cursor: pointer; transition: background 0.15s ease,border-color 0.15s ease;}
.trust-modal__close:hover,.trust-modal__close:focus-visible{ background: hsl(var(--primary) / 0.22); border-color: hsl(var(--primary) / 0.7); outline: none;}
.trust-modal__row{ position: relative; z-index: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.5rem; min-height: 8.5rem; padding-right: 0.15rem;}
.trust-modal__text{ position: relative; z-index: 1; min-width: 0; flex: 1 1 auto; padding: 0.15rem 0.25rem 0.15rem 0; padding-right: 0.35rem; text-align: left;}
.trust-modal__title{ margin: 0 2.2rem 0.5rem 0; font-size: 1.42rem; font-weight: 800; letter-spacing: -0.025em; line-height: 1.2; color: #fff; text-align: left; text-shadow: 0 1px 10px rgb(0 0 0 / 0.4); -webkit-font-smoothing: antialiased;}
.trust-modal__body{ margin: 0; max-width: 22rem; font-size: 0.98rem; font-weight: 500; line-height: 1.55; color: rgb(255 255 255 / 0.82); text-align: left;}
.trust-modal__icon-wrap{ position: relative; z-index: 2; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 11.5rem; height: 11.5rem; margin: -2.15rem -0.85rem -2.15rem -0.2rem; overflow: visible; pointer-events: none; transform: translateX(0.2rem);}
.trust-modal__icon{ display: block; width: 100%; height: 100%; max-width: 11.5rem; max-height: 11.5rem; object-fit: contain; filter: drop-shadow(0 10px 20px rgb(0 0 0 / 0.45)) drop-shadow(0 0 18px hsl(var(--primary) / 0.38));}
.trust-modal__icon[hidden]{ display: none !important;}
@media (min-width: 640px){ .trust-modal{ padding: 1.5rem;}
.trust-modal__panel{ width: min(100%,40rem); padding: 1.75rem 1.25rem 1.75rem 1.85rem; border-radius: 1.55rem;}
.trust-modal__row{ gap: 0.75rem; min-height: 9.5rem;}
.trust-modal__title{ font-size: 1.58rem; margin-bottom: 0.65rem;}
.trust-modal__body{ font-size: 1.05rem; max-width: 24rem; line-height: 1.58;}
.trust-modal__icon-wrap{ width: 13.25rem; height: 13.25rem; margin: -2.5rem -1.1rem -2.5rem -0.25rem; transform: translateX(0.3rem);}
.trust-modal__icon{ max-width: 13.25rem; max-height: 13.25rem;}
}
@media (max-width: 479px){ .trust-modal__row{ flex-direction: column; align-items: stretch; gap: 0.5rem; min-height: 0;}
.trust-modal__text{ padding-right: 2.4rem; padding-bottom: 0.15rem;}
.trust-modal__title{ margin-right: 0; font-size: 1.28rem;}
.trust-modal__body{ max-width: none; font-size: 0.94rem;}
.trust-modal__icon-wrap{ width: 9.25rem; height: 9.25rem; margin: -0.35rem auto -1.1rem; transform: none;}
.trust-modal__icon{ max-width: 9.25rem; max-height: 9.25rem;}
.trust-modal__panel{ padding: 1.35rem 1.2rem 1.1rem; border-radius: 1.35rem;}
}
.home-howto{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 1.2rem; max-width: min(100%,61rem); margin-inline: auto; padding: 0.65rem clamp(0.65rem,3vw,1.5rem) 0.85rem; text-align: center;}
.home-howto__header{ display: flex; flex-direction: column; align-items: center; gap: 0.65rem; max-width: 40rem; margin-inline: auto;}
.home-howto__title{ margin: 0; font-size: clamp(1.4rem,4vw,2.15rem); font-weight: 800; letter-spacing: 0.055em; text-transform: uppercase; line-height: 1.12; color: rgba(245,248,252,0.96); text-shadow: 0 2px 16px rgb(0 0 0 / 0.45); -webkit-font-smoothing: antialiased;}
.home-howto__rule{ display: block; width: min(100%,15rem); height: 2px; border-radius: 999px; background: linear-gradient(90deg,transparent,hsl(var(--primary) / 0.55) 18%,hsl(var(--primary) / 0.75) 50%,hsl(var(--primary) / 0.55) 82%,transparent); box-shadow: 0 0 8px hsl(var(--primary) / 0.2);}
.home-howto__lead{ margin: 0; max-width: 34rem; font-size: 0.94rem; font-weight: 500; line-height: 1.55; color: rgb(var(--foreground) / 0.86);}
.howto-video{ position: relative; display: flex; justify-content: center; width: 100%; max-width: 100%; margin-inline: auto; padding: 0.45rem 0 0.3rem; box-sizing: border-box;}
.howto-video__frame{ position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 1.05rem; border: 1px solid rgba(255,255,255,0.12); background: linear-gradient(165deg,rgb(10 14 22 / 0.96) 0%,rgb(3 6 12 / 0.99) 100%); box-shadow: 0 0 0 1px hsl(var(--primary) / 0.1),0 22px 48px rgb(0 0 0 / 0.5); overflow: hidden; isolation: isolate;}
.howto-video__frame::after{ content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08),inset 0 0 0 1px rgb(255 255 255 / 0.03); pointer-events: none;}
.howto-video__iframe{ position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; border: 0; background: #05080f;}
.howto-video__frame--embed::after{ z-index: 2; }
.howto-video__poster{ position: absolute; inset: 0; z-index: 0; background: radial-gradient(ellipse 70% 55% at 50% 42%,hsl(var(--primary) / 0.12),transparent 68%),linear-gradient(180deg,rgb(8 12 20) 0%,rgb(2 5 10) 100%);}
.howto-video__poster::before{ content: ""; position: absolute; inset: 0; opacity: 0.12; background-image: linear-gradient(to right,hsl(var(--primary) / 0.08) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--primary) / 0.05) 1px,transparent 1px); background-size: 36px 36px; pointer-events: none;}
.howto-video__poster::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 48%,rgb(2 6 12 / 0.78) 100%); pointer-events: none;}
.howto-video__play{ position: absolute; left: 50%; top: 47%; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 4.35rem; height: 4.35rem; margin: 0; padding: 0; border: none; border-radius: 999px; background: linear-gradient(145deg,hsl(var(--primary) / 0.92) 0%,hsl(var(--primary) / 0.72) 100%); color: #041018; box-shadow: 0 0 0 6px hsl(var(--primary) / 0.1),0 12px 28px rgb(0 0 0 / 0.45); transform: translate(-50%,-50%); cursor: pointer; transition: transform 0.2s ease,box-shadow 0.2s ease;}
.howto-video__play:hover,.howto-video__play:focus-visible{ transform: translate(-50%,-50%) scale(1.06); box-shadow: 0 0 0 7px hsl(var(--primary) / 0.14),0 14px 32px rgb(0 0 0 / 0.5); outline: none;}
.howto-video__play-icon{ width: 1.55rem; height: 1.55rem; margin-left: 0.18rem; fill: currentColor;}
.howto-video__controls{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; gap: 0.4rem; padding: 1.35rem 0.9rem 0.7rem; background: linear-gradient(180deg,transparent 0%,rgba(4,8,14,0.72) 55%,rgba(2,5,10,0.92) 100%); color: #fff; pointer-events: none;}
.howto-video__progress{ position: relative; width: 100%; height: 3px; border-radius: 999px; background: rgb(255 255 255 / 0.22); overflow: hidden;}
.howto-video__progress-fill{ display: block; width: 12%; height: 100%; border-radius: inherit; background: #fff; box-shadow: 0 0 8px rgb(255 255 255 / 0.45);}
.howto-video__times{ display: flex; align-items: center; justify-content: space-between; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.02em; opacity: 0.95;}
@media (min-width: 640px){ .home-howto{ gap: 1.45rem; padding-block: 0.85rem 1.1rem;}
.home-howto__title{ font-size: clamp(1.65rem,2.8vw,2.35rem); letter-spacing: 0.07em;}
.home-howto__lead{ font-size: 1rem;}
.howto-video{ max-width: min(100%,57rem); padding: 0.7rem 0.55rem 0.5rem;}
.howto-video__frame{ border-radius: 1.25rem;}
.howto-video__play{ width: 5.15rem; height: 5.15rem;}
.howto-video__play-icon{ width: 1.8rem; height: 1.8rem;}
.howto-video__controls{ padding: 1.65rem 1.2rem 0.95rem; gap: 0.5rem;}
.howto-video__times{ font-size: 0.8rem;}
}
@media (min-width: 1024px){ .home-howto{ gap: 1.7rem; max-width: min(100%,65rem); padding: 1.25rem clamp(1.75rem,4vw,3.25rem) 1.5rem;}
.home-howto__header{ gap: 0.8rem; max-width: 44rem;}
.home-howto__title{ font-size: clamp(1.95rem,2.35vw,2.55rem); letter-spacing: 0.08em; text-shadow: 0 2px 18px rgb(0 0 0 / 0.5);}
.home-howto__rule{ width: min(100%,17rem);}
.howto-video{ max-width: 59rem; padding: 0.85rem 0.75rem 0.6rem;}
.howto-video__frame{ border-radius: 1.35rem; border-width: 1px; box-shadow: 0 0 0 1px hsl(var(--primary) / 0.12),0 28px 56px rgb(0 0 0 / 0.52);}
.howto-video__play{ width: 5.65rem; height: 5.65rem;}
.howto-video__play-icon{ width: 2rem; height: 2rem;}
}
@media (max-width: 639px){ .howto-video{ padding-inline: 0.1rem;}
.howto-video__soon{ gap: 0.45rem; padding: 1rem;}
.howto-video__soon-icon{ width: 2.35rem; height: 2.35rem;}
.howto-video__soon-title{ font-size: 1.05rem;}
.howto-video__soon-text{ font-size: 0.84rem;}
.howto-video__soon-cta{ min-height: 2.65rem; font-size: 0.84rem;}
}
.howto-video__frame--soon{ display: grid; place-items: center;}
.howto-video__soon{ position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 0.55rem; max-width: 22rem; padding: 1.25rem 1rem; text-align: center;}
.howto-video__soon-icon{ width: 2.75rem; height: 2.75rem; color: rgba(255,255,255,0.75); stroke-width: 1.75;}
.howto-video__soon-title{ margin: 0; font-size: 1.2rem; font-weight: 900; letter-spacing: 0.02em; color: #fff;}
.howto-video__soon-text{ margin: 0; font-size: 0.9rem; font-weight: 600; line-height: 1.4; color: rgb(var(--foreground) / 0.75);}
.howto-video__soon-cta{ display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; margin-top: 0.35rem; min-height: 2.75rem; padding: 0.6rem 1.15rem; border-radius: 0.85rem; border: 1px solid hsl(var(--primary) / 0.45); background: hsl(var(--primary) / 0.88); color: #041018; font-size: 0.88rem; font-weight: 800; text-decoration: none; transition: transform 0.15s ease,background 0.15s ease,box-shadow 0.15s ease;}
.howto-video__soon-cta:hover,.howto-video__soon-cta:focus-visible{ background: hsl(var(--primary) / 0.78); transform: translateY(-1px); outline: none;}
.howto-video__soon-cta-icon{ width: 1.05rem; height: 1.05rem; stroke-width: 2.4;}
.howto-video__soon-cta--discord{
border: 1px solid #4752c4;
background: #5865f2;
color: #fff;
font-weight: 700;
box-shadow: 0 8px 18px -8px rgb(88 101 242 / 0.75);
}
.howto-video__soon-cta--discord:hover,
.howto-video__soon-cta--discord:focus-visible{
background: #4752c4;
border-color: #3c45a5;
color: #fff;
box-shadow: 0 10px 22px -8px rgb(88 101 242 / 0.85);
}
.howto-video__soon-cta-discord-icon{
display: inline-block;
width: 1.15rem;
height: 1.15rem;
flex-shrink: 0;
background-color: #fff;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
@media (min-width: 640px){ .howto-video__soon{ max-width: 26rem; gap: 0.65rem;}
.howto-video__soon-title{ font-size: 1.35rem;}
}
.home-trust-card:nth-child(1){ --trust-delay: 0s;}
.home-trust-card:nth-child(2){ --trust-delay: 0.06s;}
.home-trust-card:nth-child(3){ --trust-delay: 0.12s;}
/* Card stays still — float only on icons (card transform cracks 1px borders) */
.home-trust-card.is-visible{ opacity: 1; transform: translateZ(0); animation: none !important;}
.home-trust-card.is-visible .home-trust-card__media,
.home-trust-card.is-visible .home-trust-card__icon{
  animation: kb-trust-up var(--trust-float-dur,2.4s) ease-in-out infinite;
  animation-delay: calc(0.55s + var(--trust-delay, 0s));
  animation-play-state: paused;
  will-change: transform;
}
.home-trust-card.is-visible:nth-child(2) .home-trust-card__media,
.home-trust-card.is-visible:nth-child(2) .home-trust-card__icon{ animation-name: kb-trust-down;}
.home-trust-card.is-visible.is-inview .home-trust-card__media,
.home-trust-card.is-visible.is-inview .home-trust-card__icon{ animation-play-state: running;}
.home-trust-card.is-visible:not(.is-inview) .home-trust-card__media,
.home-trust-card.is-visible:not(.is-inview) .home-trust-card__icon{ will-change: auto;}
.home-trust-card.is-visible .home-trust-card__icon-slot{ animation: none;}
.home-trust-card:focus,.home-trust-card:focus-visible,.home-trust-card:active,.home-trust-card.is-visible:focus,.home-trust-card.is-visible:focus-visible,.home-trust-card.is-visible:active{ outline: none; box-shadow: 0 14px 32px rgb(0 0 0 / 0.45),0 0 0 var(--kb-hairline) hsl(var(--primary) / 0.45),inset 0 1px 0 rgba(255,255,255,0.07);}
@media (hover: hover){ .home-trust-card.is-visible:hover{ box-shadow: 0 16px 36px rgb(0 0 0 / 0.48),0 0 0 var(--kb-hairline) hsl(var(--primary) / 0.42),inset 0 1px 0 rgba(255,255,255,0.08); transition-delay: 0s;}
.home-trust-card.is-visible:hover .home-trust-card__media,.home-trust-card.is-visible:hover .home-trust-card__icon{ opacity: 1;}
}
.home-trust-card__body{ position: relative; z-index: 1; min-width: 0; flex: 1 1 auto; padding-right: 0.15rem; text-align: left;}
.home-trust-card__title{ margin: 0 0 0.5rem; font-size: 1.22rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.18; color: #fff; text-shadow: 0 1px 10px rgb(0 0 0 / 0.45); -webkit-font-smoothing: antialiased;}
.home-trust-card__desc{ margin: 0; max-width: 15.5rem; font-size: 0.88rem; font-weight: 500; line-height: 1.45; color: rgb(255 255 255 / 0.72);}
.home-trust-card__icon-slot{ position: relative; z-index: 2; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 9.5rem; height: 9.5rem; margin-right: -1.1rem; margin-left: -0.15rem; margin-top: -2rem; margin-bottom: -2rem; overflow: visible; pointer-events: none; transform: translateX(0.15rem);}
.home-trust-card__icon,.home-trust-card__icon.trust-float-icon,.home-trust-card__media{ position: relative; z-index: 1; display: block; width: 100%; height: 100%; max-width: 9.5rem; max-height: 9.5rem; object-fit: contain; color: hsl(var(--primary) / 0.9); opacity: 0.96; pointer-events: none; stroke-width: 1.6; filter: drop-shadow(0 6px 12px rgb(0 0 0 / 0.4));}
@media (max-width: 639px){ .home-trust-card__icon,.home-trust-card__icon.trust-float-icon,.home-trust-card__media{ filter: none;}
}
@media (min-width: 640px){ .home-trust-card{ min-height: 7.5rem; padding: 1.5rem 0.85rem 1.5rem 1.5rem; border-radius: 1.5rem;}
.home-trust-card__title{ font-size: 1.34rem; margin-bottom: 0.5rem;}
.home-trust-card__desc{ font-size: 0.94rem; max-width: 16.75rem; color: rgb(255 255 255 / 0.8);}
.home-trust-card__icon-slot{ width: 10.75rem; height: 10.75rem; margin-right: -1.35rem; margin-left: -0.2rem; margin-top: -2.25rem; margin-bottom: -2.25rem; transform: translateX(0.25rem);}
.home-trust-card__icon,.home-trust-card__icon.trust-float-icon,.home-trust-card__media{ max-width: 10.75rem; max-height: 10.75rem;}
}
@media (max-width: 639px){ .home-trust-card{ min-height: 4.75rem; padding: 1rem 0.65rem 1rem 1.1rem; border-radius: 1.25rem; gap: 0.35rem;}
.home-trust-card__title{ font-size: 1.12rem; margin-bottom: 0.35rem;}
.home-trust-card__desc{ font-size: 0.84rem; max-width: none;}
.home-trust-card__icon-slot{ width: 7.75rem; height: 7.75rem; margin-right: -0.85rem; margin-top: -1.5rem; margin-bottom: -1.5rem;}
.home-trust-card__icon,.home-trust-card__icon.trust-float-icon,.home-trust-card__media{ max-width: 7.75rem; max-height: 7.75rem;}
}
@keyframes home-hero-in{ from{ opacity: 0; transform: translate3d(0,12px,0);}
to{ opacity: 1; transform: translate3d(0,0,0);}
}
.kb-cat-strip{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; width: 100%; max-width: min(100%,42rem); margin: 0.35rem auto 0; padding: 0.85rem 0.75rem 0.35rem; overflow: visible; border: none; border-radius: 0; background: transparent; box-shadow: none; text-decoration: none; color: inherit; outline: none;}
@media (min-width: 640px){ .kb-cat-strip{ max-width: min(100%,48rem); margin-top: 0.5rem; padding: 1.15rem 1rem 0.45rem; gap: 0.9rem;}
}
.kb-cat-strip__bg,.kb-cat-strip__scrim,.kb-cat-strip__link,.kb-cat-strip__divider,.kb-cat-strip__pill,.kb-cat-strip__line,.kb-cat-strip__line--left,.kb-cat-strip__line--right,.kb-cat-strip__ray{ display: none !important;}
.kb-cat-strip__title{ margin: 0; max-width: 100%; font-family: 'Kanit', 'Geist', sans-serif; font-size: clamp(1.85rem,5.4vw,2.75rem); font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.05; color: #fff; text-align: center; text-shadow: 0 0 18px hsl(var(--primary) / 0.45),0 0 36px hsl(var(--primary) / 0.22); -webkit-font-smoothing: antialiased;}
.kb-cat-strip--blox{ margin-top: 0.85rem; padding-top: 1.15rem; max-width: min(100%,52rem);}
.kb-cat-strip--blox .kb-cat-strip__title{ font-size: clamp(2.15rem,7vw,3.45rem); letter-spacing: 0.1em; text-shadow: 0 0 20px hsl(var(--primary) / 0.38);}
.kb-cat-strip--blox .kb-cat-strip__underline{ width: min(16rem,58%); height: 1.5px;}
@media (min-width: 640px){ .kb-cat-strip--blox{ margin-top: 1.1rem; padding-top: 1.45rem;}
.kb-cat-strip--blox .kb-cat-strip__title{ font-size: clamp(2.55rem,5.2vw,3.75rem);}
}
.kb-cat-strip--robux{ margin-top: 0.85rem; padding-top: 1.15rem; max-width: min(100%,48rem);}
.kb-cat-strip--robux .kb-cat-strip__title{ font-size: clamp(2rem,6.5vw,3.2rem); letter-spacing: 0.14em; text-shadow: 0 0 18px hsl(var(--primary) / 0.35);}
.kb-cat-strip--robux .kb-cat-strip__underline{ width: min(14rem,55%); height: 1.5px;}
@media (min-width: 640px){ .kb-cat-strip--robux{ margin-top: 1.05rem; padding-top: 1.35rem;}
.kb-cat-strip--robux .kb-cat-strip__title{ font-size: clamp(2.35rem,4.8vw,3.4rem);}
}
.home-category-block--robux > .kb-featured{ margin-top: 0.85rem;}
@media (min-width: 640px){ .home-category-block--robux > .kb-featured{ margin-top: 1.05rem;}
}
@media (max-width: 639px){ .kb-cat-strip{ padding: 0.7rem 0.5rem 0.3rem; gap: 0.65rem;}
.kb-cat-strip__title{ letter-spacing: 0.1em;}
.kb-cat-strip--blox .kb-cat-strip__title{ letter-spacing: 0.06em;}
}
.kb-cat-strip__underline{ position: relative; display: block; width: min(13rem,56%); height: 1.5px; background: hsl(var(--primary) / 0.75); border-radius: 999px; box-shadow: 0 0 10px hsl(var(--primary) / 0.35);}
.kb-cat-strip__diamond{ position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; transform: translate(-50%,-50%) rotate(45deg); background: hsl(var(--primary)); box-shadow: 0 0 10px hsl(var(--primary) / 0.65),0 0 18px hsl(var(--primary) / 0.35);}
.kb-cat-strip:hover .kb-cat-strip__title,.kb-cat-strip:focus-visible .kb-cat-strip__title{ color: #fff; text-shadow: 0 0 22px hsl(var(--primary) / 0.55),0 0 40px hsl(var(--primary) / 0.28);}
.kb-cat-strip:focus-visible{ outline: 2px solid hsl(var(--primary) / 0.55); outline-offset: 6px; border-radius: 4px;}
.kb-produtos-sep{ display: flex; align-items: center; gap: 0.7rem; width: 100%; max-width: min(100%,56rem); margin: 1.15rem auto 1.05rem; padding: 0 0.35rem;}
@media (min-width: 640px){ .kb-produtos-sep{ margin: 1.45rem auto 1.35rem; gap: 0.95rem;}
}
.kb-produtos-sep__line{ display: block; flex: 1 1 auto; height: 1.5px; min-width: 1.5rem; background: linear-gradient(90deg,transparent,hsl(var(--primary) / 0.55)); box-shadow: 0 0 8px hsl(var(--primary) / 0.2);}
.kb-produtos-sep__line--flip{ background: linear-gradient(90deg,hsl(var(--primary) / 0.55),transparent);}
.kb-produtos-sep__pill{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; padding: 0.52rem 1.35rem; border-radius: 0.6rem; border: 0; background: rgb(4 10 18 / 0.96); color: #f4f8ff; font-family: 'Kanit', 'Geist', sans-serif; font-size: clamp(0.76rem,1.7vw,0.92rem); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.15; white-space: nowrap; box-shadow: 0 0 0 var(--kb-hairline) hsl(var(--primary) / 0.65),0 0 16px -2px hsl(var(--primary) / 0.4);}
.kb-produtos-sep__star{ display: none !important;}
@media (max-width: 379px){ .kb-produtos-sep__pill{ padding: 0.42rem 0.85rem; letter-spacing: 0.05em; font-size: 0.68rem;}
}
.home-category-block{ position: relative; overflow-x: clip; overflow-y: visible;}
.home-category-block--featured{ overflow: visible !important;}
.home-category-block:has(.home-category-panel--playstation),
.home-category-block:has([data-platform="playstation"]){ overflow-x: visible !important; overflow-y: visible !important;}
#store,#categories-container{ overflow-x: clip; overflow-y: visible;}
#store:has([data-platform="playstation"]),
#categories-container:has([data-platform="playstation"]){ overflow-x: visible !important; overflow-y: visible !important;}
.home-category-block > .kb-cat-strip,.home-category-block > .kb-produtos-sep,.home-category-block > .category-carousel-strip{ position: relative; z-index: 1;}
.home-category-block--featured > .kb-featured{ position: relative; z-index: 1; overflow: visible;}
.category-carousel-strip{ position: relative; display: flex; align-items: center; gap: 0; width: 100%; margin-top: 0.55rem; overflow: visible;}
@media (min-width: 640px){ .category-carousel-strip{ margin-top: 0.75rem;}
}
.category-carousel-strip .popular-categories-nav{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 24;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 9999px;
border: 1.5px solid rgba(255, 255, 255, 0.22);
background: rgba(10, 12, 20, 0.72);
color: #fff;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
cursor: pointer;
transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, opacity 0.2s ease;
}
.category-carousel-strip .popular-categories-nav--prev{ left: -0.55rem;}
.category-carousel-strip .popular-categories-nav--next{ right: -0.55rem;}
.category-carousel-strip .popular-categories-nav:hover:not(:disabled){
border-color: hsl(var(--primary) / 0.7);
background: rgba(14, 18, 28, 0.88);
box-shadow: 0 0 20px hsl(var(--primary) / 0.18);
transform: translateY(-50%) scale(1.05);
}
.category-carousel-strip .popular-categories-nav:disabled{ opacity: 0.35; cursor: default; transform: translateY(-50%);}
.category-carousel-strip .popular-categories-nav__icon{ width: 1.25rem; height: 1.25rem; color: #fff; pointer-events: none;}
@media (min-width: 640px){
.category-carousel-strip .popular-categories-nav--prev{ left: -0.85rem;}
.category-carousel-strip .popular-categories-nav--next{ right: -0.85rem;}
}
@media (min-width: 768px){
.category-carousel-strip .popular-categories-nav--prev{ left: -1.05rem;}
.category-carousel-strip .popular-categories-nav--next{ right: -1.05rem;}
}
.category-carousel-track.package-list,.package-list.kb-coverflow-track,.package-list[data-carousel-track]{ display: flex; flex: 1 1 auto; flex-wrap: nowrap; justify-content: center; gap: var(--kb-package-card-gap, 1.15rem); width: 100%; min-width: 0; min-height: 4.5rem; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-inline: 0.75rem; scroll-behavior: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-inline: 0.75rem; padding-block: 1.15rem 1.1rem; cursor: grab; touch-action: pan-y; overscroll-behavior-y: auto; overflow-anchor: none;}
.home-page{ overflow-x: clip; overflow-y: visible; max-width: 100%;}
@media (min-width: 768px){
.home-page{ overflow-x: visible; overflow-y: visible;}
}
#categories-container,
#store,
.home-category-block--top5,
.home-category-block--top5 .home-top5{ overflow: visible;}
.home-page:has(.kb-featured--robux) #store,
.home-page:has(.kb-featured--robux) #categories-container{
overflow-x: clip;
overflow-y: visible;
}
.category-carousel-strip.has-overflow .package-list,.kb-coverflow-shell.has-overflow .package-list,.package-list.is-carousel{ justify-content: flex-start; scroll-padding-inline: 1.5rem; padding-inline: 1.5rem;}
.category-carousel-strip.is-fitting .package-list,.kb-coverflow-shell.is-fitting .package-list.kb-coverflow-track,.kb-coverflow-shell.is-fitting .package-list[data-carousel-track],.package-list.is-fitting{ justify-content: center !important; padding-inline: 0.75rem !important; scroll-padding-inline: 0 !important; scroll-snap-type: none; cursor: default;}
.package-list.kb-coverflow-track::-webkit-scrollbar,.package-list[data-carousel-track]::-webkit-scrollbar{ display: none;}
.package-list.is-dragging,.package-list.is-wrapping{ cursor: grabbing; scroll-behavior: auto !important; scroll-snap-type: none !important; user-select: none; touch-action: pan-x;}
.home-category-block .package-carousel-slide,
.category-carousel-strip .package-carousel-slide{ flex: 0 0 72vw; width: 72vw; max-width: 15.5rem; scroll-snap-align: center; scroll-snap-stop: normal; min-width: 0; position: relative; z-index: 1; pointer-events: auto;}
.package-carousel-slide .package-card{ height: 100%; width: 100%; position: relative; z-index: 2; pointer-events: auto; cursor: pointer;}
.home-category-block .package-card__image,
.category-carousel-strip .package-card__image{
aspect-ratio: 3 / 4;
}
.home-category-block .package-card__body,
.category-carousel-strip .package-card__body{
gap: 0.28rem;
padding: 0.48rem 0.62rem 0.52rem;
}
.home-category-block .package-card__title,
.category-carousel-strip .package-card__title{
font-size: 0.92rem;
line-height: 1.22;
min-height: calc(1.22em * 2);
}
.home-category-block .package-card__footer,
.category-carousel-strip .package-card__footer{
margin-top: auto;
min-height: 2.7rem;
}
.home-category-block .package-card__prices,
.category-carousel-strip .package-card__prices{
min-height: 2.6rem;
justify-content: flex-end;
}
.home-category-block .package-card__compare,
.category-carousel-strip .package-card__compare{
font-size: 0.78rem;
}
.home-category-block .package-card__price,
.category-carousel-strip .package-card__price{
font-size: 1.28rem;
line-height: 1.08;
}
@media (min-width: 640px){
.home-category-block .package-card__title,
.category-carousel-strip .package-card__title{
font-size: 1.02rem;
}
.home-category-block .package-card__compare,
.category-carousel-strip .package-card__compare{
font-size: 0.84rem;
}
.home-category-block .package-card__price,
.category-carousel-strip .package-card__price{
font-size: 1.42rem;
}
}
@media (max-width: 379px){
.home-category-block .package-card__title,
.category-carousel-strip .package-card__title{
font-size: 0.84rem;
}
.home-category-block .package-card__price,
.category-carousel-strip .package-card__price{
font-size: 1.12rem;
}
.home-category-block .package-card__compare,
.category-carousel-strip .package-card__compare{
font-size: 0.7rem;
}
}
@media (max-width: 639px){ .category-carousel-track.package-list,.package-list.kb-coverflow-track,.package-list[data-carousel-track]{ scroll-snap-type: x mandatory;}
.home-category-block .package-carousel-slide,
.category-carousel-strip .package-carousel-slide{ scroll-snap-stop: always;}
}
@media (min-width: 640px){ .category-carousel-track.package-list,.package-list.kb-coverflow-track,.package-list[data-carousel-track]{ gap: var(--kb-package-card-gap, 1.45rem); scroll-padding-inline: 0.75rem; padding-inline: 0.75rem; scroll-snap-type: x mandatory;}
.category-carousel-strip.has-overflow .package-list,.kb-coverflow-shell.has-overflow .package-list,.package-list.is-carousel{ scroll-padding-inline: 1.75rem; padding-inline: 1.75rem;}
.category-carousel-strip.is-fitting .package-list,.kb-coverflow-shell.is-fitting .package-list.kb-coverflow-track,.kb-coverflow-shell.is-fitting .package-list[data-carousel-track],.package-list.is-fitting{ padding-inline: 1rem !important; scroll-padding-inline: 0 !important;}
.home-category-block .package-carousel-slide,
.category-carousel-strip .package-carousel-slide{ flex: 0 0 min(16.5rem,34vw); width: min(16.5rem,34vw); max-width: none; scroll-snap-stop: always;}
}
@media (min-width: 1024px){ .home-category-block .package-carousel-slide,
.category-carousel-strip .package-carousel-slide{ flex: 0 0 min(17.5rem,22vw); width: min(17.5rem,22vw);}
}
@media (max-width: 639px){
.category-carousel-strip .popular-categories-nav{ width: 2.25rem; height: 2.25rem;}
.category-carousel-strip .popular-categories-nav--prev{ left: 0.15rem;}
.category-carousel-strip .popular-categories-nav--next{ right: 0.15rem;}
.category-carousel-strip .popular-categories-nav:hover:not(:disabled){ transform: translateY(-50%) scale(1.05);}
}
body.kingdom-is-home .home-search-near-hero + .home-bestsellers-marquee{ margin-top: 1.2rem !important; }
@media (min-width: 640px){ body.kingdom-is-home .home-search-near-hero + .home-bestsellers-marquee{ margin-top: 1.35rem !important; } }
body.kingdom-is-home .home-search-near-hero + .home-page{ margin-top: 2.25rem !important; padding-top: 0 !important; }
@media (min-width: 640px){ body.kingdom-is-home .home-search-near-hero + .home-page{ margin-top: 2.65rem !important; } }
body.kingdom-is-home .kingdom-home-hero-wrap + .home-page{ margin-top: 1.35rem !important; padding-top: 0 !important; }
@media (min-width: 640px){ body.kingdom-is-home .kingdom-home-hero-wrap + .home-page{ margin-top: 1.65rem !important; } }
.home-bestsellers-marquee + .home-page .home-popular-categories__body{ margin-top: 1.15rem; }
@media (min-width: 640px){ .home-bestsellers-marquee + .home-page .home-popular-categories__body{ margin-top: 1.45rem; } }
.home-category-block--top5{ overflow: visible !important; }
.home-category-block--top5,
.home-category-block--top5 .home-top5,
.home-category-block--top5 .home-top5__stage,
.home-category-block--top5 .home-top5__rail{
  content-visibility: visible !important;
  contain: none !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
/* Guard: Top 5 rail horizontal; mobile scroll; ≥900px fit all 5 (not Steam slide widths) */
.home-category-block--top5 .home-top5__rail{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
}
.home-category-block--top5 .home-top5-card__rank{
  position: absolute !important;
}
.home-category-block--top5 .home-top5-card{
  --kb-top5-rank-gutter: 2.35rem;
  --kb-top5-face-w: min(72vw, 15.5rem);
  flex: 0 0 calc(var(--kb-top5-face-w) + var(--kb-top5-rank-gutter)) !important;
  width: calc(var(--kb-top5-face-w) + var(--kb-top5-rank-gutter)) !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box;
}
@media (min-width: 640px){
  .home-category-block--top5 .home-top5-card{
    --kb-top5-rank-gutter: 2.65rem;
    --kb-top5-face-w: min(16.5rem, 34vw);
  }
}
@media (min-width: 900px){
  .home-category-block--top5 .home-top5__rail{
    overflow-x: hidden !important;
    gap: var(--kb-top5-card-gap, clamp(0.55rem, 1.05vw, 0.95rem)) !important;
  }
  .home-category-block--top5 .home-top5-card{
    --kb-top5-rank-gutter: clamp(1.45rem, 1.7vw, 1.95rem);
    --kb-top5-slot: calc((100% - 4 * var(--kb-top5-card-gap, 0.75rem)) / 5);
    flex: 0 0 var(--kb-top5-slot) !important;
    width: var(--kb-top5-slot) !important;
    max-width: var(--kb-top5-slot) !important;
  }
}
@media (min-width: 1024px){
  .home-category-block--top5 .home-top5-card{
    --kb-top5-rank-gutter: clamp(1.55rem, 1.85vw, 2.15rem);
  }
}
#store:has(.home-category-block--top5),
#categories-container:has(.home-category-block--top5){ overflow: visible !important; }
:root {
  /* Space BETWEEN category sections (PS / Xbox / Steam / etc.) */
  --kb-home-section-gap: 4.75rem;
  /* Horizontal air between package cards (home rails, search, category grids) */
  --kb-package-card-gap: 1.35rem;
  /* Top 5 needs a touch more for rank numerals beside each card */
  --kb-top5-card-gap: clamp(1.25rem, 2.8vw, 1.95rem);
}
@media (min-width: 640px) {
  :root {
    --kb-home-section-gap: 6.25rem;
    --kb-package-card-gap: 1.65rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --kb-home-section-gap: 7.25rem;
  }
}
@media (min-width: 900px) {
  :root {
    /* Tighter gaps so 5 Top 5 slots fit one viewport row */
    --kb-top5-card-gap: clamp(0.55rem, 1.05vw, 0.95rem);
  }
}
div.grid[data-cat-products] {
  gap: var(--kb-package-card-gap, 1.15rem);
}
.home-sections { display: flex; flex-direction: column; gap: var(--kb-home-section-gap) !important; }
#categories-container.home-sections > .home-section,
#categories-container.home-sections > .home-category-block { margin-top: 0 !important; margin-bottom: 0 !important; }
.home-page .home-section + .home-section,
.home-page--after-marquee > #store + .home-howto,
.home-page--after-marquee > .home-howto + .home-trust-section,
.home-page--after-marquee > .home-trust-section + #trust-modal,
.home-page--after-marquee > .home-trust-section + #feedbacks,
.home-page--after-marquee > #trust-modal + #feedbacks {
margin-top: var(--kb-home-section-gap) !important;
}
.home-page .home-section--presale {
display: block;
width: 100%;
box-sizing: border-box;
padding-bottom: 0.15rem;
}

/* Home: coverflow ativo após ready — não forçar transform none nos cards */

/* ——— PlayStation trailer carousel: desktop only (≥768px) ——— */
@media (max-width: 767px) {
  [data-ps-trailer-carousel] iframe.kb-ps-trailer-iframe,
  [data-ps-trailer-carousel] .kb-ps-trailer-veil {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* Steam-like: mesmos cards; do meio sobe levemente; vídeo só no centro */
  [data-ps-trailer-carousel] .package-list,
  [data-ps-trailer-carousel] .kb-coverflow-track {
    align-items: flex-end;
    scroll-snap-type: x mandatory;
    min-height: 0;
    --kb-package-card-gap: 1rem;
    /* Espaço pro lift do meio — evita cortar a borda de cima */
    padding-block: 1.15rem 0.45rem;
    overflow-x: auto;
    overflow-y: visible;
  }
  [data-ps-trailer-carousel] .package-list.is-ps-prog-scroll,
  [data-ps-trailer-carousel] .kb-coverflow-track.is-ps-prog-scroll {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
  }
  [data-ps-trailer-carousel].has-overflow .package-list,
  [data-ps-trailer-carousel].has-overflow .kb-coverflow-track,
  [data-ps-trailer-carousel] .package-list.is-carousel {
    justify-content: flex-start;
    padding-inline: 8% !important;
    scroll-padding-inline: 8% !important;
    overflow-y: visible;
  }
  [data-ps-trailer-carousel] .popular-categories-nav--prev {
    left: -1.25rem;
  }
  [data-ps-trailer-carousel] .popular-categories-nav--next {
    right: -1.25rem;
  }
  [data-ps-trailer-carousel] .package-carousel-slide,
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active,
  [data-ps-trailer-carousel] .package-carousel-slide:not(.is-ps-trailer-active) {
    flex: 0 0 min(26rem, 42vw);
    width: min(26rem, 42vw);
    max-width: none;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    overflow: visible;
  }
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active {
    z-index: 3;
  }
  [data-ps-trailer-carousel]:not([data-ps-trailer-booted]) .package-carousel-slide .package-card {
    transition: none !important;
    transform: none !important;
  }
  [data-ps-trailer-carousel] .package-carousel-slide .package-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    transform: translate3d(0, 0, 0) !important;
    opacity: 0.88 !important;
    filter: brightness(0.92);
    border: 1px solid rgb(255 255 255 / 0.1) !important;
    box-shadow: none !important;
    overflow: hidden;
    border-radius: 0.75rem;
    background-clip: padding-box;
    transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, filter 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
  }
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active .package-card {
    transform: translate3d(0, -0.7rem, 0) !important;
    opacity: 1 !important;
    filter: none;
    /* Borda sólida limpa (sem hairline+shadow que “rachava” no lift) */
    border: 1px solid rgb(255 255 255 / 0.22) !important;
    box-shadow: 0 16px 32px rgb(0 0 0 / 0.4) !important;
  }
  [data-ps-trailer-carousel] .package-carousel-slide .package-card__image {
    transform: none !important;
    filter: none;
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  [data-ps-trailer-carousel] .package-carousel-slide .package-card__media {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 0.75rem 0.75rem 0 0;
  }
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active .package-card__media {
    aspect-ratio: 16 / 9;
    flex: 0 0 auto;
    min-height: 0;
    background: #000;
  }
  [data-ps-trailer-carousel] .package-carousel-slide .package-card__body {
    flex: 0 0 auto;
  }
  /* Preto sólido até o trailer; capa só em no-trailer */
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active[data-ps-trailer-state='playing'] .package-card__image,
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active[data-ps-trailer-state='loading'] .package-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active[data-ps-trailer-state='no-trailer'] .package-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 1 !important;
    visibility: visible !important;
  }
  [data-ps-trailer-carousel] .kb-ps-trailer-host {
    position: relative;
    overflow: hidden;
    background: #000 !important;
  }
  /* Cobre chrome do YT (título / Mais vídeos / logo) — YT não remove de verdade */
  [data-ps-trailer-carousel] .kb-ps-trailer-host::before,
  [data-ps-trailer-carousel] .kb-ps-trailer-host::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: 4;
    pointer-events: none;
    background: #000;
  }
  [data-ps-trailer-carousel] .kb-ps-trailer-host::before {
    top: 0;
    height: 3.25rem;
  }
  [data-ps-trailer-carousel] .kb-ps-trailer-host::after {
    bottom: 0;
    height: 3.75rem;
  }
  [data-ps-trailer-carousel] .kb-ps-trailer-veil {
    position: absolute;
    inset: 0;
    z-index: 5;
    background: #000 !important;
    background-image: none !important;
    pointer-events: none;
    opacity: 0;
    visibility: visible;
    transition: opacity 0.4s ease;
  }
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active[data-ps-trailer-state='loading'] .kb-ps-trailer-veil,
  [data-ps-trailer-carousel] .kb-ps-trailer-veil.is-ps-fade-active {
    opacity: 1;
  }
  [data-ps-trailer-carousel] iframe.kb-ps-trailer-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    /* Maior que o frame + scale → corta barras YT nas bordas */
    width: 115%;
    height: 115%;
    max-width: none;
    border: 0;
    background: transparent;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1.22);
    transform-origin: center center;
    opacity: 0;
    transition: opacity 0.45s ease-in-out;
  }
  [data-ps-trailer-carousel] .kb-ps-trailer-host.is-ps-trailer-ready iframe.kb-ps-trailer-iframe {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  [data-ps-trailer-carousel] .package-list,
  [data-ps-trailer-carousel] .kb-coverflow-track {
    --kb-package-card-gap: 1.15rem;
  }
  [data-ps-trailer-carousel].has-overflow .package-list,
  [data-ps-trailer-carousel].has-overflow .kb-coverflow-track,
  [data-ps-trailer-carousel] .package-list.is-carousel {
    padding-inline: 10% !important;
    scroll-padding-inline: 10% !important;
  }
  [data-ps-trailer-carousel] .popular-categories-nav--prev {
    left: -1.4rem;
  }
  [data-ps-trailer-carousel] .popular-categories-nav--next {
    right: -1.4rem;
  }
  [data-ps-trailer-carousel] .package-carousel-slide,
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active,
  [data-ps-trailer-carousel] .package-carousel-slide:not(.is-ps-trailer-active) {
    flex: 0 0 min(28rem, 28vw);
    width: min(28rem, 28vw);
  }
  [data-ps-trailer-carousel] .package-carousel-slide.is-ps-trailer-active .package-card {
    transform: translate3d(0, -0.85rem, 0) !important;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  [data-ps-trailer-carousel] .kb-ps-trailer-veil {
    transition: opacity 0.34s ease !important;
  }
  [data-ps-trailer-carousel] iframe.kb-ps-trailer-iframe {
    transition: opacity 0.45s ease-in-out !important;
  }
}

/* Banner do tema: proporção nativa, sem recorte nas laterais */
.kingdom-home-hero-wrap .home-hero{
  animation: none !important;
  aspect-ratio: auto;
  min-height: 0;
  line-height: 0;
}
.kingdom-home-hero-wrap .home-hero-media{
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  /* Evita amolecimento por GPU / filtros no banner principal */
  transform: none !important;
  filter: none !important;
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.kingdom-home-hero-wrap .home-hero-fallback{
  position: relative;
  width: 100%;
  min-height: 11.5rem;
  aspect-ratio: 21 / 9;
}
@media (max-width: 639px){
  .kingdom-home-hero-wrap .home-hero-fallback{ min-height: 9.5rem; }
}
.kingdom-home-hero-wrap .home-hero-overlay{
  background: none;
}

/* Categorias: faixa larga + pódio (centro maior — mobile coverflow) */
.home-popular-categories{
  overflow: visible;
}
.home-popular-categories .home-popular-categories__body.container,
.home-popular-categories .home-popular-categories__body{
  max-width: min(100%, 98rem);
  width: 100%;
  padding-inline: clamp(0.35rem, 0.9vw, 0.65rem);
  margin-inline: auto;
  box-sizing: border-box;
  overflow: visible;
}
.home-popular-categories .popular-categories-carousel,
.home-popular-categories .popular-categories-grid{
  overflow: visible;
  align-items: center;
}
.home-popular-categories .popular-categories-carousel.kb-coverflow-shell{
  overflow: visible;
  padding-block: 0.35rem 0.55rem;
}
.home-popular-categories .popular-categories-grid{
  padding-block: 1.25rem 0.95rem;
  gap: 0.85rem;
}
.home-popular-categories .popular-categories-grid .popular-category-card,
.home-popular-categories .popular-categories-carousel .popular-category-card{
  aspect-ratio: 16 / 11;
  min-width: 11rem;
}
.home-popular-categories .popular-category-card__face{
  border-radius: 1.05rem;
  transform-origin: center bottom;
  backface-visibility: hidden;
  filter: none;
}
.home-popular-categories .popular-category-card__img{
  transform: none !important;
  filter: none !important;
  image-rendering: auto;
}
/* Pódio suave: scale baixo = menos resample/blur nas artes */
.home-popular-categories .kb-coverflow-track > .popular-category-card .popular-category-card__face{
  transform: translate3d(0, 0.2rem, 0) scale(0.98);
  opacity: 0.92;
  z-index: 1;
  filter: none;
  box-shadow:
    0 0 0 var(--kb-hairline) hsl(var(--primary) / 0.28),
    0 8px 18px rgb(0 0 0 / 0.28);
}
.home-popular-categories .kb-coverflow-track > .popular-category-card.is-snap-center .popular-category-card__face,
.home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card:nth-child(2) .popular-category-card__face{
  transform: translate3d(0, -0.28rem, 0) scale(1.02);
  opacity: 1;
  z-index: 5;
  filter: none;
  box-shadow:
    0 0 0 var(--kb-hairline) hsl(var(--primary) / 0.62),
    0 14px 28px rgb(0 0 0 / 0.36);
}
.home-popular-categories .kb-coverflow-track > .popular-category-card:not(.is-snap-center) .popular-category-card__face:hover{
  transform: translate3d(0, 0.12rem, 0) scale(0.99);
  opacity: 0.96;
}
.home-popular-categories .kb-coverflow-track > .popular-category-card.is-snap-center .popular-category-card__face:hover,
.home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card:nth-child(2) .popular-category-card__face:hover{
  transform: translate3d(0, -0.32rem, 0) scale(1.025);
}
.home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card .popular-category-card__face{
  transform: translate3d(0, 0.2rem, 0) scale(0.98) !important;
  opacity: 0.92 !important;
  filter: none !important;
}
.home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card.is-snap-center .popular-category-card__face,
.home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card:nth-child(2) .popular-category-card__face{
  transform: translate3d(0, -0.28rem, 0) scale(1.02) !important;
  opacity: 1 !important;
  filter: none !important;
}
.home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card .popular-category-card__img{
  transform: none !important;
}

/* Mobile: coverflow estável — centro grande, laterais peep menores */
@media (max-width: 639px){
  .home-popular-categories .home-popular-categories__body{
    padding-inline: 0 !important;
    max-width: 100%;
  }
  .home-popular-categories .popular-categories-carousel.kb-coverflow-shell{
    width: 100%;
    margin-inline: 0;
    padding-block: 0.85rem 1rem;
  }
  .home-popular-categories .popular-categories-grid.kb-coverflow-track,
  .home-popular-categories .popular-categories-carousel .popular-categories-grid{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding-inline: 14vw !important;
    scroll-padding-inline: 14vw !important;
    padding-block: 1.55rem 1.35rem !important;
    scroll-snap-type: x mandatory !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .home-popular-categories .popular-categories-grid.kb-coverflow-track::-webkit-scrollbar{
    display: none;
  }
  .home-popular-categories .popular-categories-grid .popular-category-card,
  .home-popular-categories .popular-categories-carousel .popular-category-card{
    flex: 0 0 72vw !important;
    width: 72vw !important;
    max-width: 20.5rem;
    min-width: 0 !important;
    aspect-ratio: 16 / 11;
    scroll-snap-align: center !important;
    scroll-snap-stop: always;
  }
  .home-popular-categories .kb-coverflow-track > .popular-category-card .popular-category-card__face{
    transform: translate3d(0, 0.28rem, 0) scale(0.97) !important;
    opacity: 0.88 !important;
    filter: none !important;
  }
  .home-popular-categories .kb-coverflow-track > .popular-category-card.is-snap-center .popular-category-card__face{
    transform: translate3d(0, -0.32rem, 0) scale(1.02) !important;
    opacity: 1 !important;
    filter: none !important;
    z-index: 6;
    box-shadow:
      0 0 0 1.5px hsl(var(--primary) / 0.7),
      0 16px 30px rgb(0 0 0 / 0.44) !important;
  }
  .home-popular-categories .popular-categories-nav{
    width: 2.35rem;
    height: 2.35rem;
    z-index: 8;
  }
  .home-popular-categories .popular-categories-nav--prev{ left: 0.35rem; }
  .home-popular-categories .popular-categories-nav--next{ right: 0.35rem; }
}
@media (min-width: 640px) and (max-width: 1023px){
  .home-popular-categories .popular-categories-grid{
    gap: 1rem;
  }
  .home-popular-categories .popular-categories-grid .popular-category-card,
  .home-popular-categories .popular-categories-carousel .popular-category-card{
    flex: 0 0 calc((100% - 1rem) / 2);
    width: calc((100% - 1rem) / 2);
    min-width: 13rem;
    aspect-ratio: 16 / 11;
  }
}
@media (min-width: 1024px){
  .home-popular-categories .popular-categories-grid{
    gap: 1.15rem;
  }
  .home-popular-categories .popular-categories-grid .popular-category-card,
  .home-popular-categories .popular-categories-carousel .popular-category-card{
    flex: 0 0 calc((100% - 2.3rem) / 3);
    width: calc((100% - 2.3rem) / 3);
    min-width: 17.5rem;
    aspect-ratio: 16 / 11;
  }
  .home-popular-categories .kb-coverflow-track > .popular-category-card.is-snap-center .popular-category-card__face,
  .home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card:nth-child(2) .popular-category-card__face,
  .home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card.is-snap-center .popular-category-card__face,
  .home-popular-categories .popular-categories-carousel.is-fitting .kb-coverflow-track > .popular-category-card:nth-child(2) .popular-category-card__face{
    transform: translate3d(0, -0.28rem, 0) scale(1.02) !important;
  }
}