body{font-family:Roboto,sans-serif;background-color:#4c43d4;color:#fff;padding:0;margin:0;transition:background-color .3s linear}body.dark-mode,body.dark-mode .btn-reset{background-color:#040d12}button{background:none;border:none;outline:none}button:hover{cursor:pointer}.app{font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.text-green{color:#12e177}.text-orange{color:#ffc72a}.history-wrapper{width:300px;min-height:150px;max-width:220px;overflow-y:auto;text-align:center;margin-bottom:20px}.history-wrapper .history{display:inline-block;padding:0;margin:0}.history-wrapper .history li{list-style:none;text-align:left}.history-wrapper .history li:before{content:"";border-radius:50%;display:inline-block;height:5px;width:5px;background-color:#12e177;margin-right:4px;margin-bottom:1px}.history-wrapper .history li .btn-move{color:#fff}.history-wrapper .history li .btn-move.active{font-weight:700;color:#12e177}.status-message{margin-bottom:30px;font-size:1.7rem;font-weight:lighter}.status-message span{font-weight:400}.btn-reset{font-size:.8rem;color:#fff;border-radius:15px;padding:12px 18px;margin-top:25px;transition:all .2s;background-color:#4c43d4;box-shadow:0 0 0 1px #ffc72a}.btn-reset.active{background-color:#ffc72a;box-shadow:none}.board .board-row{display:flex;flex-direction:row;border-bottom:2px solid #fff}.board .board-row:last-child{border-bottom:none}.board .board-row .square{width:120px;height:120px;border-right:2px solid #fff;font-size:2.5rem;padding:0;overflow:hidden;transition:all .2s}.board .board-row .square:last-child{border-right:none}.board .board-row .square.winning{animation:scaleText 1.4s infinite}@keyframes scaleText{0%{transform:2.5rem}50%{font-size:3.5rem}to{font-size:2.5rem}}.bg-balls{position:fixed;top:0;left:0;right:0;bottom:0;min-width:100%;z-index:-1}.bg-balls:before,.bg-balls:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%}.bg-balls:before{background-color:#ffc72a;right:-75px;bottom:-75px}@media screen and (min-width: 476px){.bg-balls:before{width:220px;height:220px;right:-110px;bottom:-110px}}.bg-balls:after{background-color:#12e177;top:-75px;left:-75px}@media screen and (min-width: 476px){.bg-balls:after{width:220px;height:220px;top:-110px;left:-110px}}.theme-toggle{position:absolute;right:1rem;top:2rem;border:1px solid #ffc72a;padding:.5rem;line-height:0;border-radius:15px}.theme-toggle.toggle:after{right:40px}.theme-toggle.toggle img{opacity:1!important}.theme-toggle.toggle img:nth-of-type(2){opacity:0!important}.theme-toggle img{width:20px;height:20px;object-fit:contain;transition:all .3s linear;pointer-events:none}.theme-toggle img:first-of-type{margin-right:1rem;opacity:0}.theme-toggle:after{content:"";position:absolute;width:25px;height:25px;border-radius:50%;border:1px solid #ffc72a;left:auto;right:5px;top:0;bottom:0;margin:auto;transition:all .3s ease-in-out}