.carousel.svelte-1ip15gd{position:relative;width:100%;--carousel-card-width: min(78vw, 293px);--carousel-step: .72;--carousel-scale-near: .79;--carousel-scale-far: .45;--carousel-rotate-far-prev: -9.55;--carousel-rotate-near-prev: 4.7;--carousel-rotate-center: 3.19;--carousel-rotate-near-next: -4.54;--carousel-rotate-far-next: 13.9;--carousel-lift: 7;--carousel-compress: 40;--carousel-fade: .8}@media(min-width:1024px){.carousel.svelte-1ip15gd{--carousel-card-width: 368px;--carousel-step: .65;--carousel-scale-near: .7;--carousel-scale-far: .385;--carousel-compress: 77}}.carousel__viewport.svelte-1ip15gd{overflow:visible}.carousel__track.svelte-1ip15gd{display:flex;align-items:center}.carousel__slide.svelte-1ip15gd{flex:0 0 calc(var(--carousel-card-width) * var(--carousel-step));display:flex;justify-content:center;min-width:0}.carousel__card.svelte-1ip15gd{flex:0 0 auto;width:var(--carousel-card-width);aspect-ratio:222/265;position:relative;border-radius:15px;overflow:hidden;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity}.carousel.svelte-1ip15gd:not(.carousel--posed) .carousel__card:where(.svelte-1ip15gd){opacity:0}.carousel__arrow.svelte-1ip15gd{position:absolute;top:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center;z-index:2;width:var(--carousel-control-size, 30px);height:var(--carousel-control-size, 30px);padding:0;border:none;background:none;cursor:pointer;color:var(--carousel-control-color, currentColor);--icon-size: var(--carousel-control-size, 30px);transition:scale .15s ease}.carousel__arrow.svelte-1ip15gd:hover{scale:1.12}.carousel__arrow.svelte-1ip15gd:active{scale:.94}.carousel__arrow.svelte-1ip15gd:disabled{opacity:.3;cursor:default;scale:1}@media(max-width:1023px){.carousel__arrow.svelte-1ip15gd{display:none}}.carousel__arrow--prev.svelte-1ip15gd{right:calc(50% + var(--carousel-arrow-distance, min(510px, 50vw - 70px)));rotate:180deg}.carousel__arrow--next.svelte-1ip15gd{left:calc(50% + var(--carousel-arrow-distance, min(510px, 50vw - 70px)))}.game-card-loop-video.svelte-y42ga5{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-drag:none;opacity:0;transition:opacity .3s ease}.game-card-loop-video--visible.svelte-y42ga5{opacity:1}:root{--color-white: #fff;--color-gray: #ededed;--color-respawn: #ededed;--color-checkpoint: #271c13;--color-black: var(--color-checkpoint);--color-level: #87715e;--color-bounce: #febe00;--color-orange: #ff7017;--color-turbo: #ff4733;--color-power: #8f1919;--color-heart: #f4a4ff;--color-portal: rgb(87, 58, 255);--color-wonder: #00ccff;--color-play-core: #00ccb8;--color-pixel: #007e2e;--base-font-size: 16px;--base-line-height: 1;--fallback-font-sans-serif: "Helvetica", "Arial", sans-serif;--font-be-vietnam: "Be Vietnam Pro", var(--fallback-font-sans-serif);--font-bd-karlo: "BD Karlo", var(--fallback-font-sans-serif);--font-primary: var(--font-be-vietnam);--font-secondary: var(--font-bd-karlo);--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-Vietnam-xs: 500 var(--font-size-xs)/normal var(--font-be-vietnam);--font-Vietnam-sm: 500 var(--font-size-sm)/normal var(--font-be-vietnam);--font-Vietnam-base: 400 var(--font-size-base)/normal var(--font-be-vietnam);--font-Vietnam-base---medium: 500 var(--font-size-base)/normal var(--font-be-vietnam);--font-Vietnam-md: 400 var(--font-size-md)/normal var(--font-be-vietnam);--font-Vietnam-large-body: 400 var(--font-size-lg)/26px var(--font-be-vietnam);--font-Karlo-lg: 400 20px/.8 var(--font-bd-karlo);--font-Karlo-xl: 400 24px/.8 var(--font-bd-karlo);--font-Karlo-2xl: 400 28px/.8 var(--font-bd-karlo);--font-Karlo-3xl: 400 44px/.8 var(--font-bd-karlo);--font-Karlo-4xl: 400 54px/.8 var(--font-bd-karlo);--font-Karlo-5xl: 400 62px/.8 var(--font-bd-karlo);--font-Karlo-6xl: 400 72px/.8 var(--font-bd-karlo);--font-Karlo-7xl: 400 90px/.8 var(--font-bd-karlo);--font-Karlo-8xl: 400 120px/.8 var(--font-bd-karlo);--font-Karlo-9xl: 400 170px/.8 var(--font-bd-karlo);--font-Karlo-display: 400 300px/.8 var(--font-bd-karlo);--font-Blog-Blog-title: 400 34px/.8 var(--font-bd-karlo);--font-Blog-Blog-headline: 700 24px/1.2 var(--font-be-vietnam);--font-Blog-Blog-quote: 400 24px/1 var(--font-bd-karlo);--grid-edge-mobile: 15px;--grid-edge-desktop: 30px;--grid-gutter-mobile: 8px;--grid-gutter-desktop: 10px;--grid-max-size: 1600px;--grid-edge-pading: 15px;--grid-gutter: 8px;--grid-column-amount: 6;--grid-column-size: calc( ( min(100vw, var(--grid-max-size)) - var(--grid-edge-pading) * 2 - var(--grid-gutter) * (var(--grid-column-amount) - 1) ) / var(--grid-column-amount) );--header-height: 90px;--triangle-effect-max-height: 70px ;--triangle-effect-max-height-px: 70px}@media(min-width:1024px){:root{--triangle-effect-max-height: 120px ;--triangle-effect-max-height-px: 120px}}:root{--ease-in-quad: var(--ease-in-quad);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-out-back: cubic-bezier(.34, 1.85, .64, 1)}@media(min-width:1024px){:root{--grid-column-amount: 12;--grid-edge-pading: 30px;--grid-gutter: 10px;--triangle-effect-max-height: 170px ;--triangle-effect-max-height-px: 170px;--font-size-xs: 12px;--font-size-sm: 14px}}.game-carousel__bleed.svelte-1erlbgi,.game-carousel__section{transition:var(--theme-bg-transition, background-color .5s ease)}.game-carousel.svelte-1erlbgi{position:relative;width:100%;min-height:calc(100 * var(--vh, 1vh));display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-block:var(--triangle-effect-max-height);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--accent-primary-color, var(--color-heart));transition:var(--theme-bg-transition, background-color .5s ease);--carousel-control-color: var(--accent-inverse-color, var(--color-power))}.game-carousel__stage.svelte-1erlbgi{position:relative;z-index:1;width:100%;--title-space: 175px;--copy-gap: 32px;padding-block-start:calc(var(--title-space) + var(--copy-gap))}@media(min-width:1024px){.game-carousel__stage.svelte-1erlbgi{--title-space: 160px;--copy-gap: 44px}}.game-carousel__copy.svelte-1erlbgi{position:absolute;inset:0 0 auto;height:var(--title-space);display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);align-items:end;pointer-events:none;--headline-size: clamp(48px, 24vw, 90px);--headline-leading: .8}@media(min-width:1024px){.game-carousel__copy.svelte-1erlbgi{--headline-size: clamp(48px, 10.4vw, 150px)}}.game-carousel__copy-item.svelte-1erlbgi{grid-area:1/1;align-self:end;min-width:0;padding-inline:20px;text-align:center;--copy-swap-scale: 1.08;--copy-swap-out: .18s;--copy-swap-in: .3s;--copy-swap-settle: cubic-bezier(.2, .8, .3, 1);--copy-swap-lift: calc( var(--headline-size) * var(--headline-leading) * (var(--copy-swap-scale) - 1) );opacity:0;transition:opacity 0s linear var(--copy-swap-out)}.game-carousel__copy-item--active.svelte-1erlbgi{opacity:1}.game-carousel__copy-item--active.svelte-1erlbgi .game-carousel__headline:where(.svelte-1erlbgi){transform:scale(1)}.game-carousel__copy-item--active.svelte-1erlbgi .game-carousel__eyebrow:where(.svelte-1erlbgi){transform:none}.game-carousel__copy-item--active.svelte-1erlbgi .game-carousel__headline:where(.svelte-1erlbgi),.game-carousel__copy-item--active.svelte-1erlbgi .game-carousel__eyebrow:where(.svelte-1erlbgi){transition:transform var(--copy-swap-in) var(--copy-swap-settle) var(--copy-swap-out)}.game-carousel__eyebrow.svelte-1erlbgi{margin:0 0 20px;font:var(--font-Vietnam-base---medium);color:var(--accent-inverse-color, var(--color-power));transform:translateY(calc(-1 * var(--copy-swap-lift)));transition:transform var(--copy-swap-out) ease-in;will-change:transform}.game-carousel__eyebrow-line.svelte-1erlbgi{display:block}.game-carousel__headline.svelte-1erlbgi{margin:0;font-family:var(--font-bd-karlo);font-size:var(--headline-size);font-weight:700;line-height:var(--headline-leading);text-transform:uppercase;overflow-wrap:normal;color:var(--accent-inverse-color, var(--color-power));transform:scale(var(--copy-swap-scale));transform-origin:50% 100%;transition:transform var(--copy-swap-out) ease-in;will-change:transform}.game-carousel__caption.svelte-1erlbgi{display:grid;justify-items:center;margin-block-start:24px;color:var(--accent-inverse-color, var(--color-power));text-align:center}@media(min-width:1024px){.game-carousel__caption.svelte-1erlbgi{margin-block-start:20px}}.game-carousel__caption-item.svelte-1erlbgi{grid-area:1/1;align-self:start;max-inline-size:220px;opacity:0;transition:opacity .15s ease}.game-carousel__caption-item--active.svelte-1erlbgi{opacity:1;transition:opacity .25s ease .15s}.game-carousel__game-title.svelte-1erlbgi{margin:0 0 12px;font:var(--font-Karlo-lg);font-weight:700;text-transform:uppercase}.game-carousel__game-description.svelte-1erlbgi{margin:0;font:var(--font-Vietnam-sm);line-height:1.2;color:var(--accent-text-color, var(--color-power))}.game-carousel__game-status.svelte-1erlbgi{margin:16px 0 0;font:var(--font-Vietnam-sm);font-weight:700;line-height:1.2}.game-carousel__cta.svelte-1erlbgi{display:flex;justify-content:center;margin-block-start:48px}@media(min-width:1024px){.game-carousel__cta.svelte-1erlbgi{margin-block-start:60px}}.game-carousel__card.svelte-1erlbgi{display:block;width:100%;height:100%;position:relative;text-decoration:none}.game-carousel__stage.svelte-1erlbgi .game-carousel__card-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-drag:none;user-drag:none}
