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