.mc { flex:1; display:grid; grid-template-columns:repeat(var(--n),1fr); grid-template-rows:repeat(var(--n),1fr); border-top:1px solid #9a9aa5; border-left:1px solid #9a9aa5; min-height:0; }
.mc .c { border-right:1px solid #9a9aa5; border-bottom:1px solid #9a9aa5; display:flex; align-items:center; justify-content:center; font-weight:600; font-size:calc(70cqw / var(--n) * .42); min-width:0; }
.mc .hd, .mc .corner { background:var(--accent); color:#fff; font-weight:800; }
.mc .alt { background:color-mix(in srgb, var(--accent) 10%, #fff); }
.mc .sq { background:color-mix(in srgb, var(--accent) 26%, #fff); font-weight:800; }