@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.25;-webkit-font-smoothing:antialiased;font-family:Fredoka,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}ul,ol{margin:0;padding:0}:root{--bg: hsl(0, 50%, 10%);--bg-dark: hsl(0, 50%, 5%);--bg-light: hsl(0, 50%, 15%);--border: hsl(0, 50%, 30%);--border-dark: hsl(0, 50%, 20%);--text: hsl(0, 50%, 90%);--text-muted: hsl(0, 50%, 65%);--color-tertiary: hsl(60, 80%, 80%);--color-accent: hsl(300, 80%, 80%);--gradient: linear-gradient(0deg, var(--bg) 95%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--shadow: 0px 2px 2px hsla(0, 0%, 0%, .07), 0px 4px 4px hsla(0, 0%, 0%, .15);--highlight: hsl(0, 50%, 60%)}body{background-color:var(--bg-dark);color:var(--text)}.Gameboard{padding:32px;display:flex;flex-direction:column;align-items:center;gap:32px}.CharactersDiv{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.headerDiv{text-align:center}.headerDiv h1{font-size:3rem;color:var(--color-tertiary)}.headerDiv p{font-size:2rem;margin-top:8px}.characterCard{background:var(--gradient);border:1px solid var(--border);border-top:1px solid var(--highlight);border-radius:50%;width:250px;padding:30px;aspect-ratio:1/1;display:flex;transition:transform .1s ease-in}.characterCard:hover{background:var(--gradient-hover);transform:translate(2px,-2px);cursor:pointer}.characterCard img{border-radius:50%}.scoreCounter{max-width:fit-content;padding:16px;background-color:var(--bg);border:1px solid var(--border);border-radius:8px}.popup-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:var(--bg);border:2px solid var(--border);border-radius:16px;padding:48px;text-align:center;max-width:500px;animation:popupAppear .3s ease-out}@keyframes popupAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.popup h2{font-size:2.5rem;margin-bottom:16px;color:var(--color-tertiary)}.popup p{font-size:1.5rem;margin-bottom:24px}.popup button{background:var(--gradient);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:16px 32px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease}.popup button:hover{background:var(--gradient-hover);transform:translateY(-2px)}.loading{font-size:2rem;color:var(--color-tertiary)}