*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.appBar h3{position:absolute;z-index:1;color:darkgreen}.loader p{color:darkgreen}#btnRules,#btnSettings,#btnNew{display:block}.content{position:absolute;top:0}.content canvas{// border:none}#level{position:absolute;top:0;right:8vw;width:min(100px,8vw)}#settings{display:flex;flex-direction:column;height:90vh;overflow:auto}#settings h3{text-align:center}#settings #niveauJeu{margin-bottom:10px}#settings figure{text-align:center;border-radius:5px;cursor:pointer;padding:5px;border:solid #fff0 10px;display:flex;align-items:center}.navDrawer #settings h3 {text-align: center;font-size: clamp(0.5rem, 50px, 1rem);margin: 0;}#settings #niveauJeu figcaption {font-size: clamp(0.5rem, 50px, 1rem);}#settings #niveauJeu figure>img{max-width:10vw;padding-right:1vw}#settings #niveauJeu figcaption img{width:min(40px, 3vw);vertical-align:middle}#settings figure:hover{background:rgb(255 255 255 / .5)}#settings input[type="radio"]:checked+label figure{border:solid red 10px;border-radius:5px;box-sizing:border-box;color:#fff;background:rgb(255 255 255 / .5)}input{display:none;cursor:pointer}#rules p img{max-width:150px}#rules p span{font-family:icons;font-size:large}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}