*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}@media only screen and (width <= 56.25em){html{font-size:50%}}@media only screen and (width <= 37.5em){html{font-size:31.25%}}@media only screen and (width >= 112.5em){html{font-size:93.75%}}body{box-sizing:border-box}canvas{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}body{color:#e8ce06;font-family:ZCOOL KuaiLe,cursive,Arial;height:inherit;margin:0;overflow:hidden;padding:0}.main-title{font-size:6.4rem}@media only screen and (width <= 37.5em){.main-title{text-align:center}}.second-title{font-size:3.4rem}.btn,.btn:link,.btn:visited{background:#192313;border:none;border-radius:1rem;color:#fb8455;cursor:pointer;font-family:inherit;font-size:1.6rem;padding:.8rem 1.6rem;text-decoration:none;transition:all .2s}.btn:active,.btn:focus{box-shadow:0 .5rem 1rem #e8ce06;outline:none}.btn:hover{background:#000;color:#fdcdba;transform:scale(1.2)}.btn--continue{background:#0c0c0c;max-width:12rem}.btn--rounded{align-items:center;border-radius:20%;display:flex;font-size:2.4rem;height:4rem;justify-content:center;padding:unset;width:4.8rem}.btn--large{background-color:rgba(25,35,19,0);font-size:2.4rem;padding:1.2rem 4.8rem}.input{background:#192313;border:none;border-radius:20%;color:#fb8455;font-size:2.4rem;height:4rem;max-width:25rem;outline:none;text-align:center;transition:all .2s ease;width:100%}.input:hover{background:#000;color:#fdcdba}.alert-box{background-color:rgba(25,35,19,.9);border-radius:1.6rem;display:none;left:50%;max-width:45rem;padding:2.4rem;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%);width:100%}.alert-box__text{color:#fb8455;font-size:3.4rem}.alert-box__btn{margin-top:2.4rem}.start-menu{align-items:center;gap:2.4rem;position:absolute;top:50%;transform:translateY(-50%);width:100%}.start-menu,.start-menu__btns{display:flex;flex-direction:column}.start-menu__btns{gap:2rem}.navigation{display:none;gap:2.4rem;padding:2.4rem 4rem}.board-dimension{display:none;left:50%;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%)}.board-dimension .input__service{align-items:center;display:flex;gap:2.4rem;justify-content:center;margin:3.2rem}.canvas-wrapper{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.canvas-wrapper__canvas{display:block;margin:0 auto}.canvas-wrapper__scores{display:flex;gap:32px;justify-content:center;padding-top:24px}.canvas-wrapper__score{font-size:2.4rem;text-align:center}.game-warapper{height:100vh;left:0;position:absolute;top:0;width:100%}