.grid { 
    display: inline-flex; 
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)); 
    gap: 0.2vw; 
}

.inputDigit { 
    width: 5vw; 
    height: 5vh; 
    font-size: clamp(1rem, 1rem, 2rem); 
    text-align: center; 
    border: 0.15rem solid #ccc; 
    border-radius: 0.3rem; 
    -moz-appearance: textfield;
    appearance: textfield;
}

.inputDigit::-webkit-inner-spin-button, .inputDigit::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.correct { 
    background-color: lightgreen; 
    pointer-events: none;
}

input.wrong-position { 
    background-color: orange; 
}

.stats { 
    width: 100%;
    font-size: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.guess-line { 
    display: flex; 
    gap: 1rem; 
    margin-top: 1rem; 
}

.close { 
    color: #aaa; 
    font-size: 28px; 
    font-weight: bold; 
}

.close:hover,
.close:focus { 
    color: black; 
    text-decoration: none; 
    cursor: pointer; 
}

.gameContent {
	border: 0.2rem solid black;
	padding: 1rem;
	background-color: white;
    margin: 1rem;
	border-radius: 0.5rem;
	width: 100%;
    text-align: center;
}

.board {
    height: 55vh;
}

.wins {
    width: 50%;
    float: left;
}

.point {
    text-align: right;
}