a{color:currentColor;transition:text-decoration-color var(--duration-short);text-decoration-color:#0000}a:hover{text-decoration-color:currentColor}a:has(.icon){transition:var(--duration-medium)}a:has(.icon):hover{transform:rotate(1turn)}@scope(footer){:scope{padding:var(--space-sm);color:var(--color-contentMuted);background-color:var(--color-base);justify-content:center;display:flex}.copyright:after{margin:var(--space-sm);content:"|"}a:hover{color:var(--color-content)}}@scope(.card){:scope{gap:var(--space-xs);padding:var(--space-xs);padding-bottom:var(--space-sm);text-align:center;text-transform:capitalize;cursor:pointer;background-color:var(--color-base);box-shadow:var(--shadow-medium);transition:all var(--duration-short);flex-direction:column;display:flex}:scope:hover{box-shadow:var(--shadow-lighter);transform:scale(1.0625)translateY(-1rem)}@media (width>=640px){:scope{gap:var(--space-sm);padding:var(--space-lg)}}:scope:has(.error) h2{font-size:var(--fs-md)}.img-wrapper{background-color:var(--color-baseSecondary);align-content:center;min-height:8.25rem}img{image-rendering:pixelated;justify-self:center}.sprite{width:95%}.loader{animation:spin var(--duration-medium) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}}@scope(.grid){:scope{--size-min:148px;grid-template-columns:repeat(auto-fit, minmax(var(--size-min), 1fr));gap:var(--space-sm) var(--space-xs);display:grid}@media (width>=720px){:scope{gap:var(--space-md) var(--space-sm);max-width:720px;margin:0 auto}}@media (width>=1000px) and (height>640px){:scope{--size-min:200px;gap:var(--space-lg) var(--space-md);max-width:1000px}}}@scope(.scoreboard){:scope{gap:var(--space-xxs);flex-wrap:wrap;flex-basis:1rem;display:flex}@media (width>=640px){:scope{gap:var(--space-xs);flex-wrap:nowrap}}p{gap:var(--space-xs);padding:var(--space-xxs) var(--space-xs);color:var(--color-contentHeaderMuted);background-color:var(--color-accentDarker);box-shadow:inset var(--shadow-darker);flex-basis:100%;justify-content:space-between;align-items:center;display:flex}.score{font:var(--font-heading);color:var(--color-contentHeader);text-shadow:var(--shadow-darker)}}@scope(header){:scope{padding:var(--space-xs) var(--space-sm);font-family:var(--ff-bold);font-weight:var(--fw-bold);color:var(--color-contentHeader);background-color:var(--color-accent);border-bottom:var(--space-xxs) solid var(--color-shadow);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{font:var(--font-logo);text-shadow:var(--shadow-darker)}a{text-decoration:none}}@scope(main){:scope{gap:var(--space-sm);padding:var(--space-xs);padding-bottom:var(--space-sm);background-color:var(--color-baseSecondary);flex-direction:column;justify-content:center;display:flex}@media (width>=640px){:scope{gap:var(--space-lg)}}@media (height>1000px){:scope{gap:var(--space-xxl)}}p{width:fit-content;padding:var(--space-xs) var(--space-sm);color:var(--color-contentMuted);text-align:center;background-color:var(--color-base);box-shadow:var(--shadow-medium);align-self:center}}*,:before,:after{box-sizing:border-box}*{padding:0;line-height:calc(1em + .5rem)}*:not(dialog){margin:0}body{-webkit-font-smoothing:antialiased;tab-size:4}canvas,img,picture,svg,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,input:is([type=checkbox],[type=radio]),select{cursor:pointer}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}#root{isolation:isolate}@font-face{font-family:Ari-W9500;src:url(/memory-card-game/assets/Ari-W9500-BncyA0fC.woff2);font-display:swap}@font-face{font-family:Ari-W9500 Bold;src:url(/memory-card-game/assets/Ari-W9500Bold-UZP5il7S.woff2);font-display:swap}@font-face{font-family:Ari-W9500 Display;src:url(/memory-card-game/assets/Ari-W9500Display-DAMGQNX6.woff2);font-display:swap}:root{--color-base:oklch(100% 0 0);--color-baseSecondary:oklch(from var(--color-base) calc(l - .06) c h);--color-content:oklch(15% 0 0);--color-contentMuted:oklch(from var(--color-content) calc(l + .2) c h);--color-accent:oklch(55% .22 29);--color-accentDarker:oklch(from var(--color-accent) calc(l - .33) c h);--color-contentHeader:oklch(100% 0 0);--color-contentHeaderMuted:oklch(from var(--color-accent) calc(l + .25) calc(c - .18) h);--color-shadow:oklch(0% 0 0/.25);--color-shadowDarker:oklch(from var(--color-shadow) l c h / calc(alpha + .25));--color-shadowLighter:oklch(from var(--color-shadow) l c h / calc(alpha - .2));--shadow-darker:0 var(--space-xxs) var(--color-shadowDarker);--shadow-medium:0 var(--space-xxs) var(--color-shadow);--shadow-lighter:0 .875rem var(--color-shadowLighter);--space-xxs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-xxl:2rem;--duration-short:.25s ease;--duration-medium:.75s ease;--ff:Ari-W9500;--ff-bold:"Ari-W9500 Bold";--ff-display:"Ari-W9500 Display";--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fw-regular:400;--fw-bold:700;--font-body:var(--fw-regular) var(--fs-md) var(--ff);--font-heading:var(--fw-bold) var(--fs-lg) var(--ff-bold);--font-logo:var(--fw-bold) var(--fs-xl) var(--ff-display);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-base:oklch(30% 0 0);--color-content:oklch(95% 0 0);--color-contentMuted:oklch(from var(--color-content) calc(l - .15) c h);--color-shadowLighter:oklch(from var(--color-shadow) l c h / calc(alpha - .16))}}#root{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0 1fr);min-height:100dvh;font:var(--font-body);color:var(--color-content);display:grid}h2{font:var(--font-heading)}