*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select,dialog,form,label{font:inherit;color:inherit;outline:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}ul,ol{list-style-position:inside}a{text-decoration:none;color:inherit}button{all:unset}button,label[for]:not(:has(+:is(input,select,textarea):disabled)),select,option,input[type=checkbox],::-webkit-search-cancel-button,::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{cursor:pointer}label{display:block}@font-face{font-family:Terraria;src:url(/fonts/TerrariaFont.TTF) format("truetype");font-weight:400;font-style:normal}body{--darkness: .3;font-family:Terraria;color:#fff;text-shadow:0 0 3px #000;background:linear-gradient(rgba(0,0,0,var(--darkness))),url(/terraria-background.webp);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;image-rendering:pixelated}.screen{min-height:100svh;display:flex;flex-direction:column}.screen:has(.main-menu){justify-content:center}.container{width:min(85%,1300px);margin:0 auto}.row{display:flex}.col{display:flex;flex-direction:column}img{image-rendering:pixelated}*{-webkit-tap-highlight-color:transparent}.main-loading{display:grid;place-content:center;font-size:3rem;height:100svh}.logo-container{width:50%;position:relative;animation:floatLogo 18s linear infinite;transform-origin:center}.logo-container:before{content:"Memory Cards!!";position:absolute;font-size:1.75rem;right:0;bottom:-1.5em;animation:widen 2s ease infinite both alternate}.logo{width:100%}.main-menu{display:flex;flex-direction:column;align-items:center;flex:1;margin:8em auto;gap:3em}.menu__btns{align-items:center;justify-content:center;flex:1}.menu__btn{font-size:2.5rem;width:100%;text-align:center;padding:.5em}@media (width <= 576px){.main-menu{margin:3em auto}.logo-container{width:100%}.logo-container:before{font-size:1rem}.menu__btn{font-size:1.75rem;padding:.25em}}@keyframes floatLogo{0%{transform:scale(1) rotate(0)}12.5%{transform:scale(1.025) rotate(2deg)}25%{transform:scale(1.05) rotate(0)}37.5%{transform:scale(1.025) rotate(-2deg)}50%{transform:scale(1) rotate(0)}62.5%{transform:scale(.975) rotate(2deg)}75%{transform:scale(.95) rotate(0)}87.5%{transform:scale(.975) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes widen{0%{letter-spacing:normal;transform:scale(1)}to{letter-spacing:2px;transform:scale(1.05)}}body:has(.game-main){--darkness: .5}.game-main{flex:1;display:flex;align-items:center}.game-main>*{flex:1}.game-header,.collections-header{justify-content:space-between;font-size:2rem;padding:.8em 0;gap:.4em}.game-header>*,.collections-header>*{flex:1;text-align:center}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,14.5svw,16%),1fr));gap:1em;margin:0 auto 2em}.card{background-color:var(--clr-card-background);opacity:.8;border:1px solid black;padding:.5em .5em 0;clip-path:var(--clip-path);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:flex;flex-direction:column;justify-content:space-between}.card__img-container{aspect-ratio:1;background-color:var(--clr-card-foreground);display:flex;justify-content:center;align-items:center;clip-path:inherit}.card__img{width:70%;aspect-ratio:1;object-fit:contain}.card__name{text-align:center;font-size:clamp(1em,1svw,4em);flex:1;display:grid;place-content:center;padding:1em 0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:1000;display:flex;justify-content:center;align-items:center}.game-end.lose{background:linear-gradient(#0009,#00000040),url(/corruption-background.webp)}.game-end.win{background:linear-gradient(#00000080),url(/hallow-background.png)}.game-end{width:min(90%,800px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em 0;font-size:3rem;background-color:var(--clr-card-foreground);clip-path:var(--clip-path);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;image-rendering:pixelated}@media (width <= 576px){.game-header,.collections-header{font-size:1.2rem}.game-end{font-size:1.5rem}}@media (hover: hover) and (pointer: fine){.card:hover{transform:translateY(-5px)}button:hover{color:var(--clr-text-hover)}}#root{--clr-card-background: #232748;--clr-card-foreground: #2f2f6b;--clr-btn: #2e3271;--clr-text-hover: #fed600;--step: 2%;--clip-path: polygon( 0% var(--step), var(--step) var(--step), var(--step) 0%, calc(100% - var(--step)) 0%, calc(100% - var(--step)) var(--step), 100% var(--step), 100% calc(100% - var(--step)), calc(100% - var(--step)) calc(100% - var(--step)), calc(100% - var(--step)) 100%, var(--step) 100%, var(--step) calc(100% - var(--step)), 0% calc(100% - var(--step)) )}.card-info-container{width:fit-content;background-color:var(--clr-card-background);font-size:2rem;clip-path:var(--clip-path);justify-content:space-between;box-shadow:0 0 16px 5px #000c;margin:0 1em;line-height:1.7}.card-info-container .card:hover{color:#fff;transform:none;cursor:default}.card-info__right{padding:.4em}.card-info__close-btn{float:right;font-size:1.3em;height:1em;display:flex;align-items:center}@media (width <= 576px){.card-info-container{flex-direction:column;width:60%;font-size:1.4rem}}
