#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}*,:after,:before{border:0 solid #e3e3e3;box-sizing:border-box;font-family:pixel-art,sans-serif}div{display:flex}.board{display:flex;border:4px outset #fff;margin:4px;padding:8px;flex-direction:column;background-color:#ddd}.board .header{border:4px inset #fff;background-color:#ddd;margin-bottom:8px;padding:4px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.observerFace{font-size:28px;line-height:30px;width:42px;height:42px;align-items:center;justify-content:center;border:4px outset #fff;padding:4px}.field{display:flex;border:4px inset #fff;padding:0;flex-direction:column;align-items:center;align-self:center}.field .row{flex-direction:row}.field .cell{width:28px;height:28px;font-size:18px;line-height:30px;border:4px outset #fff;background-color:#ddd;align-items:center;justify-content:center;font-weight:700;padding:0;margin:0}.field .cell.revealed{transition:.25s;background-color:#ccc;border:2px solid #bbb}.cell-1{color:#2f0cdb}.cell-2{color:#47731b}.cell-3{color:#c71d0a}.cell-4{color:#19046c}.cell-5{color:#5e0a05}.cell-6{color:#487f7f}.cell-7,.cell--1{color:#000}.cell-8{color:#6f6f6f}.display{background-color:#000}.display .seven-segment{margin:1px}:root{font-family:pixel-art,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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:pixel-art,sans-serif;font-weight:400;font-style:normal}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:pixel-art;src:url(/fonts/Jersey25-Regular.woff2) format("woff2"),url(/fonts/Jersey25-Regular.woff) format("woff"),url(/fonts/Jersey25-Regular.ttf) format("truetype")}