.WhatsNew_section__WgQm0{margin-top:3.5rem}.WhatsNew_header__hcF7Q{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.WhatsNew_heading__flsqS{color:#18181b;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.035em}.WhatsNew_navigation__23swK{display:flex;gap:6px}.WhatsNew_rail__yEkrq{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 3px 8px;margin:-3px -3px -8px}.WhatsNew_rail__yEkrq::-webkit-scrollbar{display:none}.WhatsNew_card___2JDK{min-width:0;scroll-snap-align:start;overflow:hidden;border-radius:13px;background:#111113;box-shadow:0 0 0 1px rgb(255 255 255/.08);transition:box-shadow .22s ease}.WhatsNew_card___2JDK:focus-visible{outline:2px solid #5b9dff;outline-offset:3px}.WhatsNew_media__ZC676{position:relative;aspect-ratio:16/9;overflow:hidden;background:#141416}.WhatsNew_media__ZC676:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/.12),rgb(0 0 0/0) 38%),linear-gradient(0deg,rgb(0 0 0/.78),rgb(0 0 0/.38) 42%,rgb(0 0 0/0) 78%);pointer-events:none}.WhatsNew_artwork__99H_k{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.WhatsNew_thumbnail__eynUR{object-fit:contain}.WhatsNew_caption__jPHEn{position:absolute;left:16px;right:16px;bottom:13px;z-index:2}.WhatsNew_title__VXRpV{max-width:88%;color:#ffffff;font-size:18px;font-weight:700;line-height:1.16;letter-spacing:0;text-shadow:0 2px 14px rgb(0 0 0/.65)}.WhatsNew_chip__01U6_{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:0 12px;background:rgb(255 255 255/.9);color:#111113;font-size:11px;font-weight:700;line-height:1;box-shadow:0 8px 24px rgb(0 0 0/.22);backdrop-filter:blur(12px)}.dark .WhatsNew_heading__flsqS{color:#f4f4f5}.dark .WhatsNew_card___2JDK{background:#0d0d0f;box-shadow:0 0 0 1px rgb(255 255 255/.055)}@media (hover:hover){.WhatsNew_card___2JDK:hover{box-shadow:0 0 0 1px rgb(0 0 0/.15)}.dark .WhatsNew_card___2JDK:hover{box-shadow:0 0 0 1px rgb(255 255 255/.18)}}@media (min-width:640px){.WhatsNew_section__WgQm0{margin-top:4rem}.WhatsNew_rail__yEkrq{grid-auto-columns:calc((100% - 18px) / 2)}}@media (min-width:1280px){.WhatsNew_rail__yEkrq{grid-auto-columns:calc((100% - 54px) / 4)}.WhatsNew_navigation__23swK{display:none}}@media (prefers-reduced-motion:reduce){.WhatsNew_card___2JDK{transition:none}}