:root{--black:#222;--white:#fff;--red:#c33;--blue:#36c;--yellow:#fc0;--aqua:#63a2b0;--boardWidth: calc(100% - 2rem) ;--cell-size:52px;--cell-gap:5px}body{margin:0;padding:0}.container{font-family:sans-serif;margin:0 auto;max-width:480px;padding:1rem}.info{display:flex;justify-content:space-between;margin-bottom:1rem}.info>*{flex:1}.info>:last-child{text-align:right}h2{margin-bottom:.5rem;margin-top:1.5rem}.board{flex-direction:column;margin-bottom:1.5rem}.board,.board-row{display:flex;gap:var(--cell-gap)}.board-row{justify-content:center}.cell{background-position:50%;background-size:cover;border:none;border-radius:5%;cursor:pointer;filter:saturate(20%);font-weight:700;height:var(--cell-size);opacity:.2;width:var(--cell-size)}.cell.filled{box-shadow:0 2px 3px #000000b3;filter:saturate(100%);opacity:1}.lastTurnFieldset{align-items:center;display:flex;margin-bottom:1.5rem}input[type=checkbox]{height:32px;margin-right:.5rem;width:32px}.buttons{display:flex;gap:.5rem;justify-content:space-between}.confirm,.install,.reset{border:none;cursor:pointer;flex:1;font-weight:700;padding:.5rem}.confirm{background-color:var(--aqua);color:#fff}.install{background-color:var(--blue);border:.25rem solid var(--yellow);color:var(--yellow);margin:1rem;width:calc(100% - 2rem)}.reset{color:var(--black)}.finalScore,.totalScore{display:inline-block}.finalScore{border:4px solid var(--blue);border-radius:35%;color:var(--aqua);font-size:2rem;padding:.5rem}@keyframes blinker{0%{color:var(--red)}50%{color:var(--yellow)}to{color:var(--red)}}.animatedActiveText{animation:blinker .15s linear infinite;transform:scale(1.2)}#alert{align-items:center;background-color:var(--blue);border:solid var(--aqua);border-width:.5rem 0;box-sizing:border-box;color:var(--yellow);display:flex;font-family:sans-serif;font-size:3rem;height:400px;justify-content:center;left:-100%;position:fixed;text-align:center;text-shadow:0 4px 0 var(--red);text-transform:uppercase;top:calc(50% - 200px);width:100%;z-index:1000}@keyframes animatedAlert{0%{left:-100%}7%{left:0}93%{left:0}to{left:100%}}#alert.animatedAlert{animation:animatedAlert 1s linear}
