body{background-color:#050505;color:#fff;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;margin:0}body.len-4 .col-5,body.len-4 .col-6{display:none}body.len-5 .col-6{display:none}body.light-mode{background-color:#f5f5f5;color:#000}#game-area{display:flex;flex-direction:column;align-content:center;justify-content:space-evenly;width:600px;max-width:98vw;height:100vh;margin:0 auto}#game-num{text-align:center}@media screen and (max-width:767px){#game-num{display:none}}#info{display:flex;justify-content:space-around;align-items:center;text-align:center}.pop-up{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:0;top:0;width:80%;height:auto;min-height:80vh;padding:10vh 10%;background-color:#000c;color:#fff;text-align:center;overflow-x:hidden;overflow-y:scroll;transition-property:display;transition-duration:1s}#rules{text-align:justify;align-items:flex-start}#settings{text-align:justify}#settings p{padding-bottom:2rem}.pop-up:target{display:flex}a.pop-up-close{position:absolute;top:5vmin;right:5vmin;color:#fff;font-size:2rem;text-decoration:none}a.button{background-color:transparent;color:#999;border-radius:50%;font-size:1.5rem;width:2rem;height:2rem;text-decoration:none;display:flex;justify-content:center;align-items:center;font-family:sans-serif}#title{font-size:1.8rem;font-weight:700;text-transform:uppercase}.game-row{display:flex;justify-content:center;align-items:center;text-align:center}.game-col{width:3rem;height:3rem;border:1px solid #333;font-size:1.5rem;display:inline-flex;justify-content:center;align-items:center;transition-property:all;transition-duration:.5s;margin:.2rem}.game-col.col-2{animation-delay:.2s!important;transition-delay:.2s!important}.game-col.col-3{animation-delay:.4s!important;transition-delay:.4s!important}.game-col.col-4{animation-delay:.6s!important;transition-delay:.6s!important}.game-col.col-5{animation-delay:.8s!important;transition-delay:.8s!important}.game-col.col-6{animation-delay:1s!important;transition-delay:1s!important}.game-col.bull{background-color:green;animation:flipH .5s linear}body.light-mode .game-col.bull{color:#fff}.game-col.cow{background-color:orange;animation:flipH 1s linear}.game-col.ox{background-color:#555;animation:flipH 1s linear}body.light-mode .game-col.ox{background-color:#ddd}@keyframes flipH{50%{transform:rotateY(90deg)}100%{transform:rotateY(0)}}.solved-row>.game-col{animation:flash .5s linear}@keyframes flash{50%{transform:scale(1.2)}100%{transform:scale(1)}}.game-row.current-row>.game-col{border-color:#fff}body.light-mode .game-row>.game-col{border-color:#ddd}body.light-mode .game-row.current-row>.game-col{border-color:#333}.kb-row{display:flex;justify-content:center;align-items:center;text-align:center;margin:1vh 0}.key{background-color:#6666;font-size:1.2rem;height:3rem;width:3rem;max-width:10vmin;margin:.5vh 1px;border-radius:.2rem;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.key.backspace{background-color:#f669;width:4rem;max-width:15vh}.key.enter{font-size:small;background-color:#6f69;width:4rem;max-width:15vh}.key.wrong{background-color:#9666;color:#999}.key.right{background-color:#6966;color:#fff}body.light-mode .key.right{color:#000}.pop-up a{color:#fff}#share-button,#show-results{background-color:green;padding:.5rem 1rem;border-radius:.2rem;text-decoration:none}