@font-face{font-family:Atkinson Hyperlegible Bold;font-style:normal;font-weight:700;font-display:swap;src:url(/memory-game/assets/AtkinsonHyperlegible-Bold-6n8_6IxO.woff2) format("woff2")}:root{--color-white: 0 100% 100%;--color-black: 0 0% 0%;--color-grey-100: 0 0% 95%;--color-grey-50: 0 0% 99%;--color-blue-950: 206 45% 15%;--color-blue-800: 205 30% 27%;--color-blue-400: 203 22% 55%;--color-blue-350: 205 37% 55%;--color-blue-300: 203 28% 79%;--color-blue-100: 203 25% 90%;--color-orange-400: 37 98% 54%;--color-orange-300: 36 100% 65%;--ff-base: "Atkinson Hyperlegible Bold", sans-serif;--fw-bold: 700;--lh-regular: 1.25;--ls-regular: 0px;--ls-expanded: 5px;--fs-900: 3.5rem;--fs-800: 3rem;--fs-750: 2.75rem;--fs-700: 2.5rem;--fs-600: 2rem;--fs-550: 1.625rem;--fs-500: 1.5rem;--fs-450: 1.25rem;--fs-400: 1.125rem;--fs-300: 1rem;--fs-200: .9375rem;--fs-150: .875rem;--fs-100: .8125rem;--fs-50: .6875rem;--space-1000: 5rem;--space-900: 4.5rem;--space-800: 4rem;--space-700: 3.5rem;--space-600: 3rem;--space-500: 2.5rem;--space-400: 2rem;--space-300: 1.5rem;--space-200: 1rem;--space-150: .75rem;--space-100: .5rem;--space-50: .25rem;--space-25: .125rem;--space-0: 0;--br-900: 50%;--br-500: 35px;--br-400: 26px;--br-300: 20px;--br-200: 10px;--br-100: 5px}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,ol,ul,figure,picture{margin:0}input,button,textarea,select{font-family:inherit;font-size:inherit}button{border:none;background:transparent;font:inherit;color:inherit;padding:0;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}img,svg,picture{max-width:100%;display:block}body{min-inline-size:20rem;min-block-size:100dvb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}:root{--color-background-primary: hsl(var(--color-grey-50));--color-background-secondary: hsl(var(--color-blue-950));--color-background-highlighted: hsl(var(--color-blue-950));--color-background-active: hsl(var(--color-blue-350));--color-background-current: hsl(var(--color-orange-400));--color-background-selected: hsl(var(--color-blue-800));--color-background-accent: hsl(var(--color-blue-100));--color-background-option: hsl(var(--color-blue-300));--color-background-tile-top: hsl(var(--color-blue-800));--color-background-tile-paired: hsl(var(--color-blue-300));--color-background-button-highlighted: hsl(var(--color-orange-400));--color-background-button-highlighted-active: hsl(var(--color-orange-300));--color-background-dialog: hsl(var(--color-grey-100));--color-background-backdrop: hsl(var(--color-black) / .5);--color-text-primary: hsl(var(--color-blue-800));--color-text-secondary: hsl(var(--color-grey-50));--color-text-highlighted: hsl(var(--color-grey-50));--color-text-active: hsl(var(--color-white));--color-text-current: hsl(var(--color-grey-50));--color-text-label: hsl(var(--color-blue-400));--color-text-value: hsl(var(--color-blue-800));--color-text-heading: hsl(var(--color-blue-950));--color-text-subheading: var(--color-text-label);--inline-size-app-max: 1024px;--inline-size-app-gutter: var(--space-300);--block-size-app-padding: var(--space-300);--inline-size-start-max: 654px;--button-block-size: 52px;--button-block-size-big: 70px;--button-block-size-menu: 40px;--button-inline-size-primary: 127px;--button-inline-size-secondary: 149px;--button-inline-size-big: 100%;--button-inline-size-full: 100%;--inline-size-game-header-max: 1110px;--inline-size-game-main-max: 572px;--inline-size-game-footer-max: 1116px;--inline-size-game-gutter: var(--space-300);--text-preset1-fs: var(--fs-900);--text-preset2-fs: var(--fs-800);--text-preset3-fs: var(--fs-750);--text-preset4-fs: var(--fs-700);--text-preset5-fs: var(--fs-600);--text-preset6-fs: var(--fs-550);--text-preset7-fs: var(--fs-500);--text-preset8-fs: var(--fs-450);--text-preset9-fs: var(--fs-400);--text-preset10-fs: var(--fs-300);--text-preset11-fs: var(--fs-200);--text-preset12-fs: var(--fs-150);--text-preset13-fs: var(--fs-100);--text-preset13-ls: var(--ls-expanded);--text-preset14-fs: var(--fs-50)}.text-preset1{font-size:var(--text-preset1-fs)}.text-preset2{font-size:var(--text-preset2-fs)}.text-preset3{font-size:var(--text-preset3-fs)}.text-preset4{font-size:var(--text-preset4-fs)}.text-preset5{font-size:var(--text-preset5-fs)}.text-preset6{font-size:var(--text-preset6-fs)}.text-preset7{font-size:var(--text-preset7-fs)}.text-preset8{font-size:var(--text-preset8-fs)}.text-preset9{font-size:var(--text-preset9-fs)}.text-preset10{font-size:var(--text-preset10-fs)}.text-preset11{font-size:var(--text-preset11-fs)}.text-preset12{font-size:var(--text-preset12-fs)}.text-preset13{font-size:var(--text-preset1-fs);letter-spacing:var(--text-preset1-ls)}body,body[data-theme=primary]{color:var(--color-text-primary);background-color:var(--color-background-primary);font-family:var(--ff-base);font-weight:var(--fw-bold);line-height:var(--lh-regular);letter-spacing:var(--ls-regular);padding:0}body[data-theme=secondary]{color:var(--color-text-secondary);background-color:var(--color-background-secondary)}.app{inline-size:100%}.app__container{--inline-size-max: var(--inline-size-app-max, 1024px);--inline-size-gutter: var(--inline-size-app-gutter, 1.5rem);--block-size-padding: var(--block-size-app-padding, 1.5rem);min-block-size:100svb;display:grid;align-content:center;padding-block:var(--block-size-padding)}.app__container>*{inline-size:min(100% - 2 * var(--inline-size-gutter),var(--inline-size-max));margin-inline:auto}dialog{opacity:0;translate:0 25vh;transition-duration:.5s;transition-property:display opacity overlay;transition-behavior:allow-discrete}dialog[open]{opacity:1;translate:0 0}dialog::backdrop{opacity:0;transition-duration:.5s;transition-property:display opacity overlay;transition-behavior:allow-discrete}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]{opacity:0;translate:0 -25vh}dialog[open]::backdrop{opacity:0}}.fade-enter-active[data-v-17d5a592],.fade-leave-active[data-v-17d5a592]{transition:opacity .1s}.fade-enter-from[data-v-17d5a592],.fade-leave-to[data-v-17d5a592]{opacity:0}.app__logo[data-v-a0134742]{text-transform:lowercase}.button[data-v-3ba44b0f]{--_button-font-size: var(--button-font-size, inherit);--_button-line-height: var(--button-line-height, inherit);--_button-color: var(--button-color, var(--color-text-primary));--_button-color-active: var(--button-color-active, var(--color-text-active));--_button-background: var(--button-background, var(--color-background-accent));--_button-background-active: var(--button-background-active, var(--color-background-active));--_button-border-radius: var(--button-border-radius, var(--br-400));--_button-inline-padding: var(--button-inline-padding, var(--space-200));--_button-inline-size: var(--button-inline-size, fit-content);--_button-block-size: var(--button-block-size, 52px);display:block grid;place-content:center;border-radius:var(--_button-border-radius);background:var(--_button-background);color:var(--_button-color);text-decoration:none;font-size:var(--_button-font-size);line-height:var(--_button-line-height);padding-inline:var(--_button-inline-padding);inline-size:var(--_button-inline-size);block-size:var(--_button-block-size)}.button[data-v-3ba44b0f]:hover,.button[data-v-3ba44b0f]:focus-visible{background:var(--_button-background-active);color:var(--_button-color-active)}.button[data-v-3ba44b0f]:focus-visible{outline-offset:2px;outline:2px dashed var(--_button-background-active)}.button--highlighted[data-v-3ba44b0f]{--button-color: var(--color-text-highlighted);--button-background: var(--color-background-button-highlighted);--button-background-active: var(--color-background-button-highlighted-active)}.button--big[data-v-3ba44b0f]{--button-block-size: var(--button-block-size-big);--button-inline-size: var(--button-inline-size-big);--button-border-radius: var(--br-500)}.button--full[data-v-3ba44b0f]{--button-inline-size: var(--button-inline-size-full)}.button--menu[data-v-3ba44b0f]{--button-block-size: var(--button-block-size-menu);--button-inline-padding: 18.5px}.game-card[data-v-adf71271]{background:var(--color-background-primary);color:var(--color-text-primary);border-radius:var(--br-200);padding-inline:25.5px;padding-block:24.5px}.game-card-fieldset[data-v-adf71271]{padding:0;margin:0;border:0}.game-card-fieldset[data-v-adf71271]:not(:last-of-type){margin-block-end:var(--space-300)}.game-card-legend[data-v-adf71271]{padding:0;margin:0;margin-block-end:var(--space-200);color:var(--color-text-label);font-size:var(--text-preset11-fs)}.game-card-fieldset-options[data-v-adf71271]{display:flex;gap:var(--space-100)}.game-card-fieldset-options[data-v-adf71271]>*{flex:1}.game-card-label[data-v-adf71271]{cursor:pointer;background:var(--color-background-option);color:var(--color-text-secondary);font-size:var(--text-preset10-fs);border-radius:var(--br-400);block-size:var(--space-500);display:block grid;place-content:center;position:relative}.game-card-label>input[type=radio][data-v-adf71271]{cursor:pointer;position:absolute;margin:0;padding:0;opacity:0;block-size:1em;inline-size:1em;top:50%;left:50%;transform:translate(-50%) translateY(-50%);z-index:1}.game-card-label>span[data-v-adf71271]{display:block}.game-card-label[data-v-adf71271]:hover,.game-card-label[data-v-adf71271]:has(:focus-visible){background:var(--color-background-active)}.game-card-label[data-v-adf71271]:has(:focus-visible){outline:2px dashed var(--color-background-active);outline-offset:2px}.game-card-label[data-v-adf71271]:has(:checked){background:var(--color-background-selected)}.button--start-game[data-v-adf71271]{margin-block-start:var(--space-500);--button-font-size: var(--text-preset9-fs);--button-block-size: 48px;--button-border-radius: var(--br-400)}@media (min-width: 40rem){.game-card[data-v-adf71271]{border-radius:var(--br-300);padding-inline:54.5px;padding-block:57px}.game-card-fieldset[data-v-adf71271]:not(:last-of-type){margin-block-end:var(--space-400)}.game-card-fieldset-options[data-v-adf71271]{gap:var(--space-400)}.game-card-fieldset-options--tight[data-v-adf71271]{gap:var(--space-300)}.game-card-legend[data-v-adf71271]{font-size:var(--text-preset8-fs)}.game-card-label[data-v-adf71271]{font-size:var(--text-preset6-fs);block-size:52px}.button--start-game[data-v-adf71271]{margin-block-start:var(--space-400);--button-font-size: var(--text-preset5-fs);--button-block-size: 70px;--button-border-radius: var(--br-500)}}.app__container[data-v-a037c5c3]{--inline-size-max: var(--inline-size-start-max);gap:var(--space-600)}.app__header[data-v-a037c5c3]{text-align:center}.app__logo[data-v-a037c5c3]{font-size:var(--text-preset5-fs)}@media (min-width: 40rem){.app__container[data-v-a037c5c3]{gap:var(--space-1000)}.app__logo[data-v-a037c5c3]{font-size:var(--text-preset4-fs)}}.nav-menu menu[data-v-b8c077b7]{margin:0;padding:0;display:flex;gap:var(--space-200)}.nav-menu--mobile menu[data-v-b8c077b7]{display:grid}.nav-menu menu>li[data-v-b8c077b7]{list-style:none}.menu-dialog[data-v-b8c077b7]{border:0;border-radius:var(--br-200);background:var(--color-background-dialog);inline-size:calc(100% - 2 * var(--space-300))}.menu-dialog[data-v-b8c077b7]::backdrop{background:var(--color-background-backdrop)}.gameboard-tile[data-v-79cd9129]{--_tile-border-radius: var(--tile-border-radius, var(--br-900));aspect-ratio:1 / 1;inline-size:100%;perspective:600px}.gameboard-tile__label[data-v-79cd9129]{position:relative;display:block;block-size:100%;inline-size:100%;transition:transform .25s;transform-style:preserve-3d}.gameboard-tile__face[data-v-79cd9129]{position:absolute;block-size:100%;inline-size:100%;backface-visibility:hidden;border-radius:var(--_tile-border-radius)}.gameboard-tile__face--front[data-v-79cd9129]{background:var(--color-background-tile-top)}.gameboard-tile__face--back[data-v-79cd9129]{background:var(--color-background-tile-paired);color:var(--color-text-secondary);transform:rotateY(180deg);display:grid;place-content:center}.gameboard-tile--highlighted .gameboard-tile__face--back[data-v-79cd9129]{background:var(--color-background-current)}.gameboard-tile__label[data-v-79cd9129]:has(:checked){transform:rotateY(180deg)}.gameboard-tile:has(:hover) .gameboard-tile__face--front[data-v-79cd9129],.gameboard-tile:has(:focus-visible) .gameboard-tile__face--front[data-v-79cd9129]{background:var(--color-background-active)}.gameboard-tile:has(:focus-visible) .gameboard-tile__face--front[data-v-79cd9129]{outline:2px dashed var(--color-background-active);outline-offset:2px}.gameboard-tile__input[data-v-79cd9129]{cursor:pointer;position:absolute;margin:0;padding:0;opacity:0;block-size:100%;inline-size:100%;z-index:1}.gameboard-tile__value[data-v-79cd9129]{font-size:var(--text-preset4-fs)}.gameboard--6x6 .gameboard-tile__value[data-v-79cd9129]{font-size:var(--text-preset7-fs)}.gameboard-tile svg[data-v-79cd9129]{inline-size:100%;block-size:100%;padding:18.75px}.gameboard--6x6 .gameboard-tile svg[data-v-79cd9129]{padding:11px}@media (min-width: 40rem){.gameboard-tile__value[data-v-79cd9129]{font-size:var(--text-preset1-fs)}.gameboard--6x6 .gameboard-tile__value[data-v-79cd9129]{font-size:var(--text-preset3-fs)}.gameboard-tile svg[data-v-79cd9129]{padding:31px}.gameboard--6x6 .gameboard-tile svg[data-v-79cd9129]{padding:21px}}.gameboard[data-v-90d3bec0]{--_gameboard-size: var(--gameboard-size, 4);display:grid;grid-template-columns:repeat(var(--_gameboard-size),1fr);gap:var(--space-150)}.gameboard--6x6[data-v-90d3bec0]{--gameboard-size: 6;gap:var(--space-100)}@media (min-width: 40rem){.gameboard[data-v-90d3bec0]{gap:var(--space-300)}.gameboard--6x6[data-v-90d3bec0]{--gameboard-size: 6;gap:var(--space-200)}}.stat__container[data-v-30e7ac46]{background:var(--color-background-accent);padding:10.5px 13.5px;border-radius:var(--br-100);display:grid;justify-items:center;max-inline-size:255px}.stat__container--current[data-v-30e7ac46]{position:relative;background:var(--color-background-current)}.stat__container--current[data-v-30e7ac46]:before{--arrow-size: 8px;position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-100%);content:"";width:0;height:0;border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid var(--color-background-current)}.stat__label[data-v-30e7ac46]{font-size:var(--text-preset11-fs);color:var(--color-text-label)}.stat__value[data-v-30e7ac46]{font-size:var(--text-preset7-fs)}.stat__container--current .stat__label[data-v-30e7ac46],.stat__container--current .stat__value[data-v-30e7ac46]{color:var(--color-text-current)}@media (min-width: 40rem){.stat__container[data-v-30e7ac46]{padding:16px 22.5px;border-radius:var(--br-200);display:flex;justify-content:space-between;align-items:center}.stat__container--multiplayer[data-v-30e7ac46]{display:grid;justify-items:start;row-gap:var(--space-100)}.stat__label[data-v-30e7ac46]{font-size:var(--text-preset9-fs)}.stat__value[data-v-30e7ac46]{font-size:var(--text-preset5-fs)}}@media (min-width: 60rem){.stat__container--multiplayer[data-v-30e7ac46]{display:flex;justify-content:space-between;align-items:center}.stat__container--current[data-v-30e7ac46]:after{content:"current turn";color:var(--color-text-heading);font-size:var(--text-preset13-fs);letter-spacing:var(--text-preset13-ls);text-transform:uppercase;position:absolute;inline-size:max-content;bottom:0;left:50%;transform:translate(-50%) translateY(calc(100% + var(--space-300)))}}.footer-inner[data-v-c6d924b4]{display:flex;justify-content:center;gap:var(--space-300)}.footer-inner[data-v-c6d924b4]>*{flex:1}@media (min-width: 40rem){.footer-inner[data-v-c6d924b4]{gap:var(--space-400)}}.footer-inner[data-v-f3237608]{display:flex;gap:var(--space-300);justify-content:center}.footer-inner[data-v-f3237608]>*{flex:1}@media (min-width: 40rem){.footer-inner[data-v-f3237608]{display:flex;gap:var(--space-400)}}.end-game-dialog[data-v-4844dfea]{border:0;border-radius:var(--br-200);background:var(--color-background-dialog);inline-size:min(654px,100% - 2 * var(--space-300));padding:28px 24px}.end-game-dialog[data-v-4844dfea]::backdrop{background:var(--color-background-backdrop)}.end-game-dialog__container[data-v-4844dfea]{display:grid;gap:var(--space-300)}.end-game-dialog__header[data-v-4844dfea]{display:grid;gap:var(--space-100);justify-items:center}.end-game-dialog__heading[data-v-4844dfea]{color:var(--color-text-heading);font-size:var(--text-preset7-fs)}.end-game-dialog__description[data-v-4844dfea]{color:var(--color-text-subheading);font-size:var(--text-preset12-fs)}.end-game-dialog__stats[data-v-4844dfea],.stats-group__values[data-v-4844dfea]{display:grid;gap:var(--space-100)}.end-game-dialog__menu[data-v-4844dfea]{margin:0;padding:0;display:grid;gap:var(--space-200);grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.end-game-dialog__menu>li[data-v-4844dfea]{list-style:none}.button--end-game-dialog[data-v-4844dfea]{--button-font-size: var(--text-preset9-fs);--button-block-size: 48px;--button-border-radius: var(--br-400)}@media (min-width: 40rem){.end-game-dialog[data-v-4844dfea]{border-radius:var(--br-300);padding:59.5px 55px}.end-game-dialog--multiplayer[data-v-4844dfea]{padding:55.5px 55px}.end-game-dialog__container[data-v-4844dfea]{gap:var(--space-500)}.end-game-dialog--multiplayer .end-game-dialog__container[data-v-4844dfea]{gap:var(--space-700)}.end-game-dialog__stats[data-v-4844dfea],.stats-group__values[data-v-4844dfea]{gap:var(--space-200)}.end-game-dialog__heading[data-v-4844dfea]{font-size:var(--text-preset2-fs)}.end-game-dialog__description[data-v-4844dfea]{font-size:var(--text-preset9-fs)}.button--end-game-dialog[data-v-4844dfea]{--button-font-size: var(--text-preset8-fs);--button-block-size: 52px}}.stat__container[data-v-21de40f8]{background:var(--color-background-accent);padding:10.5px 13.5px;border-radius:var(--br-100);display:flex;justify-content:space-between;align-items:center}.stat-container--best[data-v-21de40f8]{background:var(--color-background-option)}.stat__label[data-v-21de40f8]{font-size:var(--text-preset12-fs);color:var(--color-text-label)}.stat-container--best .stat__label[data-v-21de40f8]{color:var(--color-text-value);font-size:var(--text-preset14-fs)}.stat__value[data-v-21de40f8]{font-size:var(--text-preset8-fs);color:var(--color-text-value)}.stat-container--best .stat__value[data-v-21de40f8]{font-size:var(--text-preset11-fs)}.stat__tag[data-v-21de40f8]{display:inline-block;text-transform:uppercase;background:var(--color-background-highlighted);color:var(--color-text-highlighted);padding:var(--space-25) var(--space-100);margin-inline-start:var(--space-100);font-size:var(--text-preset14-fs);border-radius:var(--br-500)}.stat__container--highlight[data-v-21de40f8]{background:var(--color-background-highlighted)}.stat__container--highlight .stat__label[data-v-21de40f8],.stat__container--highlight .stat__value[data-v-21de40f8]{color:var(--color-text-highlighted)}@media (min-width: 40rem){.stat__container[data-v-21de40f8]{padding:16px 22.5px;border-radius:var(--br-200)}.stat__label[data-v-21de40f8]{font-size:var(--text-preset9-fs)}.stat__value[data-v-21de40f8]{font-size:var(--text-preset5-fs)}}.end-game-dialog__bests[data-v-fa5b2537]{display:grid;gap:var(--space-100)}.end-game-dialog__bests .stats-group__values[data-v-fa5b2537]{display:grid;row-gap:var(--space-100);column-gap:var(--space-200);grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.end-game-dialog__bests .stats-group__heading[data-v-fa5b2537]{color:var(--color-text-label);font-size:var(--text-preset11-fs)}@media (min-width: 40rem){.end-game-dialog__bests .stats-group__heading[data-v-fa5b2537]{font-size:var(--text-preset8-fs)}}.app__container[data-v-85657354]{gap:var(--space-600)}.app__header[data-v-85657354]{--inline-size-max: var(--inline-size-game-header-max);display:flex;justify-content:space-between;align-items:center}.app__main[data-v-85657354]{--inline-size-max: var(--inline-size-game-main-max)}.app__footer[data-v-85657354]{--inline-size-max: var(--inline-size-game-footer-max)}.app__logo[data-v-85657354]{font-size:var(--text-preset7-fs)}@media (min-width: 40rem){.app__container[data-v-85657354]{gap:var(--space-1000)}.app__logo[data-v-85657354]{font-size:var(--text-preset4-fs)}}