.card.svelte-o6f38y{background:var(--clr-bg);width:min(1000px,100% - 30px);padding:15px;margin:1rem auto;border-radius:20px;position:relative}.card.svelte-o6f38y>:where(.svelte-o6f38y)+:where(.svelte-o6f38y){margin-top:15px}.card.svelte-o6f38y>div:where(.svelte-o6f38y){display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.card.svelte-o6f38y>div:where(.svelte-o6f38y){flex-direction:row;align-items:flex-start}}.card.svelte-o6f38y iframe{min-width:min(100%,400px)}h2.svelte-o6f38y{font-size:24px;text-align:center}.detail.svelte-o6f38y{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:15px}@media (min-width: 769px){.detail.svelte-o6f38y{max-width:40ch;padding:0;margin-top:0;margin-left:15px}}.detail.svelte-o6f38y img{height:auto}a.btn.svelte-o6f38y{color:#fff;border:0;border-radius:2rem;font-size:16px;align-self:flex-end;width:100%;margin:auto auto 0;background:linear-gradient(90deg,var(--clr-dream-blue),var(--clr-tech-purple));padding:8px;cursor:pointer;text-align:center;outline:1px solid transparent;transition-property:outline,box-shadow;transition-duration:var(--animation-time, .3s);transition-timing-function:ease}a.btn.svelte-o6f38y:hover{box-shadow:0 0 5px #fff;outline:1px solid rgba(255,255,255,.64)}a.btn.svelte-o6f38y:focus{color:#fff;box-shadow:0 0 5px #fff,-5px .15rem 10px var(--clr-tech-purple),5px .15rem 10px var(--clr-dream-blue)}.btn-close.svelte-o6f38y{background-color:transparent;border:1px solid light-dark(var(--black-800),#fff);border-radius:100%;width:24px;height:24px;position:absolute;right:-8px;top:-8px;background-color:light-dark(#fff,var(--black-800));cursor:pointer;transition-property:transform;transition-duration:var(--animation-time, .3s);transition-timing-function:ease}.btn-close.svelte-o6f38y svg>path{fill:light-dark(var(--black-800),#fff)}.btn-close.svelte-o6f38y:hover{transform:rotate(90deg)}.description.svelte-o6f38y a{text-decoration:underline}@media (max-width: 767px){.img.svelte-o6f38y{display:none}}main.svelte-6i1sfi{--h1-padding: 8px;margin:0 auto 60px;width:min(1000px,100% - 30px)}section.svelte-6i1sfi{width:100%;margin-top:calc(60px - var(--h1-padding))}h1.svelte-6i1sfi,h2.svelte-6i1sfi{text-align:center}h1.svelte-6i1sfi{font-size:22px;padding:var(--h1-padding) 0;scroll-margin-top:var(--header-height);position:sticky;top:var(--header-height);z-index:1;background:var(--clr-bg)}h2.svelte-6i1sfi{margin-top:calc(16px - var(--h1-padding));font-size:16px}.game-category.svelte-6i1sfi{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(min(313px,100%),1fr));margin-top:1rem}.game-category.svelte-6i1sfi button:where(.svelte-6i1sfi) img{transition:transform,var(--animation-time, .3s) ease}.game-category.svelte-6i1sfi button:where(.svelte-6i1sfi) div:where(.svelte-6i1sfi) svg{transition:transform,var(--animation-time, .3s) ease}.game-category.svelte-6i1sfi button:where(.svelte-6i1sfi):hover img{transform:scale(1.05)}.game-category.svelte-6i1sfi button:where(.svelte-6i1sfi):hover div:where(.svelte-6i1sfi) svg{transform:scale(1.2)}.tailor-made.svelte-6i1sfi button:where(.svelte-6i1sfi) img{aspect-ratio:1280 / 720;-o-object-fit:cover;object-fit:cover}button.svelte-6i1sfi{background:#ffffff0d;border:0;border-radius:10px;position:relative;cursor:pointer;overflow:hidden;height:-moz-fit-content;height:fit-content}button.svelte-6i1sfi div:where(.svelte-6i1sfi){position:absolute;left:10px;right:10px;bottom:10px;color:#fff;border-radius:40px}button.svelte-6i1sfi h3:where(.svelte-6i1sfi){font-size:16px;padding:10.5px 16px;text-align:start;background:#0009;border-radius:20px;width:100%}button.svelte-6i1sfi img{display:flex;width:100%;height:auto}button.svelte-6i1sfi svg{width:40px;height:40px;background:linear-gradient(90deg,var(--clr-dream-blue),var(--clr-tech-purple));padding:8px;margin-left:auto;position:absolute;right:0;bottom:0;border-radius:20px}@media (min-width: 768px){main.svelte-6i1sfi{--h1-padding: 16px}h1.svelte-6i1sfi{font-size:32px}h2.svelte-6i1sfi{font-size:20px;line-height:24.2px}.game-category.svelte-6i1sfi{gap:30px}}.lightbox{-webkit-backdrop-filter:blur(10px) grayscale(50%);backdrop-filter:blur(10px) grayscale(50%)}
