.site-footer{color:var(--orange);margin-left:5%;margin-right:5%;padding-bottom:15px;padding-top:20px;text-align:center}.site-footer a{color:var(--blue)}.ball__list{grid-gap:30px;display:grid;grid-template-columns:repeat(5,1fr);list-style-type:none;margin:0;opacity:1;padding:0;transition:opacity .2s}.ball__list--disabled{opacity:.5}.ball__list-item{counter-increment:ball;position:relative}.ball__label{border-radius:50%;box-shadow:inset 0 0 50px 0 #0006;display:block;padding-top:100%;position:relative;transition:background-color .2s ease;width:100%}.ball__label:before{color:var(--blue);content:counter(ball);font-size:46px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ball__label:not(.ball__label--active){cursor:pointer}.ball__list--disabled .ball__label{cursor:not-allowed}.ball__label--active{background-color:var(--gold)}.ball__checkbox{height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%}.team__list{list-style-type:none;margin:0;padding:0}.team__list-item{align-items:center;color:var(--blue);display:flex;font-size:20px;justify-content:space-between;margin-bottom:10px;text-transform:capitalize}.team__list-item:hover{cursor:pointer}.team-combo__list{display:none}.team__name{font-weight:700}.team__percent{margin-left:20px}.team__list-item--opened .team-combo__list{background-color:var(--white);bottom:0;column-count:11;display:block;font-size:14px;left:0;list-style-type:none;overflow:scroll;padding:20px 40px;position:absolute;right:0;top:50px}.team__list-item--opened .team__name{align-items:center;display:flex;height:50px;justify-content:center;left:0;position:absolute;top:0;width:100%}.team__list-item--opened .team__name:after{color:var(--red);content:"×";position:absolute;right:20px}.winner{align-items:center;background-color:#ffffffe6;display:flex;grid-column:1/span 12;grid-row:1/span 1;justify-content:center;width:100%;z-index:1}.winner__heading{font-size:100px;text-transform:capitalize}.game{background-color:var(--white);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;margin:5%;max-width:1600px;overflow:hidden;padding:30px 50px;position:relative;width:100%}.game-heading{color:var(--orange);text-align:center}.game-board{grid-column:1/span 8;grid-row:1}.teams{grid-column:10/span 3;grid-row:1}.game-stage{display:grid;grid-column:1/span 8;grid-row:2;margin-top:20px}.game-stage__heading{grid-column:1/span 12;grid-row:1}.game-stage__list{grid-column:1/span 8;grid-row:2;list-style-type:none;margin:0;padding:0}.game-stage__list-item{display:inline-block;margin-right:20px}.cool-button.game-stage__button{background-color:var(--gold);color:var(--black)}.cool-button.game-stage__button.game-stage__button--active{background-color:var(--blue);color:var(--white)}.game-controls{align-self:end;grid-column:10/span 3;grid-row:2}.game-controls__list{display:flex;justify-content:flex-start;list-style-type:none;margin:0;padding:0}.game-undo.cool-button{background-color:var(--orange);margin-right:20px}.game-undo.cool-button:focus{outline-color:var(--red)}.game-restart.cool-button{background-color:var(--red)}.header,.header__help-button{animation-direction:alternate;animation-duration:5s;animation-iteration-count:infinite;animation-name:warmcolors}.header{background-color:var(--white)}.header__help-button{border-bottom:3px solid;border-right:2px solid;color:var(--white);margin-left:20px}.header__help-button:hover{animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:helphover}@keyframes warmcolors{0%{color:var(--red)}to{color:var(--orange)}}@keyframes helphover{0%{color:var(--red)}to{color:var(--blue)}}.help-content{background-color:var(--gold)}.help__container{background-color:var(--white);color:var(--blue);margin:5%;max-width:1600px;padding:30px 50px}.help__main-description{font-size:18px;font-style:italic}.help-steps__list>li{margin-bottom:15px}.create-teams{font-size:18px}.add-teams__list{list-style-type:none;margin:30px 0;padding:0}.add-teams__list-item{align-items:center;display:flex;justify-content:flex-end;margin-bottom:10px}.add-teams__team-name{font-weight:700;margin-right:auto;text-transform:capitalize}.add-teams__team-percent{margin-left:10px;margin-right:10px}.add-teams__form{background-color:var(--blue);color:var(--white);margin-left:calc(var(--border-offset)*-1);margin-right:calc(var(--border-offset)*-1);padding:30px var(--border-offset)}.add-teams__label{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.cool-button.add-teams__submit{background-color:var(--white);color:var(--black);width:100%}.add-teams__input{background-color:var(--white);border:0;margin-left:20px;padding:var(--input-padding);text-align:right}.add-teams__team-remove{color:var(--red);font-weight:700}.ready{align-items:center;display:flex;flex-direction:column;margin:var(--border-offset) calc(var(--border-offset)*-1)}.ready-hint__list{border:2px dashed;color:var(--red);margin:0;padding:30px var(--border-offset) 30px calc(var(--border-offset)*2)}.ready-hint__list:empty{display:none}.ready-hint__list-item:not(:last-of-type){margin-bottom:10px}.setup{--border-offset:20px;color:var(--blue);padding:30px 50px}body{--white:#fff;--black:#111;--blue:#0074d9;--red:#ff4136;--gold:#ffdc00;--orange:#ff851b;--input-padding:0.7rem;background-color:var(--white);color:var(--black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}*{box-sizing:border-box}button{background-color:initial;border:0;cursor:pointer}input:focus{outline:2px solid var(--orange)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.site{display:flex;flex-direction:column;min-height:100vh}.site-header{align-items:baseline}.site-content,.site-header{display:flex;justify-content:center}.site-content{align-items:center;flex:1 1;transition:background-color .2s ease}.cool-button,.site-content--game{background-color:var(--blue)}.cool-button{box-shadow:3px 4px var(--black);color:#fff;font-weight:400;padding:var(--input-padding) calc(var(--input-padding)*2);position:relative}.cool-button:focus,.cool-button:hover{box-shadow:2px 3px var(--black);left:1px;top:1px}.cool-button:focus{outline:2px solid var(--orange);outline-offset:-2px}.cool-button:active{box-shadow:1px 2px var(--black);left:3px;outline:0;top:2px}
/*# sourceMappingURL=main.d98287ca.css.map*/