@font-face{font-family:Chewy;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/chewy@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/chewy@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--width: 100vmin;--max-width: 95%;--player-1-color: #0ea5e9;--player-2-color: #e11d48;--default-color: rgba(0, 0, 0, .25)}@media screen and (min-width: 700px){:root{--width: 70vmin;--max-width: 62rem}}html,body,.game{width:100%;min-height:100vh;position:relative;font-size:1rem;line-height:1.5;font-family:Chewy,sans-serif}.game{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.game__header{width:var(--width);max-width:var(--max-width);display:flex;align-items:center;flex-direction:column;gap:.75rem}.game__controls{width:100%;display:flex;flex-wrap:wrap;gap:.5rem 5vmin}.game__title{width:100%;flex:1;text-align:center}.game__title h1{font-size:clamp(1.5rem,4vmin,2rem)}.game__reset-btn,.game__next-round-btn{flex:1;width:100%;height:2.25rem;display:flex;align-items:center;gap:0 .75rem;outline:none;appearance:none;background-color:transparent;padding:0 .5rem;border-radius:.5rem;border:1px solid var(--default-color);box-shadow:0 .5vmin 0 var(--default-color);transition:transform .2s cubic-bezier(.3,.8,.5,1);transform-origin:bottom;cursor:pointer;font-family:inherit}.game__difficulty{flex:1;width:100%;height:2.25rem;min-width:fit-content;display:flex;align-items:center;outline:none;appearance:none;background-color:transparent;border-radius:.5rem;border:1px solid var(--default-color);box-shadow:0 .5vmin 0 var(--default-color);transition:transform .2s cubic-bezier(.3,.8,.5,1);transform-origin:bottom;position:relative}.game__difficulty select{width:100%;height:100%;min-width:fit-content;border:none;outline:none;appearance:none;background-color:transparent;cursor:pointer;font-family:inherit;padding-left:2.5rem}.game__difficulty .icon{position:absolute;left:.5rem;appearance:none;pointer-events:none}:where(.game__reset-btn,.game__next-round-btn,.game__difficulty):hover{transform:scale(.98)}:where(.game__reset-btn,.game__next-round-btn,.game__difficulty):active{transform:scale(.95)}.game__board{width:var(--width);height:var(--width);max-width:var(--max-width);max-height:var(--max-width);display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:5vmin}.game__scoreboard{width:var(--width);max-width:var(--max-width);display:flex;align-items:center;gap:5vmin}.score{width:100%;display:flex;align-items:center;justify-content:center;gap:0 .5rem;padding:.5rem;border-radius:.5rem;border:1px solid var(--default-color);box-shadow:0 .5vmin 0 var(--default-color);font-size:.825rem}.score--player-1{--default-color: var(--player-1-color)}.score--player-2{--default-color: var(--player-2-color)}@media screen and (min-width: 600px){.score{font-size:1rem}}.cell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:5%;border:1px solid var(--default-color);box-shadow:0 2vmin 0 var(--default-color);transition:transform .2s cubic-bezier(.3,.8,.5,1);cursor:pointer}.cell--player-1{--default-color: var(--player-1-color)}.cell--player-2{--default-color: var(--player-2-color)}.cell:hover{transform:scale(.97)}.cell:active{transform:scale(.95)}.markup{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.markup .icon{width:50%;height:50%;image-rendering:auto}