:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}a{text-decoration:none;color:#07f}button{margin:10px;border-radius:7px;padding:5px 15px;border-style:none}body{display:flex;flex-direction:column;align-items:center}.root-grid{display:grid;grid-template-columns:1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-rows:1fr 10px 1fr 10px 1fr 10px 1fr;height:100vh;aspect-ratio:1/1}.sub-grid{display:grid;grid-template-columns:1fr 5px 1fr 5px 1fr 5px 1fr;grid-template-rows:1fr 5px 1fr 5px 1fr 5px 1fr;background-color:#fff;color:#000}.cell{background-color:gray;text-align:center}