html{font-size:16px}body{background-color:#f7efdf}@media screen and (max-height: 750px){body{background-color:#9a1436}}@media screen and (max-width: 590px){body{background-color:#9a1436}}*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}.nunito-bold{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.bg{position:absolute;border:4px solid #3a001d;background-color:#9a1436;border-radius:20px;z-index:0;width:80vw;height:78vh;top:11vh;right:10vw}@media screen and (max-height: 750px){.bg{display:none}}@media screen and (max-width: 590px){.bg{display:none}}.square{height:min(25vw,9rem);width:min(25vw,9rem);aspect-ratio:1 / 1;background-color:#fff;color:#3a001d;border:none;cursor:pointer;font-size:5rem;align-items:center;justify-content:center;display:flex}.board{background-color:#3a001d;padding:2px;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px 2px;justify-items:center;align-items:center}.wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.game{z-index:1;gap:10px;display:flex;flex-direction:column;min-width:50vw;min-height:80vh;margin:auto;justify-content:space-between;align-items:center}.title{border:4px solid #3a001d;color:#3a001d;background-color:#fffaf0;border-radius:20px;padding:0 2rem;text-align:center;font-size:clamp(3.1rem,8vw,5rem);width:min(500px,90vw)}.status{color:#3a001d;font-size:clamp(2em,6vw,4em)}.buttons{border:4px solid #3a001d;color:#3a001d;background-color:#fffaf0;border-radius:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;width:min(90vw,400px)}.icon{height:3rem;width:3rem}.icon-button{background:none;border:none;cursor:pointer}