:root{--square-size:34px;--square-border:#999}.board{border-right:1px solid var(--square-border);border-bottom:1px solid var(--square-border);width:max-content;display:grid}.square{border:0;border-top:1px solid var(--square-border);border-left:1px solid var(--square-border);height:var(--square-size);font-size:24px;font-weight:700;line-height:var(--square-size);text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:var(--square-size);background:#fff;padding:0}.square-fail{background:red}.square-highlight{background:#d6d6d6}.around-1{color:#00f}.around-2{color:green}.around-3{color:red}.around-4{color:#00008b}.around-5{color:brown}.around-6{color:teal}.around-7{color:#000}.around-8{color:#a9a9a9}.smiley{font-size:40px}.timer{font-size:41px}.no-flag-mode{filter:grayscale()}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:20px;padding:0;font-family:sans-serif}h1{margin-top:0;font-size:22px}h2{margin-top:0;font-size:20px}h3{margin-top:0;font-size:18px}h4{margin-top:0;font-size:16px}h5{margin-top:0;font-size:14px}h6{margin-top:0;font-size:12px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:1.2em}ul{padding-left:20px}