body{margin:0;background:#000;font-family:monospace;min-height:100%;display:flex;flex-direction:column}.game{max-width:400px;width:100%;margin:auto auto 0}.btn{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;font:inherit;border:1px solid;font-weight:bold;border-radius:2px;padding:5px 10px;color:#aaa}.board{border:4px solid #537078}.row{display:flex;border-bottom:2px solid #537078}.row:nth-child(3n){border-bottom:4px solid #537078}.row:last-child{border-bottom:none}.cell{width:11.11111%;border-right:2px solid #537078;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.cell:nth-child(3n){border-right:4px solid #537078}.cell:last-child{border-right:none}.cell::before{content:"";display:block;padding-bottom:100%}.cell::after{content:attr(data-value);position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;font-family:inherit;font-weight:bold;font-size:24px;color:#60c1ee;line-height:1}.cell.key::after{color:#b5b8bd}.cell.highlight{background:#092741}.cell.same{background:#1b401e}.cell.selected{background:#36474f}.cell.error::after{color:#f51414}.cell:hover{background:#444}.candidates-container{display:flex;flex-wrap:wrap;position:absolute;top:0;left:0;right:0;bottom:0}.candidate{width:33.3333%;position:relative;visibility:hidden;color:#666;font-family:inherit;font-size:14px}.candidate.visible{visibility:visible}.candidate.valid{color:#999}.candidate::before{content:"";display:block;padding-bottom:100%}.candidate::after{content:attr(data-value);width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;line-height:0}@media screen and (max-width: 767px){.candidate{font-size:11px}}.controls{margin-top:20px;position:relative}.pads-container{display:flex;justify-content:space-between;align-items:flex-start}.pad{display:flex;flex-wrap:wrap;width:130px;margin-top:-2px;margin-left:-2px;border:4px solid rgba(0,0,0,0)}.pad__btn{width:calc((100% - 6px)/3);color:#fff;margin-top:2px;margin-left:2px;position:relative;font-family:inherit;border-radius:2px;transition:filter .2s;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pad__btn:active{filter:brightness(0.5)}.pad__btn::before{content:"";display:block;padding-bottom:100%}.pad__btn::after{content:attr(data-value);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pad__btn_candidate{background:#009eff;font-size:80%}.pad__btn_candidate.active{background:rgb(0,126.4,204)}.pad__btn_candidate.disabled{background:rgba(153,216.2,255,.9)}.pad__btn_value{background:green;font-size:120%}.pad__btn_value.active{background:#00b300}.pad__btn_value.disabled{background:rgba(179,255,179,.9)}.pad__btn_value.finished{background:hsla(120,100%,115.0980392157%,.6)}.show-toolbar{position:absolute;top:0;left:50%;transform:translateX(-50%)}.toolbar{display:flex;flex-direction:column;max-width:150px}.new-game-label{color:#fff;margin:20px 0;text-align:center;font-weight:bold;text-transform:uppercase;font-size:120%}.new-game-btn{display:block;width:100%;color:#ddd}.new-game-btn+.new-game-btn{margin-top:20px}