.pat-pads { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; max-width: 340px; margin: 1rem auto; }
.pat-pad {
    aspect-ratio: 1; border: none; border-radius: 20px; cursor: pointer;
    opacity: .6; transition: opacity .1s, transform .1s;
    box-shadow: 0 5px 0 rgba(0, 0, 0, .15);
}
.pat-pad.lit { opacity: 1; transform: scale(1.04); }
.pat-pad:active { transform: scale(.98); }
.p0 { background: #ff5d8f; }
.p1 { background: #4dabf7; }
.p2 { background: #69db7c; }
.p3 { background: #ffd43b; }