button.block.game.svelte-10cr5dl{flex-grow:1;max-width:32rem;padding:1rem 1.5rem;background:none;border:none;position:relative}button.block.game.svelte-10cr5dl:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-1;background:#0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:skew(-12deg);transition:all .12s ease-out}button.block.game.svelte-10cr5dl:before{transition:all .12s ease-out}button.block.game.svelte-10cr5dl:hover,button.block.game.svelte-10cr5dl:focus-visible,button.block.game.svelte-10cr5dl:active{cursor:pointer}button.block.game.svelte-10cr5dl:hover:before,button.block.game.svelte-10cr5dl:focus-visible:before,button.block.game.svelte-10cr5dl:active:before{background:#00000080}button.block.game.svelte-10cr5dl:before{transform:skew(-12deg) scale(.9);opacity:0;transition:all .12s ease-out,transform 1s cubic-bezier(.19,1,.22,1) var(--delay, 0s),opacity 1s cubic-bezier(.19,1,.22,1) var(--delay, 0s)}button.block.game.intersected.svelte-10cr5dl:before{transform:skew(-12deg);opacity:1}button.block.game.svelte-10cr5dl:hover{cursor:auto;opacity:1!important}button.block.game.svelte-10cr5dl:hover .inner:where(.svelte-10cr5dl) p:where(.svelte-10cr5dl){color:#fff}button.block.game.wishlist.svelte-10cr5dl:before{border:1px solid rgba(255,255,255,.42)}.content.svelte-10cr5dl{display:flex;flex-flow:row nowrap;justify-content:start;align-items:center;gap:2rem;transform:scale(.9);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1) var(--delay, 0s)}button.block.game.intersected.svelte-10cr5dl .content:where(.svelte-10cr5dl){transform:none;opacity:1}.img-container.svelte-10cr5dl{height:120px}.img-container.svelte-10cr5dl img:where(.svelte-10cr5dl){border-radius:50%;box-shadow:0 8px 16px #0006}.block.game.active.svelte-10cr5dl .img-container:where(.svelte-10cr5dl) img:where(.svelte-10cr5dl){box-shadow:0 0 32px #40e0ff80}.info.svelte-10cr5dl{flex-grow:1;height:100%;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:start;gap:.5rem}.upper.svelte-10cr5dl{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;gap:.5rem}.upper.svelte-10cr5dl h3:where(.svelte-10cr5dl){font-family:Overpass,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:200%;font-weight:400;color:#fff;text-align:start}.block.game.active.svelte-10cr5dl .upper:where(.svelte-10cr5dl) h3:where(.svelte-10cr5dl),.block.game.opportunistic.svelte-10cr5dl .upper:where(.svelte-10cr5dl) h3:where(.svelte-10cr5dl){color:#ffc720}.upper.svelte-10cr5dl p.love:where(.svelte-10cr5dl){min-width:max-content;font-size:150%}.inner.svelte-10cr5dl{flex-grow:1;width:100%;display:flex;flex-flow:row wrap;gap:.5rem}.inner.svelte-10cr5dl p:where(.svelte-10cr5dl){font-family:Anta,Agency FB,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:100%;color:#fff9;transition:all .12s ease-out}.inner.svelte-10cr5dl p.active:where(.svelte-10cr5dl){color:#40f190!important}.inner.svelte-10cr5dl p.opportunistic:where(.svelte-10cr5dl){color:#c7c7ff!important}.inner.svelte-10cr5dl span.separator:where(.svelte-10cr5dl){font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;color:#fff9;font-size:125%}.lower.svelte-10cr5dl ul.genres:where(.svelte-10cr5dl){display:flex;flex-flow:row wrap;justify-content:start;gap:.5em;list-style-type:none}.lower.svelte-10cr5dl ul.genres:where(.svelte-10cr5dl) li:where(.svelte-10cr5dl){padding:0 .5em;font-family:Nanum Pen Script,Nanum Pen,Segoe UI,system-ui,ZCool XiaoWei,sans-serif;font-size:150%;color:#fff;position:relative;transition:all .12s ease-out}.lower.svelte-10cr5dl ul.genres:where(.svelte-10cr5dl) li:where(.svelte-10cr5dl):before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:-1;background:#0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:skew(-12deg);transition:all .12s ease-out}.lower.svelte-10cr5dl ul.genres:where(.svelte-10cr5dl) li:where(.svelte-10cr5dl):before{background:#40e0ffb0}.lower.svelte-10cr5dl ul.genres:where(.svelte-10cr5dl) li:where(.svelte-10cr5dl):hover{cursor:auto;padding:0 .8em;color:#000}.lower.svelte-10cr5dl ul.genres:where(.svelte-10cr5dl) li:where(.svelte-10cr5dl):hover:before{background:#fff}.browse.svelte-10mak8{display:flex;flex-flow:row wrap;justify-content:center;gap:1rem}
