@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--color-primary: ;--color-secondary: ;--color-accent: ;--color-gradient-bg: linear-gradient( rgba(20, 71, 129, .5), rgba(41, 56, 8, .8) );--color-gradient-components: linear-gradient( rgba(148, 173, 199, .1), rgba(117, 153, 198, .2) );--color-bg-base: ;--color-bg-layer: ;--color-bg-muted: ;--color-bg-accent: #9bb4bf;--color-bg-base-hover: rgba(148, 173, 199, .3);--color-bg-layer-hover: ;--color-bg-muted-hover: ;--color-text-base: #ffffff;--color-text-muted: #dedede;--color-text-dark: #003349;--font-brand: ;--font-body: "Nunito";--font-ui: ;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-md: 1.125rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 1.875rem;--font-3xl: 2.25rem;--font-4xl: 3rem;--font-5xl: 4rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 10px rgba(0, 27, 48, .55)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}html,body{width:100vw;overflow-x:hidden}body{min-height:100vh;width:100%;background:var(--color-gradient-bg),url(/memory-game/assets/background-YzD4Tx0L.jpg) center/cover no-repeat}main{width:100vw;display:flex;justify-content:center}img{width:200px}header{width:100vw;heigt:200px;padding:2rem;font-family:var(--font-body);font-size:var(--font-xl);font-weight:700;color:#ffcf20;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.header__logo{width:300px;margin-bottom:.5rem}.header__highscore{position:absolute;right:50px}.header__progress{color:var(--color-text-base);font-size:var(--font-md)}.poke-card__container{height:210px;padding:2rem 1rem 1rem;background:var(--color-gradient-components);border-radius:.5rem;border:solid var(--color-bg-accent) 1px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;cursor:pointer}.poke-card__sprite{width:100px;margin-bottom:1.6rem}.poke-card__name{font-size:var(--font-base);font-weight:400;color:var(--color-text-base);text-align:center}.gameboard__container{width:80vw;display:grid;grid-template-columns:repeat(auto-fit,150px);justify-content:center;gap:2rem;padding:1rem;box-sizing:border-box}.primary-btn{min-width:5rem;padding:.5rem 1rem;color:var(--color-text-dark);font-size:var(--font-sm);font-weight:700;background-color:var(--color-text-base);border:none;border-radius:2rem}.primary-btn:hover{background-color:var(--color-text-muted)}.secondary-btn{min-width:5rem;padding:.4rem 1rem;color:var(--color-text-base);font-size:var(--font-sm);background:none;border:solid 2px var(--color-text-base);border-radius:2rem}.secondary-btn:hover{background-color:var(--color-bg-base-hover)}.primary-btn,.secondary-btn{cursor:pointer}.dialog__backdrop{width:100%;height:100%;position:fixed;top:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}dialog{width:25vw;min-height:30vh;padding:2rem 2rem 1.5rem;margin:0 auto;color:var(--color-text-base);text-align:center;background:var(--color-gradient-components);border:solid 1px var(--color-bg-accent);border-radius:.5rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.dialog__btn-wrapper{width:100%;margin-top:2rem;display:flex;justify-content:center;gap:.5rem}.dialog-level-select form label{margin-bottom:.5rem;display:flex;gap:1rem}.dialog-level-select input[type=radio]{accent-color:var(--color-bg-accent)}