*{
    box-sizing:border-box;
}

html,body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow:hidden;
}

body{
    background:#111;
    color:white;
    font-family:Arial,sans-serif;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:10px;
}

#score{
    font-size:24px;
    font-weight:bold;
}

#game{
    width:min(90vw,90vh);
    height:min(90vw,90vh);

    max-width:600px;
    max-height:600px;

    aspect-ratio:1/1;

    display:block;

    background:#222;
    border:3px solid white;
}

#gameOverScreen{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    background:#1a1a1a;
    border:3px solid white;
    border-radius:15px;

    padding:30px 40px;

    text-align:center;
    z-index:10;
}

.hidden{
    display:none;
}

#restartBtn{
    padding:10px 24px;
    font-size:18px;
    font-weight:bold;
    border:none;
    border-radius:10px;
    cursor:pointer;
}