#wrapper{display:inline-grid;grid-template-columns:repeat(11,1fr);gap:2px}#wrapper div{font-size:2rem;width:60px;aspect-ratio:1;background-color:#f08080;color:#FFF;font-weight:700;text-align:center;line-height:60px}#wrapper div[data-index="0_1"],#wrapper div[data-index="1_0"]{background-color:orange}#wrapper div[data-index="0_2"],#wrapper div[data-index="2_0"]{background-color:#FFB300}#wrapper div[data-index="0_3"],#wrapper div[data-index="3_0"]{background-color:#ff0}#wrapper div[data-index="0_4"],#wrapper div[data-index="4_0"]{background-color:#32CD32}#wrapper div[data-index="0_5"],#wrapper div[data-index="5_0"]{background-color:green}#wrapper div[data-index="0_6"],#wrapper div[data-index="6_0"]{background-color:teal}#wrapper div[data-index="0_7"],#wrapper div[data-index="7_0"]{background-color:#00f}#wrapper div[data-index="0_8"],#wrapper div[data-index="8_0"]{background-color:navy}#wrapper div[data-index="0_9"],#wrapper div[data-index="9_0"]{background-color:purple}#wrapper div[data-index="0_10"],#wrapper div[data-index="10_0"]{background-color:#ff00ff}#wrapper .accent{background-color:red}