#wgn-cp-game{
    max-width:600px;
    margin:0 auto;
    text-align:center;
}

/* GRID */
#wgn-cp-grid{
    display:grid;
    gap:6px;
    margin:20px auto;
    width:100%;
    max-width:520px;
}

/* CÉLULAS */
.wgn-cp-cell{
    background:#111;
    color:#fff;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    border-radius:6px;

    font-size:clamp(12px, 2vw, 20px);
}

/* MOBILE */
@media(max-width:600px){

    #wgn-cp-grid{
        max-width:100%;
        gap:4px;
    }

    .wgn-cp-cell{
        font-size:12px;
    }

}