#root,.canvas,html{height:100%;width:100%}.content{margin:auto 30px;text-align:center}.game{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:30px 20px 70px}.game-board{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fbf8;background-image:radial-gradient(#e4e4e4 1px,#0000 2px),radial-gradient(#e4e4e4 1px,#0000 2px);background-position:0 0,60px 60px;background-size:30px 30px;font-family:Titillium Web,sans-serif;font-style:normal;font-weight:400;height:100%;margin:0;overscroll-behavior:none;width:100%}.tile{background:#91bdd0;border:0;border-radius:3px;flex-shrink:0;font-family:Titillium Web,sans-serif;font-size:24px;font-weight:700;height:34px;line-height:15px;margin:1px;padding:0;text-align:center;-webkit-user-select:none;user-select:none;width:34px}.tile.hidden{background:#91bdd0;border:0}.tile.hidden:active,.tile.hidden:hover{transform:translateY(1px)}@keyframes vibrate{0%{transform:rotate(0)}50%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes fall{to{opacity:0;transform:translateY(50px)}}.vibrate{animation:vibrate .2s linear infinite!important}.tile.revealed{animation:revealTile .1s;background:#f9fbf8!important;border:1px solid #bcc1db}@keyframes revealTile{0%{opacity:0;transform:scale(.1)}50%{opacity:1}to{background:#f9fbf8;border:1px solid #91bdd0}}.board-row,.board-row:not(:last-child){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.board-row{display:flex}.board-stats{font-weight:600;-webkit-user-select:none;user-select:none}.board-stats,.game-footer,.game-header{display:flex;justify-content:space-between}.game-footer,.game-header{position:fixed;width:100%;z-index:1}.game-header{height:10px;top:0}.game-footer{bottom:0;margin-bottom:10px;-webkit-user-select:none;user-select:none}.center,.left,.right{margin:5px;text-align:center}.left,.right{flex:1 1}.left{text-align:left}.right{text-align:right}.game-footer .center{margin:0}.center{width:500px}@media (max-width:500px){.center{width:100%}}.starting-countdown{align-items:center;bottom:0;display:flex;font-size:50px;justify-content:center;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:10}.starting-countdown.zoom-in{animation:startingCountdownZoomIn .5s}.progress-bars{background-color:#f9fbf8;border-radius:5px;font-weight:600;padding:10px}.progress-bars .row{align-items:center;display:flex;height:20px}.progress-bars .name{padding-left:5px;text-align:left;width:20%}.progress-bars .percentage{padding-right:5px;text-align:right;width:30px}.progress-bars .progress-bar{background-color:#d1d5e2;border-radius:5px;height:15px;width:70%}.progress{border-radius:5px;height:100%}@keyframes almostComplete{0%{transform:rotate(0)}10%{transform:rotate(-.5deg)}20%{transform:rotate(.5deg)}30%{transform:rotate(-.5deg)}40%{transform:rotate(.5deg)}50%{transform:rotate(-.5deg)}60%{transform:rotate(.5deg)}70%{transform:rotate(-.5deg)}80%{transform:rotate(.5deg)}90%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}.almost-complete{animation:almostComplete .5s linear infinite}@keyframes startingCountdownZoomIn{0%{opacity:0;transform:scale(.1)}50%{opacity:1}to{transform:scale(1)}}.modal-background{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:auto;position:absolute;width:100%;z-index:9999}.modal{background-color:#fff;border:1px solid #000;border-radius:5px;bottom:0;display:flex;flex-direction:column;height:90%;justify-content:space-between;left:0;max-height:550px;max-width:350px;position:relative;right:0;top:0;width:90%;z-index:100}.modal-header{text-align:center}.modal-header h1{margin:5px}.modal-body{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.modal-body .button,.modal-body .input,.modal-body .p{margin:5px}.modal-footer{text-align:center;width:100%}.winner-text h2{display:inline;font-weight:600}.winner-text .winner-name{font-weight:700}.button{box-shadow:-4px 4px 0 0 #000;cursor:pointer;padding:0;width:150px}.button,.input{background-color:#f9fbf8;border:2px solid #000;color:inherit;font:inherit;font-size:20px;font-weight:700;height:50px;outline:inherit}.input{padding:0 10px;width:125px}.button:active,.button:hover{-webkit-tap-highlight-color:transparent;box-shadow:-4px 2px 0 0 #000;transform:translateY(2px);-webkit-user-select:none;user-select:none}.colour-picker{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:10px;width:180px}.colour-picker-option{border:2px solid #000;border-radius:50%;cursor:pointer;height:30px;margin:5px;width:30px}.colour-picker-option.picked{box-shadow:0 0 0 2px #000}.colour-picker-option:hover{transform:translateY(2px)}
/*# sourceMappingURL=main.609d2409.css.map*/