@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{align-items:center;background-image:linear-gradient(180deg,#219021,#218821,#218021,#217921,#217121);box-sizing:border-box;display:flex;font-family:Noto Sans,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}body,body #root{width:100%}body .rotate{display:none;padding:1rem}@media(max-width:650px){body .snookerApp{display:none}body .rotate{align-items:center;color:#fff;display:flex;justify-content:center;text-align:center}body .rotate svg{-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}}.snookerApp{border:.45rem solid #ffca2b;margin:auto;max-width:1024px}header{align-items:center;background:#ffca2b;display:flex;flex-direction:column;justify-content:center;margin:1rem 2rem;padding:0 1rem}@media(max-width:768px){header{margin:1rem .5rem}}header h2{margin-bottom:0}header *{text-align:center}.startGame{grid-gap:2rem 1rem;display:grid;gap:2rem 1rem;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:space-between;padding:2rem}@media(max-width:768px){.startGame{padding:1rem .5rem}}.startGame__control{display:flex;flex-direction:column;gap:.5rem}.startGame__control label{color:#fff;font-size:1.05rem;font-weight:600}.startGame__control input{padding:.6rem .5rem}.startGame__control input,.startGame__control select{border:none;font-family:inherit;font-size:1rem;font-weight:500}.startGame__control select{padding:.53rem .5rem}.startGame button#ready{background:#ffca2b;border:none;color:#111;cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:600;grid-column:1/5;outline:none;padding:1rem 2.5rem;text-transform:uppercase;transition:all .25s ease-in-out;width:100%}.startGame button#ready:hover{opacity:.8}button{transition:all .25s ease-in-out}nav{border-bottom:.45rem solid #ffca2b;padding:.75rem 0}nav .buttons{display:flex;gap:1rem;justify-content:space-around}@media(max-width:768px){nav .buttons{gap:0 .5rem}}@media(max-width:699px){nav .buttons{gap:0 .25rem}}nav button{background:#ffca2b;border:none;color:#111;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;outline:0;padding:.6rem 1rem;transition:all .25s ease-in-out}@media(max-width:768px){nav button{font-size:.9rem}}nav button:hover{opacity:.8;transition:all .25s ease-in-out}footer{margin-bottom:0}footer .footer-bottom,footer .footer-top{display:grid;grid-template-columns:4fr 2fr 3fr 2fr 4fr}footer .footer-box,footer .footer-box--left,footer .footer-box--right{align-items:center;display:flex;flex-direction:row;font-size:1.3rem;font-weight:600;gap:.75rem;justify-content:center}@media(max-width:768px){footer .footer-box,footer .footer-box--left,footer .footer-box--right{gap:.4rem}}@media(max-width:699px){footer .footer-box,footer .footer-box--left,footer .footer-box--right{font-size:1.15rem}}footer .footer-box--left.isTurn,footer .footer-box--right.isTurn{justify-content:space-between}footer .footer-box--left{justify-content:flex-start}footer .footer-box--right{justify-content:flex-end}footer .playerName{background:#ffca2b;color:#111;cursor:pointer;padding:.5rem 1rem;transition:all .25s ease-in-out}@media(max-width:768px){footer .playerName{padding:.5rem}}footer .playerName span{text-transform:uppercase}footer .playerName:hover{opacity:.9;transition:all .25s ease-in-out}footer .playerPoints{background:#fff;color:#111;gap:.25rem}footer .playerPoints span{font-size:.9rem}footer .frames{background:#176ff4;color:#fff;cursor:pointer;transition:all .25s ease-in-out}footer .frames:hover{opacity:.9;transition:all .25s ease-in-out}footer .highest-break{align-items:flex-start;background-color:#fff;flex-direction:column;gap:.25rem;height:0;padding:.5rem 1rem;visibility:hidden}footer .highest-break.active{height:auto;visibility:visible}footer .highest-break span{font-size:1.1rem;margin-top:.4rem}@media(max-width:768px){footer .highest-break span{font-size:1rem}}footer .points-remaining{align-items:center;background:#ffca2b;color:#111;font-size:1rem;height:0;justify-content:center;text-align:center;visibility:hidden}footer .points-remaining.active{height:auto;visibility:visible}footer .concede{background:rgba(255,0,0,.8);border:none;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;outline:none;transition:all .25s ease-in-out}footer .concede:hover{opacity:.8;transition:all .25s ease-in-out}.colour-balls,.red-balls{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem 0}@media(max-width:768px){.colour-balls,.red-balls{margin:1.5rem 0}}.colour-balls button,.red-balls button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:4rem;justify-content:center;outline:none;width:4rem}@media(max-width:768px){.colour-balls button,.red-balls button{height:3rem;width:3rem}}.colour-balls button:hover,.red-balls button:hover{box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 32px rgba(17,17,26,.05);opacity:.8}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{opacity:.5}.break-history{display:flex;flex-wrap:wrap}.break-history:last-of-type{align-items:flex-end}.scores{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin:1.5rem 0 1rem}.break-history-ball{border-radius:50%;display:inline-block;height:1rem;margin:.25rem .1rem;padding:0;width:1rem}button.break-history-ball:disabled{opacity:.5}button.break-history-ball:not(:disabled){border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:3rem;margin:0 .25rem;opacity:1;outline:none;width:3rem}.red{background:red}.red-ball{background:radial-gradient(circle at 65% 15%,#f19c9c 3%,red 60%,red 100%)}.yellow{background:#ffca2b}.yellow-ball{background:radial-gradient(circle at 65% 15%,#f5f5bb 3%,#ffca2b 60%,#ffca2b 100%)}.green{background:lime}.green-ball{background:radial-gradient(circle at 65% 15%,#bfdfbf 3%,#2fc42f 60%,#2fc42f 100%)}.brown{background:#8b4513}.brown-ball{background:radial-gradient(circle at 65% 15%,#b69e98 3%,#8b4513 60%,#8b4513 100%)}.blue{background:#176ff4}.blue-ball{background:radial-gradient(circle at 65% 15%,aqua 3%,#176ff4 60%,#176ff4 100%)}.pink{background:#f0f}.pink-ball{background:radial-gradient(circle at 65% 15%,#f1e9e9 3%,#f6adb9 60%,#f6adb9 100%)}.black{background:#000}.black-ball{background:radial-gradient(circle at 65% 15%,#747272 3%,#000 60%,#000 100%)}.fouls{display:none}.fouls.active{display:flex;gap:1rem;justify-content:center;margin-top:.75rem}.fouls.active button{background:orange;border-radius:50%;color:#111}.free-ball{background:red;border:2px solid #000}.winner{align-items:center;display:flex;justify-content:center;padding:0 1rem}.winner h2{color:#fff;text-align:center}.end-match{align-items:center;display:flex;flex-direction:column;justify-content:center}.end-match *{color:#fff}.end-match h2{text-align:center}.end-match__stats{width:100%}.end-match__stats h3{margin-bottom:.5rem}.end-match__stats ul{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0 .5rem}.end-match__stats ul li{font-size:1.1rem;margin-bottom:.5rem}.end-match__stats ul li span{display:block}.end-match__stats ul li:last-of-type{text-align:right}.confirm{align-items:center;background:#dbffdb;display:none;gap:2rem;height:100%;justify-content:center;margin:1rem;padding:.75rem}.confirm.active{display:flex}
/*# sourceMappingURL=main.ddb662e7.css.map*/