.Hard{display:flex;flex-direction:column;align-items:center;margin-top:3rem}.Hard-board{width:calc((150px + 2rem)*3)}.Hard-board,.Hard-board-mini-board{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.Hard-board-mini-board{margin:1rem;width:150px}.Hard-board-mini-board-row{display:flex}.Hard-board-mini-board-row-cell{width:50px;height:50px;border:1px solid rgba(0,0,0,.643);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.Hard-active-grid{background-color:rgba(49,255,30,.283);border:1px solid rgba(30,156,18,.907)}.Hard-bottom button{background-color:#ff4a4a;color:#fff;font-size:1.1rem;margin-right:1rem;border:none;box-shadow:0 4px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.2)}.Hard-bottom button:active{box-shadow:0 2px 4px rgba(70,70,70,.1),0 1px 2px rgba(70,70,70,.08);transform:translateY(2px)}.Hard-bottom button:last-child{background-color:#5454ff}.Hard-nav{width:100%;padding-left:1rem}.Hard-nav a{text-decoration:none;color:#8a3e08;font-size:1.5rem;font-weight:600;margin-right:1rem}.Hard-nav a:hover{color:#ac4d0a}.Hard p{font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:.3rem}.Hard p span{font-weight:600;font-size:1.4rem}.Hard-instructions{font-weight:800!important;text-decoration:underline;font-size:1.3rem!important;color:#8a3e08}.Hard-code{display:flex;align-items:center;flex-direction:column}.Hard-code button{color:#fff;box-shadow:0 2px 4px rgba(70,70,70,.5),0 1px 2px rgba(70,70,70,.5);border:none;padding:.8rem;font-size:1.2rem}.Hard-code button:active{box-shadow:0 2px 4px rgba(70,70,70,.1),0 1px 2px rgba(70,70,70,.08);transform:translateY(2px)}.Hard-code span{font-weight:700;font-size:1.2rem;letter-spacing:1px;color:#ff4a4a}.Cell-Red{background-color:hsla(0,100%,70%,.56);border:1px solid rgba(239,0,0,.25)}.Cell-Blue{background-color:rgba(130,130,255,.56);border:1px solid rgba(0,0,255,.25)}.Cell-Draw{background-color:hsla(0,0%,50%,.56);border:1px solid hsla(0,0%,50%,.56)}@media(max-width:600px){.Hard-board{width:calc((120px + 1rem)*3)}.Hard-board-mini-board{margin:.5rem;width:120px}.Hard-board-mini-board-row-cell{width:40px;height:40px}}@media(min-width:1200px){.Hard-board{width:calc((210px + 2.5rem)*3)}.Hard-board-mini-board{margin:1.25rem;width:210px}.Hard-board-mini-board-row-cell{width:70px;height:70px}}