@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.start-screen{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;gap:1rem;background-color:var(--black);padding:2rem;border-radius:1rem;box-shadow:0 4px 8px var(--shadow);background:radial-gradient(circle,var(--black),var(--black-accent));background-position:center;margin:1rem}.start-screen h1{color:var(--white);font-size:4rem;text-shadow:0 0 4px var(--white)}.start-screen .buttons{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;gap:1rem}@media (max-width: 768px){.start-screen h1{font-size:2rem}.start-screen .buttons{flex-direction:column}}.memory-card{width:100px;height:100px;border-radius:10px;border-style:solid;box-shadow:0 4px 8px var(--shadow);display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;cursor:pointer;margin:10px;transition:.5s;font-size:2.5rem;text-shadow:0 0 4px var(--shadow)}.memory-card.flipped{transform:rotateY(360deg);background-color:var(--black);background:radial-gradient(circle,var(--black),var(--black-accent))}.memory-card.guessed{cursor:default;background-color:var(--black);background:radial-gradient(circle,var(--black),var(--black-accent));border-color:var(--highlight1);transform:rotateY(360deg)}.memory-card:not(.flipped):not(.guessed){transform:rotateY(0);color:var(--black)!important;background-color:var(--white);background:radial-gradient(circle,var(--white),var(--gray));border-color:var(--black)}.memory-card:not(.flipped):not(.guessed):hover{border-color:var(--highlight1);color:var(--highlight1)!important;background-color:var(--shadow)}.memory-card.small{width:80px;height:80px;font-size:1.5rem}@media screen and (max-width: 768px){.memory-card{width:80px;height:80px;font-size:1.5rem}.memory-card.small{width:60px;height:60px;font-size:1rem}}@media screen and (max-width: 600px){.memory-card{width:60px;height:60px;font-size:1rem}.memory-card.small{width:50px;height:50px;font-size:1rem}}.game{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;flex-grow:1;width:100%;padding-top:2rem;padding-bottom:2rem}.game .game-header{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;margin-bottom:1rem}.game .game-header .timer{color:var(--white);font-size:5rem;text-shadow:0 0 4px var(--shadow)}.game .game-header .btn{box-shadow:0 4px 8px var(--shadow)}.game .game-board{width:100%;display:flex;justify-content:center;align-items:center;align-content:center}.game .game-board .game-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){.game .game-board .game-grid{grid-template-columns:repeat(4,minmax(80px,1fr))}}@media screen and (max-width: 600px){.game .game-board .game-grid{grid-template-columns:repeat(4,minmax(60px,1fr))}}@media screen and (max-width: 400px){.game .game-board .game-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}}.game .game-board .game-grid.large{grid-template-columns:repeat(10,minmax(80px,1fr))}@media screen and (max-width: 768px){.game .game-board .game-grid.large{grid-template-columns:repeat(5,minmax(60px,1fr))}}@media screen and (max-width: 600px){.game .game-board .game-grid.large{grid-template-columns:repeat(5,minmax(60px,1fr))}}@media screen and (max-width: 400px){.game .game-board .game-grid.large{grid-template-columns:repeat(5,minmax(50px,1fr))}}.header{width:100%;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;padding:1rem;gap:.5rem;text-shadow:0 0 4px var(--shadow)}.header h1{color:var(--white);font-size:1.5rem}.header p{color:var(--white);font-size:1rem}.header .separator{width:1px;height:1.5rem;background-color:var(--white);box-shadow:0 0 4px var(--shadow)}.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.25rem;padding-bottom:.25rem;text-shadow:0 0 4px var(--shadow)}.footer p{color:var(--white);font-size:1rem;text-shadow:0 0 4px var(--shadow)}.footer a{color:var(--highlight1);text-shadow:0 0 4px var(--highlight1);font-size:1rem;text-decoration:none;transition:all .3s}.game-history{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;gap:1rem;background-color:var(--black);padding:2rem;border-radius:1rem;box-shadow:0 4px 8px var(--shadow);background:radial-gradient(circle,var(--black),var(--black-accent));background-position:center}.game-history h1{color:var(--white);font-size:2rem;text-shadow:0 0 4px var(--white)}.game-history .game-history-table{width:-moz-fit-content;width:fit-content;gap:1rem;border:1px solid var(--white);border-radius:1rem;padding:1rem;border-collapse:collapse}.game-history .game-history-table .entry{border:1px solid var(--white);gap:1rem;width:100%}.game-history .game-history-table .entry td{border:1px solid var(--white);padding:.5rem;text-align:center}.game-history .game-history-table .entry td .correct{color:var(--highlight1)}.game-history .game-history-table .entry th{border:1px solid var(--white);padding:.5rem;color:var(--highlight1);text-align:center}.game-history .navigation{display:flex;justify-content:center;align-items:center;align-content:center;gap:1rem}@media (max-width: 768px){.game-history .game-history-table{width:100%}.game-history .game-history-table .entry th,.game-history .game-history-table .entry td{font-size:.8rem;padding:.1rem}}@media (max-width: 600px){.game-history h1{font-size:1.5rem}.game-history .game-history-table .entry th,.game-history .game-history-table .entry td{font-size:.7rem;padding:.1rem}.game-history .game-history-table .optional{display:none}}.win-screen{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;gap:1rem;background-color:var(--black);padding:2rem;border-radius:1rem;margin:1rem;box-shadow:0 4px 8px var(--shadow);background:radial-gradient(circle,var(--black),var(--black-accent));background-position:center}.win-screen h1{color:var(--white);font-size:4rem;text-shadow:0 0 4px var(--white)}@media (max-width: 768px){.win-screen h1{font-size:2rem}}:root{--shadow: #00000070;--black: #2D2A32;--black-accent: #131118;--highlight1: #DDD92A;--highlight2: #EAE151;--warning: #ea5151;--contrast: #EEEFA8;--white: #FAFDF6;--gray: #969696;overflow-x:hidden}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--black);width:100%;min-height:100vh;overflow-x:hidden;color:var(--white);text-align:center}.page-container{display:flex;justify-content:space-between;align-items:center;flex-direction:column;min-height:100vh}.main{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column}.btn{border:none;border-radius:1rem;padding:.5rem 1rem;font-size:1rem;background-color:var(--highlight1);color:var(--black);transition:all .3s;font-weight:700;cursor:pointer}.btn:hover{background-color:var(--contrast);color:var(--black)}.btn:focus{outline:none}.btn:active{transform:scale(.95)}.btn:disabled{filter:saturate(.1);transform:scale(1);cursor:not-allowed}.background-pattern{background-image:url(/assets/bg-CA2vttFD.svg);background-size:25%;position:fixed;left:50%;top:0;translate:-50% 0%;z-index:-2;height:100%;width:100%;min-width:1200px;opacity:.5;animation:pan 60s linear infinite;will-change:background-position}.background-overlay{background:radial-gradient(circle,transparent 50%,var(--black-accent));position:fixed;left:0;top:0;width:100%;height:100%;opacity:.9;z-index:-1}strong{font-weight:700;color:var(--highlight1)}.mistakes{color:var(--warning)}@keyframes pan{0%{background-position:0% 0%}to{background-position:100% 0%}}.error{display:flex;justify-content:center;align-items:center;align-content:center;width:100%;min-height:100vh}.error .error-content{display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;gap:1rem;background-color:var(--black);padding:2rem;border-radius:1rem;box-shadow:0 4px 8px var(--shadow);background:radial-gradient(circle,var(--black),var(--black-accent));background-position:center;margin:1rem}.error .error-content h1{color:var(--warning);font-size:4rem;text-shadow:0 0 4px var(--warning)}@media (max-width: 768px){.error .error-content h1{font-size:2rem}}