body{font:14px Century Gothic,Futura,sans-serif;margin:20px}ol,ul{padding-left:30px}.board-row:after{clear:both;content:"";display:table}.board{background-image:url(https://i.pinimg.com/originals/50/1d/49/501d49dc37935dc5c1fa42a676f785de.gif);background-size:cover}.status{margin-bottom:10px}.square{float:left;font-weight:700;margin-right:-1px;margin-top:-1px;padding:0;text-align:center}.square:focus{outline:none}.kbd-navigation .square:focus{background:#ddd}.game{display:flex;align-items:center;flex-direction:row}.lost{width:800px}.resetButton-small:hover,.resetButton-large:hover,.submit:hover{background-color:#fff;color:#794c8d;border:2px solid #794c8d}.submit{margin:15px 0 0;font-size:20px;background-color:#794c8d;color:#fff;padding:5px;border-radius:15%;border:2px solid white}.game-mobile-header{display:none}.game-info{margin-left:20px}.score{display:inline-block}.timer{display:inline-block;float:right}@media only screen and (max-width:400px){.game{flex-direction:column;align-items:center;padding:4vh 0 0}ol,ul{padding-left:0}.status,button{font-size:25px}.moves-history{display:none}.game-mobile-header{display:inline-block}}.controls{align-content:center;padding:0 10% 0 15%}.game>.large{padding:0 10vw 5vh 15vw}.game>.small{padding:0 0 5vh}.game-board>.light{border:1px solid #794c8d}.game-board>.dark{border:1px solid white}.game-over-screen>.small{width:100%}.game-over-screen>.large{padding:0 15vw 5vh 15vw}.game-board>.lost-small{width:100%;margin:10px 0 0}.game-board>.lost-large{width:800px}.finalScore-small>.small{font-size:10px}.finalScore-large>.large{font-size:23px}.resetButton-large{margin:15px 0 0;font-size:20px;background-color:#794c8d;color:#fff;padding:5px;border-radius:15%}.resetButton-small{margin:10px 0;width:100%;height:50px;font-size:20px;background-color:#794c8d;color:#fff;padding:5px;border-radius:2%}.finalScore-large{float:right;display:inline-block;margin:0 100px 0 0;color:#fff;text-shadow:2px 2px 2px black}.finalScore-small{float:right;display:inline-block;margin:0 10px 0 0;color:#fff;text-shadow:2px 2px 2px black}.table>.light{color:#794c8d;border:1px solid #794c8d}.table>.dark{color:#fff;border:1px solid white}.winner-large{margin:0 150px 0 210px;position:relative;background-color:#794c8d;color:#fff;padding:15px 25px 15px 15px;font-weight:700;font-size:20px;text-align:center}.winner-small{position:relative;background-color:#794c8d;color:#fff;padding:15px 25px 15px 15px;font-weight:700;font-size:20px;text-align:center}.table>.large{padding:0 15vw 5vh 15vw}.header-large{position:relative;background-color:#794c8d;color:#fff;padding:15px 65px 15px 15px;font-weight:700;font-size:25px;text-align:center}.header-small{position:relative;background-color:#794c8d;color:#fff;font-weight:700;font-size:25px;text-align:center}.row{margin:2px 0;padding:10px}.column-headers{margin:2px 0;padding:10px;background-color:#562a69;color:#fff;font-weight:700}.row:before,.column-headers:before,.winner:before{display:table;content:" ";display:inline-block;align-items:center}.row-sub{display:block;float:left}#index-large{width:150px}#index-small{width:60px}#name-large{width:425px}#name-small{width:130px}#score-large{width:150px}#score-small{width:95px}#name-large,#score-large,#index-large{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:20px}#name-small,#score-small,#index-small{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:18px}.board-row>.light{border:1px solid aliceblue}.board-row>.dark{border:1px solid #09194a}.board-row>.small{font-size:74px;line-height:45px;height:65px;width:62px}.board-row>.large{font-size:54px;line-height:100px;height:100px;width:100px}.theme-toggle{position:absolute;top:15px;left:15px;--size: 2rem;background:none;border:none;padding:0;inline-size:var(--size);block-size:var(--size);aspect-ratio:1;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:5px}.theme-toggle:hover{--size: 40px}.sun-and-moon{inline-size:100%;block-size:100%;stroke-linecap:round}.body-theme-dark{color:#f0f8ff;background-color:#09194a}.body-theme-light{color:#09194a;background-color:#f0f8ff}.button{height:72px;width:62px;line-height:72px;display:inline-block;margin:5px 10px 0 5px;text-align:center;font:25px Century Gothic,Futura,sans-serif}.button-container>.light{border:1px solid #09194a;background-color:#673383;color:#f0f8ff}.button-container>.dark{border:1px solid aliceblue;background-color:#294496;color:#f0f8ff}