.a5ir5c0{justify-content:space-between;align-items:center;gap:var(--utils-space-3);margin-bottom:var(--utils-space-4);flex-wrap:wrap;display:flex}
.a5ir5c1{font-size:var(--utils-fontSize-lg);font-weight:700}
.a5ir5c2{gap:var(--utils-space-2);display:flex}
.a5ir5c3{aspect-ratio:1;border:3px solid var(--utils-color-borderStrong);border-radius:var(--utils-radius-sm);width:min(100%,560px);box-shadow:var(--utils-shadow-md);grid-template-columns:repeat(8,1fr);margin:0 auto;display:grid;overflow:hidden}
.a5ir5c4{cursor:pointer;background:#ebecd0;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}
.a5ir5c4[data-dark=true]{background:#779556}
.a5ir5c4[data-last=true]{box-shadow:inset 0 0 0 100px #ffdc5052}
.a5ir5c4[data-selected=true]{box-shadow:inset 0 0 0 100px #ffdc508c}
.a5ir5c4[data-legal=true]:after{content:"";background:#1428144d;border-radius:50%;width:28%;height:28%;position:absolute}
.a5ir5c4:focus-visible{outline:3px solid var(--utils-color-accent);z-index:2}
.a5ir5c5{z-index:1;text-shadow:0 1px 2px #00000080;font-family:Arial,sans-serif;font-size:clamp(28px,7vw,56px);line-height:1;position:relative}
.a5ir5c5[data-color=w]{color:#fff;-webkit-text-stroke:1px #333}
.a5ir5c5[data-color=b]{color:#222}
.a5ir5c6{justify-content:center;align-items:center;gap:var(--utils-space-2);margin-top:var(--utils-space-4);flex-wrap:wrap;display:flex}
.a5ir5c6 button{min-width:44px;min-height:44px;font-size:var(--utils-fontSize-2xl)}
.a5ir5c7{margin-top:var(--utils-space-4);color:var(--utils-color-textMuted);font-size:var(--utils-fontSize-sm)}