@layer components{.home-showcase{z-index:-2;pointer-events:none;background:radial-gradient(at 77% 42%,#29343d 0%,#141c23 35%,#0b1015 76%);position:absolute;inset:0;overflow:hidden}.home-showcase-fallback{opacity:.35;background:url(/site/replay-teamfight.jpg?v=8960991322-fb4a4487) 65% 45%/cover;transition:opacity .6s;position:absolute;inset:0}.home-showcase[data-state=ready] .home-showcase-fallback{opacity:0}.home-showcase-halo{background:radial-gradient(at 62% 40%,#8caca21c,#0000 54%),radial-gradient(at 55% 90%,#dc784526,#0000 38%);position:absolute;inset:8% -8% -3% 40%}.home-showcase-stage{opacity:0;transition:opacity .7s;position:absolute;inset:55px -35px 0 42%;-webkit-mask-image:linear-gradient(#0000,#000 5% 90%,#0000);mask-image:linear-gradient(#0000,#000 5% 90%,#0000)}.home-showcase[data-state=ready] .home-showcase-stage{opacity:1}.home-showcase-stage canvas{transform-origin:50% 58%;width:100%;height:100%;display:block;transform:scale(1.2)}@media (width<=1050px){.home-showcase-stage{inset:70px -100px 0 36%}}@media (width<=760px){.home-showcase-stage{inset:55px -150px 0 22%}}@media (width<=480px){.home-showcase-stage{opacity:0;inset:90px -210px -10px 5%}.home-showcase[data-state=ready] .home-showcase-stage{opacity:.55}.home-showcase-halo{inset:12% -50% 0 15%}}@media (prefers-reduced-motion:reduce){.home-showcase-fallback,.home-showcase-stage{transition:none}}}