html,button{font-family:"Jersey 10",sans-serif;font-size:calc(24px + 1.25vw);font-style:normal;font-weight:400}button{cursor:pointer}.board button{font-size:1.5rem}li{list-style:none}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{justify-content:center;align-items:center;min-height:100vh;display:flex}.game{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.board-and-status{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.row{display:flex}.cell{width:2rem;height:2rem}.history{flex-direction:column;place-content:center;align-items:center;display:flex}ol{padding:0}li,li button{width:100%}h3{margin:0}.music{position:absolute;top:1rem;right:1rem}.music .toggle img{width:1.75rem;height:1.75rem}:root{--color-x:#b4202a;--color-o:#285cc4;--primary-color:#fff;--secondary-color:#060608;--sub-secondary-color:#333941}html{color:var(--secondary-color)}body{background-color:var(--primary-color)}button{background-color:var(--primary-color);border:.25rem solid var(--secondary-color)}button:focus{outline:none}li:not(:first-child) button{border-top:none}.history button:hover,.board .cell:hover{border-bottom:.5rem solid var(--secondary-color)}.row:not(:first-child) .cell{border-top:none}.row .cell:not(:first-child){border-left:none}.x{color:var(--color-x)}.o{color:var(--color-o)}.music button.toggle{border:none}.music button.toggle:hover{border-bottom:.25rem solid var(--secondary-color)}@media (width<=640px){html,button{font-size:calc(32px + 2vw)}.game{flex-direction:column;margin:4rem}.board-and-status{margin:1rem}}