.frontpage-showcase-card-media .webp-fallback-picture{width:100%;height:100%}.frontpage-showcase-carousel.frontpage-hero-carousel{--frontpage-showcase-gap: clamp(1.25rem, 1.45vw, 1.7rem);--frontpage-showcase-edge-fade: clamp(80px, 9vw, 180px);padding-top:0}.frontpage-hero-carousel .frontpage-showcase-viewport{margin:0 -1.8rem;padding:2.25rem 1rem 1.95rem}.frontpage-hero-carousel .frontpage-showcase-card-media{aspect-ratio:4 / 3}.frontpage-hero-carousel .frontpage-showcase-card-copy{padding:0.82rem 0.95rem 0.9rem;gap:0.28rem}.frontpage-showcase-carousel{--frontpage-showcase-gap: 1rem;--frontpage-showcase-visible-cards: 1;--frontpage-showcase-edge-fade: clamp(92px, 14vw, 220px);position:relative;width:100%;padding-top:0.5rem;background-color:transparent}.frontpage-showcase-viewport{position:relative;overflow:hidden;padding:0.5rem;margin:0 -0.5rem;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;isolation:isolate}.frontpage-showcase-track{display:flex;align-items:stretch;gap:var(--frontpage-showcase-gap)}.frontpage-showcase-page{flex:0 0 100%;display:flex;gap:var(--frontpage-showcase-gap);align-items:stretch}.frontpage-showcase-card{flex:0 0 calc((100% - (var(--frontpage-showcase-visible-cards) - 1) * var(--frontpage-showcase-gap)) / var(--frontpage-showcase-visible-cards));min-width:0;display:flex;flex-direction:column;border-radius:1.4rem;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:rgba(8,12,17,0.9);box-shadow:0 22px 48px rgba(0,0,0,0.22);-webkit-user-drag:none}.frontpage-showcase-card-media{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:radial-gradient(circle at top, rgba(255,255,255,0.18), transparent 55%),linear-gradient(180deg, rgba(15,23,35,0.9), #070c11)}@media (min-height: 860px) and (min-width: 760px){.frontpage-showcase-card-copy{padding:1.1rem 1rem 1.2rem}}.frontpage-showcase-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,12,17,0) 50%, rgba(7,12,17,0.28) 100%);pointer-events:none}.frontpage-showcase-card img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;pointer-events:none;-webkit-user-drag:none}.frontpage-showcase-card-copy{display:flex;flex-direction:column;gap:0.35rem;padding:1rem 1rem 1.1rem;text-align:left;background:linear-gradient(180deg, rgba(10,15,21,0.2), rgba(10,15,21,0.92))}.frontpage-showcase-card-title{color:var(--lightest);font-size:1rem;font-weight:700;line-height:1.19}.frontpage-showcase-card-meta{color:rgba(255,255,255,0.74);font-size:0.87rem;line-height:1.32}.game-carousel-dots{display:flex;justify-content:center;align-items:center;gap:0.85rem}.frontpage-showcase-dots{margin-top:1.5rem;padding:0;border-radius:999px;background:transparent}.game-carousel-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border-radius:50%;border:0;background:transparent;appearance:none;cursor:pointer;flex:0 0 24px}.game-carousel-dot::before{content:"";width:13px;height:13px;border-radius:50%;background-color:rgba(255,255,255,0.3);transition:background-color 0.2s ease, transform 0.2s ease}.game-carousel-dot.active::before,.game-carousel-dot:hover::before{background-color:var(--lightest);transform:scale(1.1)}.game-carousel-dot:focus-visible{outline:2px solid var(--defold-blue);outline-offset:2px}#frontpage-more-games-button{margin:0}@media (min-width: 520px){.frontpage-showcase-carousel{--frontpage-showcase-visible-cards: 2}}@media (min-width: 1400px){.frontpage-showcase-carousel{--frontpage-showcase-visible-cards: 3}}@media (max-width: 759px){.frontpage-showcase-carousel{--frontpage-showcase-gap: 0.85rem;--frontpage-showcase-edge-fade: clamp(42px, 12vw, 88px)}.frontpage-showcase-page{gap:var(--frontpage-showcase-gap)}.frontpage-showcase-card-copy{padding:0.9rem}}@media (max-width: 639px){.frontpage-hero-carousel .frontpage-showcase-viewport{padding:1.7rem 0.85rem 1.45rem;margin:0 -0.95rem}}@media (min-width: 981px) and (max-height: 1100px){.frontpage-hero-carousel{--frontpage-showcase-edge-fade: clamp(34px, 6.5vw, 75px)}.frontpage-showcase-carousel{--frontpage-showcase-gap: 1.18rem}.frontpage-showcase-card-copy{padding:0.7rem 0.85rem 0.8rem;gap:0.25rem}.frontpage-showcase-card-title{font-size:0.92rem}.frontpage-showcase-card-meta{font-size:0.81rem}.frontpage-showcase-dots{margin-top:0.85rem}}