body.is-home{background:var(--color-paper)}.is-home .shell{--bg:var(--color-paper);--surface:#fff;--surface-2:#ece9e2;--text:#16161d;--muted:var(--color-ink-muted);--border:var(--color-line);--accent:var(--color-accent);--accent-text:#fff;--side:clamp(260px, 20vw, 320px);--art-h:clamp(330px, 25.5vw, 440px);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.is-home .site-header-inner{max-width:none;padding-inline:28px}.is-home .site-header{z-index:5;background:0 0;border-bottom:0;position:relative}.is-home .site-header-inner{height:var(--header-h);flex-wrap:nowrap;gap:12px clamp(16px,2.2vw,40px);padding-block:0}.is-home .home-header-band{display:contents}@media (width>=1101px){.is-home .home-header-band{--paper-gap:calc(28px + var(--side) * .4 + var(--header-h) * var(--slant-tan) + 12px);top:0;right:var(--paper-gap);height:var(--header-h);justify-content:flex-end;align-items:center;gap:clamp(16px,2.2vw,40px);display:flex;position:absolute;left:calc(max(47vw,640px) + 16px)}}@media (width>=1281px){.is-home .home-header-band{right:max(var(--paper-gap), calc(11vw + var(--header-h) * var(--slant-tan) + 12px))}}.is-home .topbar-actions{white-space:nowrap}.is-home .site-header .topbar-actions{margin-left:0}@media (width<=760px){.home-search{display:none}.home-search.is-open{z-index:60;max-width:none;height:50px;padding-right:6px;display:flex;position:fixed;top:12px;left:12px;right:12px}.is-home:has(.home-search.is-open) .site-header{z-index:60}}.search-results li:not(.is-match),.search-results li[hidden]{display:none}.is-home .account-badge{font-weight:700}.is-home .site-header .account-name{min-width:0;max-width:9em}.is-home .site-header .topbar-actions{justify-content:flex-end;min-width:120px;min-height:44px}.is-home .site-header .account-badge:empty{background:linear-gradient(100deg,#ffffff1a 30%,#ffffff42 50%,#ffffff1a 70%) 0 0/300% 100%;border:0;border-radius:22px;width:120px;height:44px;padding:0;animation:1.4s linear infinite badge-skeleton}@keyframes badge-skeleton{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.is-home .site-header .account-badge:empty{animation:none}}.is-home .site-header .avatar{background:var(--color-violet);color:#fff}.is-home .site-header .account-badge{color:#fff;border:1px solid #ffffff80;border-radius:999px;padding:6px 16px}.is-home .site-header .account-badge:hover{color:#fff;background:#ffffff1f}.home-stage a:focus-visible,.home-stage button:focus-visible,.home-search a:focus-visible{outline:3px solid var(--color-violet);outline-offset:3px}.is-home{--header-h:74px}.is-home .shell>main{margin-top:calc(-1 * var(--header-h))}.home-stage{--scene-h:max(var(--art-h), calc(100vw / var(--hero-ratio,2.848) - var(--header-h) - 70px));--navy-drop:150px;--navy-below:max(0px, calc(var(--art-h) - var(--scene-h) - 16px + var(--navy-drop)));background:linear-gradient(#f5f3efb8,#f5f3efb8),url(/generated/home/page-background.webp) top/max(100%,1100px) repeat-y;position:relative;overflow-x:clip}.home-stage:after{content:"";pointer-events:none;z-index:0;right:calc(var(--side) + 60px);background:#f6a2cc;width:120px;height:22px;position:absolute;top:585px;transform:rotate(-22deg)}.hero:before{content:"";z-index:1;height:calc(var(--header-h) + 4px);background:linear-gradient(100deg, var(--color-navy), var(--color-navy-end));transform:skewX(var(--slant));transform-origin:top;position:absolute;top:0;left:max(47vw,640px);right:11vw}.hero:after{content:"";z-index:1;width:calc(var(--side) + 28px + 4px + 40px);height:calc(100% + var(--navy-below));clip-path:polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - var(--navy-below)), 40px calc(100% - var(--navy-below)));background:linear-gradient(#121626,#1b1c36);position:absolute;top:0;right:0}.pickup:before{--x-top:calc(80px + var(--side) * .6);--x-low:calc(80px + var(--side) * .55);content:"";z-index:-1;top:calc(-1 * var(--header-h));bottom:calc(-1 * var(--navy-drop));background:var(--color-paper-shade);clip-path:polygon(var(--x-top) 0, 100% 0, 100% 100%, calc(var(--x-low) - var(--navy-drop) * var(--slant-tan)) 100%, var(--x-low) calc(100% - var(--navy-drop)), calc(var(--x-top) - var(--header-h) * var(--slant-tan)) var(--header-h));position:absolute;left:-80px;right:-28px}.hero:not(:has(.pickup>li:not([hidden]))):after{content:none}.hero:not(:has(.pickup>li:not([hidden]))){grid-template-columns:minmax(0,1fr)}.hero:not(:has(.pickup>li:not([hidden]))) .pickup{display:none}@media (width>=1101px){.hero:not(:has(.pickup>li:not([hidden]))) .hero-nav{right:calc(28px + 1%)}}.hero-slide{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s linear .5s}.hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .5s}.hero-catch span+span{background:linear-gradient(transparent 84%, #a8d8f6 84%, #a8d8f6 96%, transparent 96%) 0 0 / 55% 100% no-repeat, linear-gradient(transparent 82%, var(--color-lilac) 82%, var(--color-blush) 94%, transparent 94%) 100% 0 / 46% 100% no-repeat;margin-left:-.25em;padding:0 .12em 0 .25em}.hero-cta{transition:translate .15s}.hero-cta:before,.hero-cta:after{content:"";z-index:-1;border-radius:6px;position:absolute;inset:0;transform:skew(-8deg)}.hero-cta:before{background:var(--color-ink)}.hero-cta:after{z-index:-2;background:linear-gradient(90deg, #a8d8f6, var(--color-lilac) 55%, var(--color-blush));transition:translate .15s;translate:6px 6px}.hero-cta-mark{transition:translate .15s}.hero-cta:hover{translate:-2px -2px}.hero-cta:hover:after{translate:9px 9px}.hero-cta:hover .hero-cta-mark{translate:3px}.hero-cta:focus-visible{outline:none}.hero-cta:focus-visible:before{outline:3px solid var(--color-violet);outline-offset:3px}.hero-scene:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f5f3ef66 0 max(24px,2.4vw),#f5f3efd1 max(64px,5.4vw) 20%,#f5f3ef80 27%,#0000 34%);position:absolute;inset:0}.hero-note:before{content:"";background:#ffffffa6;width:4.2em;height:1.2em;margin-left:-2.1em;position:absolute;top:-.6em;left:50%;transform:rotate(3deg)}.hero-memo:before{content:"";background:#9aa0b8;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:50%}.pickup>li[hidden],.pickup>li:not([hidden])~li,.pickup-dots{display:none}.pickup.is-carousel{display:grid}.pickup.is-carousel>li:not([hidden]){opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .5s,visibility 0s linear .5s;display:block}.pickup.is-carousel>li.is-current{opacity:1;visibility:visible;transition:opacity .5s}.pickup.is-carousel>li:not([data-featured]){display:none}.pickup.is-carousel+.pickup-dots{z-index:4;top:calc(var(--header-h) + 4px + 12px);background:#0a0e1673;border-radius:999px;gap:0;height:32px;padding:0 6px;display:flex;position:absolute;right:40px}.pickup-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:32px;padding:0;display:grid}.pickup-dots button:before{content:"";background:#ffffff80;border-radius:999px;width:8px;height:8px;transition:width .3s,background-color .3s}.pickup-dots button[aria-current=true]:before{background:#fff;width:18px}.pickup-dots button:focus-visible{outline:3px solid var(--color-violet);outline-offset:-2px;border-radius:999px}.pickup>li:before{content:"";pointer-events:none;-webkit-backdrop-filter:blur(14px);-webkit-mask-composite:source-in;background:#ffffff1a;border-radius:0 12px 22px 22px;position:absolute;inset:0 -8px -44px -46px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px),linear-gradient(0deg,#0000,#000 40px);mask-image:linear-gradient(90deg,#0000,#000 40px),linear-gradient(0deg,#0000,#000 40px);-webkit-mask-composite:source-in;mask-composite:intersect}.pick:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 90% 78%, var(--glow,#d654ff47), transparent 40%), linear-gradient(to top, #0a0e16f5 16%, #1e203ed1 42%, #3424626b 66%, #40266e4d);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){html:has(body.is-home){scroll-behavior:smooth}}.recent-slot[hidden],.games-recent:has(li:not([hidden])>.recent-slot:not([hidden])) .recent-empty{display:none}.card-preview.is-playing{opacity:1}.poster:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#0e0c2433 52%,#0e0c24e0);position:absolute;inset:0}.feature:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0a0a1cd1);position:absolute;inset:0}.poster-list>li[hidden],.home-body section:is(.games-new,.games-recommend):not(:has(li:not([hidden]) a)){display:none}.home-side:before{content:"";background:#f6a2cc;width:42%;height:220px;position:absolute;top:40px;right:-12px;transform:rotate(5deg)}.idea-banner:before{content:"";background:#a9e4f7bf;width:96px;height:24px;margin-left:-48px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}@media (width<=1280px){.hero:before{right:0}.is-home .site-header .account-name{max-width:6em}}@media (width<=1100px){.is-home{--header-h:0px}.hero:before,.hero:after,.pickup:before,.pickup>li:before,.home-side:before{content:none}.is-home .site-header .account-badge{color:var(--color-ink);background:#fff;border-color:#cfcbc2}.is-home .site-header .account-badge:empty{background:linear-gradient(100deg,#e6e3dc 30%,#f4f2ee 50%,#e6e3dc 70%) 0 0/300% 100%}.is-home .site-header .account-badge:hover{color:var(--color-ink);background:#f0edff}.is-home .site-header-inner{flex-wrap:wrap;height:auto;padding-block:12px}.games-recent:not(:has(li:not([hidden])>.recent-slot:not([hidden]))){display:none}}@media (width<=760px){.is-home .site-header-inner{flex-wrap:nowrap;padding-block:0;padding-inline:16px}.is-home .home-header-band{--band-h:64px;--band-cut:calc(var(--band-h) * var(--slant-tan));isolation:isolate;min-width:0;height:var(--band-h);flex:none;align-items:center;gap:12px;margin-left:auto;padding-left:40px;display:flex;position:relative}.home-header-band:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg, var(--color-navy), var(--color-navy-end));clip-path:polygon(var(--band-cut) 0, 100% 0, 100% 100%, 0 100%);position:absolute;inset:0 -16px 0 0}.is-home .site-header .account-badge.is-player{color:#fff;min-width:0}.is-home .site-header .account-label{display:none}.is-home .site-header .topbar-actions{min-width:48px}.is-home .site-header .account-badge:empty{border-radius:50%;width:48px;min-width:0;height:48px}}@media (prefers-reduced-motion:reduce){.hero-slide,.hero-cta,.hero-cta:after,.hero-cta-mark,.pickup.is-carousel>li:not([hidden]),.pickup-dots button:before{transition:none}}@media (width<=380px){.is-home .site-header .brand-name{font-size:1rem}.is-home .site-header-inner{column-gap:10px}.is-home .home-header-band{gap:6px;padding-left:26px}}@media (width<=1100px){.home-stage:after{content:none}.home-stage{background:var(--color-paper)}.pick:after{background:radial-gradient(circle at 85% 88%, var(--glow,#d654ff47), transparent 45%), linear-gradient(to top, #0a0e16f2 8%, #181634b3 30%, #281e542e 54%, transparent 70%)}.pickup.is-carousel+.pickup-dots{top:12px;right:12px}}