*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;height:auto;vertical-align:middle;font-style:italic}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--_hue-primary: 350;--_hue-secondary: 260;--bkg--light: var(--_hue-secondary) 25% 95%;--txt--light: var(--_hue-primary) 40% 5%;--accent--light: var(--_hue-primary) 70% 60%;--muted--light: var(--_hue-secondary) 10% 80%;--bkg--dark: var(--_hue-secondary) 15% 10%;--txt--dark: var(--_hue-primary) 15% 90%;--accent--dark: var(--_hue-primary) 80% 70%;--muted--dark: var(--_hue-secondary) 15% 30%;--bkg: var(--bkg--light);--txt: var(--txt--light);--accent: var(--accent--light);--muted: var(--muted--light);color-scheme:light}:root :focus-visible{outline:solid 1px hsl(var(--accent) / .5)}@media (prefers-color-scheme: dark){:root{--bkg: var(--bkg--dark);--txt: var(--txt--dark);--accent: var(--accent--dark);--muted: var(--muted--dark);color-scheme:dark}}body{color:hsl(var(--txt));background-color:hsl(var(--bkg));max-width:64rem;margin:2rem auto;padding:0 1rem}header{display:flex;flex-direction:column;gap:1rem;text-align:center}main{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-top:2rem}button{background-color:#fff;padding:1rem;overflow:hidden;border:3px solid hsl(var(--accent));border-radius:.75rem;cursor:pointer}.scores{display:flex;gap:2rem;padding:1rem;background-color:hsl(var(--accent));border-radius:.75rem;color:#fff;justify-content:center;font-weight:700;font-size:1.25rem}