body{margin:0;color:var(--text)}table.ttt{border-collapse:collapse}table.ttt>tbody>tr{border-bottom:10px solid var(--text)}table.ttt>tbody>tr,table.ttt>tbody>tr>td{border-collapse:collapse;font-size:80px;width:100px;height:100px;text-align:center;outline:0;background-color:var(--bg)}table.ttt>tbody>tr>td{border-right:10px solid var(--text);-ms-user-select:None;-moz-user-select:None;-webkit-user-select:None;user-select:None;outline:0}table.ttt>tbody>tr>td:last-child{border-right:none}table.ttt>tbody>tr:last-child{border-bottom:none}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--line)}.modal-content{background-color:var(--bg);padding:20px 25px 20px 20px;border:1px solid #888;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline;width:fit-content;max-width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700;position:fixed;top:1px;right:9px}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.nop{display:none}:root{--black:#2D3848;--white:#f1f1f1;--white-gray:#cfcfcf;--black-gray:#565f6d;--white50:rgba(255, 255, 255, 0.5);--black50:rgba(0, 0, 0, 0.5);--white20:rgba(255, 255, 255, 0.2);--black20:rgba(0, 0, 0, 0.2);--animationspeed:750ms;--animationspeed2:600ms}.light{--bg:var(--white);--text:var(--black);--border:var(--black);--line:var(--black50)}.dark{--bg:var(--black);--text:var(--white);--border:var(--white);--line:var(--white50)}