.grid-container.svelte-wriho2{container-type:inline-size;container-name:article-bento}.grid.svelte-wriho2{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-gap:1rem;gap:1rem;@container article-bento (inline-size <= 700px){grid-template-columns:1fr;grid-template-rows:unset}.article-link:where(.svelte-wriho2){--radii: var(--br-xl);position:relative;border-radius:var(--radii);overflow:clip;aspect-ratio:1;@container article-bento (inline-size <= 700px){aspect-ratio:unset}&:hover,&:focus{.article-image:where(.svelte-wriho2){scale:1.15;@container article-bento (inline-size <= 700px){scale:1.1}}}&:after{content:"";position:absolute;inset:0;border:1px solid white;border-radius:var(--radii);pointer-events:none;opacity:.05;z-index:1}&:nth-child(1){grid-column:1 / 3;grid-row:1 / 3;font-size:1.5rem;@container article-bento (inline-size <= 700px){grid-column:unset;grid-row:unset;font-size:unset}.article-description:where(.svelte-wriho2){display:-webkit-box}.article:where(.svelte-wriho2){padding:1.25rem}}}.article-image:where(.svelte-wriho2){position:absolute;top:50%;left:50%;translate:-50% -50%;object-fit:cover;aspect-ratio:1;width:100%;height:auto;border-radius:var(--radii);mask-image:linear-gradient(to bottom,#000,#0000001a 75%);scale:1.05;transition:scale var(--transition);@container article-bento (inline-size <= 700px){left:unset;right:0;width:50%;translate:0% -20%;mask-image:linear-gradient(to right,transparent,hsla(0deg 0% 0% / .5));scale:1}}.article:where(.svelte-wriho2){position:absolute;bottom:0;left:0;display:grid;gap:.25rem;width:100%;padding:.75rem;border-radius:var(--radii);text-shadow:0 3px 23px black;line-height:1.35;@container article-bento (inline-size <= 700px){position:relative}}.article-title:where(.svelte-wriho2){font-size:.875em;@container article-bento (inline-size <= 700px){font-size:1.125rem}}.article-description:where(.svelte-wriho2){display:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:.75em;opacity:.75;@container article-bento (inline-size <= 700px){display:block}}}.game-homepage.svelte-9hlm{display:grid;gap:4.5rem;padding-block:3rem;min-height:80dvh;grid-auto-rows:max-content;@container (inline-size <= 900px){gap:3rem}@container (inline-size <= 700px){padding-block:2rem;gap:2rem}.button.download{@container (inline-size <= 700px){display:none}}}.bg-video.svelte-9hlm,.bg-image.svelte-9hlm{position:absolute;top:0;left:0;width:100%;height:44rem;object-fit:cover;mask-image:linear-gradient(to bottom,hsla(0deg 0% 0% / .2),transparent);z-index:-1;pointer-events:none;animation:svelte-9hlm-fade-in 3s ease-in-out forwards}@keyframes svelte-9hlm-fade-in{0%{opacity:0}}.page-header.svelte-9hlm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:fit-content;margin-inline:auto;text-align:center;@container (inline-size <= 700px){gap:1rem}.download.button{outline-offset:2px;outline:2px solid transparent;outline-color:transparent;border-radius:10rem;transition:scale var(--transition),outline-color var(--transition);&:hover,&:focus{scale:1.025;outline-color:var(--shade0-25)}}}.game-name.svelte-9hlm{display:flex;align-items:center;gap:1rem;text-transform:uppercase;@container (inline-size <= 700px){gap:.75rem}svg{width:2rem;height:2rem;background:var(--game-color, var(--shade7));border-radius:var(--br-lg);@container (inline-size <= 700px){width:1.5rem;height:1.5rem}path{fill:var(--shade10)}}h1:where(.svelte-9hlm){@container (inline-size <= 700px){font-size:1.5rem}}}.search-bar.svelte-9hlm{--height: 3rem;display:flex;align-items:center;gap:.5rem;height:var(--height);width:42ch;padding-inline:.75rem;margin-inline:auto;border-radius:var(--br-xl);color:var(--shade2);background-color:#fff;overflow:clip;cursor:pointer;pointer-events:all;.search-bar-icon:where(.svelte-9hlm){height:calc(var(--height) / 1.75);width:calc(var(--height) / 1.75)}.placeholder:where(.svelte-9hlm){border-style:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container (inline-size <= 700px){width:36ch;height:2.5rem;border-radius:var(--br-lg)}@container (inline-size <= 500px){width:30ch}}.button.download.end-cta{margin-inline:auto;margin-block-start:5rem;border-radius:10rem}