@import url(https://fonts.googleapis.com/css2?family=Ubuntu);.loader,.loader-back{top:0;bottom:0;left:0;right:0;position:fixed}#numbers-cont,.button-container,.logo{-webkit-box-orient:horizontal}#elapsed-time,#numbers-cont button.oth,.button-container button.opt{background-color:#313670}.micn,p#message{font-weight:400}.loader,.loader-back,.panel{position:fixed}.micn{font-family:'Material Icons';font-style:normal;font-size:21px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;vertical-align:middle;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Ubuntu,sans-serif;margin:0;padding:0;background-color:#ffefef}.loader-back{background:#f2f6ff}.loader{width:70px;height:70px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.square,.square .side{width:20px;height:20px}.button-container,.logo,header{display:-webkit-box;display:-ms-flexbox}#elapsed-time{font-size:24px;font-weight:700;color:#fff;padding:5px;border-radius:5px;-webkit-box-shadow:2px 2px 5px rgba(23,23,23,.192);box-shadow:2px 2px 5px rgba(23,23,23,.192)}.square{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;-webkit-animation:1s cubic-bezier(.68,-.55,.265,1.55) infinite both flip-horizontal-bottom;animation:1s cubic-bezier(.68,-.55,.265,1.55) infinite both flip-horizontal-bottom}.square:first-child{-webkit-animation-delay:0s;animation-delay:0s}.square:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.square:nth-child(3){-webkit-animation-delay:.8s;animation-delay:.8s}.square:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s}.square:nth-child(5){-webkit-animation-delay:1.6s;animation-delay:1.6s}.square:nth-child(6){-webkit-animation-delay:2s;animation-delay:2s}.square:nth-child(7){-webkit-animation-delay:2.4s;animation-delay:2.4s}.square:nth-child(8){-webkit-animation-delay:2.8s;animation-delay:2.8s}.square:nth-child(9){-webkit-animation-delay:3.2s;animation-delay:3.2s}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}100%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}.square .side{-webkit-box-shadow:0 0 2px rgba(23,23,23,.192);box-shadow:0 0 2px rgba(23,23,23,.192);background:#4c54ab}header{background-color:#4c54ab;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:flex;padding:3px 6px}header *{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.logo{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.logo img{max-width:45px}header h1{margin:1px;font-size:25pt}header p{text-align:right}.closebtn,.panel,td,td input{text-align:center}.button-container{display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-gap:7px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:7px auto;width:95%}.button-container button,.container,div#board-cont{-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;-webkit-box-direction:normal}.button-container button{margin-bottom:5px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;letter-spacing:2px;display:flex;-ms-flex-direction:column;flex-direction:column;padding:5px 13px;font-size:15px;font-weight:700;text-align:center;text-decoration:none;border:none;border-radius:4px;color:#fff;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.button-container button:hover{opacity:.7}.button-container.b-header{margin-left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.button-container.b-header button{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:100px}.container{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}div#board-cont{display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:6px}#numbers-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;grid-gap:3px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}#keyboardBtn,.just-print,.panel{display:none}#numbers-cont button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;background-color:#5860be;border-radius:15px;padding:1px;color:#fff;cursor:pointer;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.275);box-shadow:2px 2px 5px rgba(0,0,0,.275);height:45px;font-size:20px;-webkit-box-flex:8%;-ms-flex:8%;flex:8%}#numbers-cont button:hover{background-color:#646dcf}#numbers-cont button:active{background-color:#4d55a8}p#message{margin:0;min-height:20px}table{border:5px solid #fff;-webkit-box-shadow:5px 5px 10px #3336;box-shadow:5px 5px 10px #3336;background-color:#f9f9f9;border-collapse:collapse;margin:5px auto}.fixed{background-color:#d8dbe0;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.275);box-shadow:2px 2px 5px rgba(0,0,0,.275)}.selected,td.selected{background-color:#add8e6}td{width:60px;height:60px;border:1px solid #ccc;font-size:23px;cursor:pointer}.fixed:hover{opacity:.6}.downlighted{background-color:#e6ebef;-webkit-box-shadow:inset 0 0 10px rgba(255,255,255,.701);box-shadow:inset 0 0 10px rgba(255,255,255,.701)}.downlighted input{background-color:rgba(245,255,255,.801);-webkit-box-shadow:inset 0 0 10px rgba(255,255,255,.701);box-shadow:inset 0 0 10px rgba(255,255,255,.701)}.highlighted{background-color:#ffffcd;font-weight:700}.highlighted.downlighted input{background-color:#ffffc4}td input{width:100%;height:100%;border:none;background-color:transparent;font-size:20px;font-weight:300;outline:0}td input:hover{background-color:#fefef1}td input:focus{background-color:#fffff7;border:3px solid #fff155}td input.fixed{color:#333;font-weight:700}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}td:nth-child(3),td:nth-child(6){border-right-width:2px;border-right-color:#888}tr:nth-child(3) td,tr:nth-child(6) td{border-bottom-width:2px;border-bottom-color:#888}td.wrong input{background-color:#ff9d9d!important}.button-container button.diff{background-color:#4caf50}.button-container button.diff:hover{background-color:#45a049}.button-container button.mini{max-width:30px}.button-container button.opt:hover{background-color:#252958}.button-container button.act{background-color:#d4d4d4;color:#000}.button-container button.act:hover{background-color:#c2c2c2}button:active{background-color:#3e8e41}.button-container button.diff.med{background-color:#d89e00}.button-container button.diff.hard{background-color:#e05e2a}.fade-out{-webkit-animation:1s ease-out both fade-out;animation:1s ease-out both fade-out}.panel{width:95%;height:auto;margin:auto;background-color:#f5f5f5;border-radius:5px;-webkit-box-shadow:0 0 15px #0006;box-shadow:0 0 15px #0006;padding:10px;max-width:500px;overflow-y:auto;overflow-x:hidden;max-height:600px}.panel h2{margin:2px}.panel button{width:100%;max-width:200px;border:none;padding:5px;border-radius:5px;background-color:#4caf50;color:#fff;font-weight:700;cursor:pointer}.panel button:hover{opacity:.8}.panel button:active{background-color:#357c38}.closebtn{width:25px;margin-left:calc(100% - 22px);background-color:#ff8989;padding:1px 3px;border-radius:15px;color:#fff}.closebtn:hover{background-color:#8b0000}.closebtn:before{content:"✖"}@media (max-width:1100px){.button-container{grid-gap:2px;margin:1px auto;width:95%}header h1{font-size:18pt}}@media (max-width:900px){td{width:calc((95vw - 100px)/ 9);height:calc((95vw - 100px)/ 9);font-size:22px}#keyboardBtn{display:block}header h1{margin:1px;font-size:15pt}#printBtn{display:none}}@media (max-width:600px){.container{padding:10px 2px 2px}table{font-size:14px}td{width:calc(95vw / 9);height:calc(95vw / 9);font-size:22px}td input{font-size:20px}.button-container{grid-gap:3px;margin:2px auto}.button-container button{-webkit-box-flex:20%;-ms-flex:20%;flex:20%;padding:3px;font-size:14px;margin-bottom:3px}#numbers-cont button{font-size:17pt}}.slide-out-top{-webkit-animation:.5s cubic-bezier(.55,.085,.68,.53) both slide-out-top;animation:.5s cubic-bezier(.55,.085,.68,.53) both slide-out-top}.slide-in-top{-webkit-animation:.5s cubic-bezier(.215,.61,.355,1) both slide-in-top;animation:.5s cubic-bezier(.215,.61,.355,1) both slide-in-top}@-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slide-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes slide-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@media print{#elapsed-time,#keyboardBtn,#message,#numbers-cont,.button-container,.button-container.b-header,.loader-back,table input{display:none}header h1{margin:auto 6px;font-size:19pt}.fixed,table{box-shadow:none;font-weight:500}table{border:1px solid #000}td{width:50px;height:50px}.just-print{display:block}}