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

.container{
    max-width:900px;
    margin:auto;
    padding:20px;
    text-align:center;
}

#board{
    width:min(90vw,640px);
    margin:20px auto 10px auto;
}

#status{
    margin-top:15px;
    font-size:1.2rem;
}

.hidden{
    display:none;
}

#success{
    margin-top:5px;
}

#coordinates{
    font-size:1.2rem;
    margin:15px 0;
}

button{
    padding:10px 20px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-size:1rem;
}

button:hover{
    opacity:.9;
}

/* Barra superior */

#top-bar{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:10px 0 20px;
}

#top-bar button{
    width:58px;
    height:35px;

    margin:0;
    padding:0;

    font-size:.9rem;
    font-weight:bold;
}

/* Botón volver */

.back-btn{
    font-size:1.1rem !important;
    font-weight:900 !important;
}

/* Botón copiar coordenadas */

#copyBtn{
    padding:6px 12px;
    font-size:.9rem;
    font-weight:bold;
    min-height:35px;
}