*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-exo-regular),sans-serif}:focus{outline:none!important}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100vh;padding-top:26px;padding-bottom:26px;display:flex;justify-content:center;align-items:center;background-color:#1a153b;overflow-x:auto;overflow-y:auto;background:#1a153b;background:linear-gradient(to top right,#272059,#0d0a1d)}.main-container,body{width:100%;min-width:340px}.main-container{position:relative;max-width:480px;min-height:90%;padding:38px 38px 12px;background-color:#fafafa;border-radius:16px;box-shadow:0 2px 5px #5e5c5c}.logo{display:flex;justify-content:center}.game-container{position:relative;min-height:90%;width:420px;min-width:380px;padding:16px 0;color:#fff;background-color:#292828;border-radius:16px}.game-container button{transition:transform .2s ease}.game-container button:active{transform:scale(1.08);color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}.two-players-preview{display:flex;justify-content:space-evenly;width:100%;margin-bottom:12px}.two-players-preview .current-active-player{border-radius:16px;background-color:#0c420c}.game-players-section{display:flex;justify-content:space-between;align-items:center;height:160px;padding:12px}.game-players-section .player-legs{display:flex;justify-content:center;align-items:center;height:24px;width:24px;margin:0 6px;background-color:blue;border-radius:8px}.game-players-section .current-player-section{display:flex;flex-direction:column;align-items:center;width:45%;height:100%;padding:12px}.game-players-section .current-player-section .current-player-name-legs{display:flex;justify-content:center;align-items:center;width:100%;padding:6px;border-bottom:1px solid #fff}.game-players-section .current-player-section .current-player-name-legs .current-player-name{display:flex;align-items:center}.game-players-section .current-player-section .current-player-name-legs .current-player-name img{margin-right:6px}.game-players-section .current-player-section .current-player-points-left{font-size:38px}.game-players-section .current-player-section .checkout-options{font-size:10px;margin-bottom:6px}.game-players-section .current-player-section .current-player-stats{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;color:#df4040}.game-players-section .current-player-section .current-player-stats p{font-size:12px;color:#fff}.game-players-section .game-players-list{display:flex;flex-direction:column;justify-content:space-between;width:55%;min-height:100%;padding:12px}.game-players-section .game-players-list .game-players-list-player{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px 12px;border-radius:8px}.game-players-section .game-players-list .game-players-list-player .game-players-list-player-name{display:flex;align-items:center}.game-players-section .game-players-list .game-players-list-player .game-players-list-player-name img{margin-right:6px}.game-players-section .game-players-list .game-players-list-player .game-players-list-stats{display:flex;justify-content:center;align-items:center}.game-players-section .game-players-list .active-player{background-color:green}.game-players-section .teams-preview{display:flex;justify-content:space-evenly;width:100%;margin-bottom:12px}.game-players-section .teams-preview .team-section{display:flex;flex-direction:column;align-items:center;width:45%;height:100%;padding:0 12px 12px}.game-players-section .teams-preview .team-section .team-header{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #fff;width:100%;font-size:10px;padding:4px;margin-bottom:2px}.game-players-section .teams-preview .team-section .team-header .team-legs{display:flex;justify-content:center;align-items:center;height:18px;width:18px;margin:0 6px;background-color:blue;border-radius:6px}.game-players-section .teams-preview .team-section .team-player{display:flex;justify-content:center;align-items:center;width:100%;font-size:13px;padding:2px}.game-players-section .teams-preview .team-section .team-player .team-player-name{display:flex;align-items:center;justify-content:flex-start;width:60%}.game-players-section .teams-preview .team-section .team-player .team-player-name img{margin-right:6px}.game-players-section .teams-preview .team-section .team-points-left{font-size:28px}.game-players-section .teams-preview .team-section .checkout-options{font-size:10px;margin-bottom:4px}.game-players-section .teams-preview .team-section .team-stats{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;color:#df4040}.game-players-section .teams-preview .team-section .team-stats p{font-size:10px;color:#fff}.game-players-section .teams-preview .current-active-team{border-radius:16px;background-color:#0c420c}.current-player-throw{display:flex;align-items:center;justify-content:center;position:relative;background-color:#b87115;border-top-left-radius:16px;border-top-right-radius:16px;padding:6px 12px;text-align:center}.current-player-throw button{display:flex;align-items:center;position:absolute;left:10px;font-size:12px;color:#fff;background-color:transparent;border:none;cursor:pointer}.current-player-throw button span{margin-left:4px}.current-player-throw .current-player-throw-message{font-size:12px}.current-player-throw .timeout{display:flex;align-items:center;position:absolute;right:10px;font-size:16px;color:#fff}.throw-value-section{display:grid;width:100%;grid-template-columns:1fr 3fr 1fr;align-items:center}.throw-value-section button{height:100%;padding:4px;color:#fff;border:none;cursor:pointer}.throw-value-section button:focus{outline:none;color:inherit}.throw-value-section .input-toggle{width:84px;background-color:#464343;border-bottom-left-radius:16px}.throw-value-section .input-toggle div{display:flex;flex-direction:column;justify-content:center;align-items:center}.throw-value-section .input-toggle div .input-toggle-button-title{font-size:11px}.throw-value-section .input-toggle div .keyboard-shortcut{margin-top:2px;font-size:10px}.throw-value-section .clicked{transform:scale(1.08)}.throw-value-section .buttons-active{border-bottom-left-radius:0}.throw-value-section .input-active{border-bottom-left-radius:16px}.throw-value-section .score-input-section{display:grid;grid-template-columns:5fr 1.5fr;height:100%}.throw-value-section .score-input-section input{padding:0 6px;border:none;background-color:#fafafa;outline:none;box-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;border-radius:0}.throw-value-section .score-input-section input[type=number]::-webkit-inner-spin-button,.throw-value-section .score-input-section input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.throw-value-section .score-input-section input[type=number]{-moz-appearance:textfield}.throw-value-section .score-input-section .remove-last{background-color:#df4040}.throw-value-section button.submit-score{width:84px;background-color:green;border-bottom-right-radius:16px}.throw-value-section .current-player-throws{display:flex;justify-content:space-evenly;align-items:center;height:100%;padding:6px;background-color:#333232}.throw-value-section .current-player-throws .current-throw{display:flex;justify-content:center;align-items:center;width:20%;height:80%;color:#000;background-color:#eee;border-radius:8px}.multiplier-section{display:flex;align-items:center;height:28px;margin-bottom:6px;background-color:transparent;border:none}.multiplier-section button{height:28px;width:84px;color:#fff;background-color:#464343;border:none;cursor:pointer}.multiplier-section button:focus{outline:none;color:inherit}.multiplier-buttons button:first-child{border-bottom-left-radius:16px}.multiplier-buttons button:last-child{border-bottom-right-radius:16px}.multiplier-section button.active{background-color:green}.multiplier-section button.focused{border:2px solid red}.button-double{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.score-buttons-section{position:relative;width:100%;height:300px;display:flex;align-items:center;justify-content:center}.score-buttons-section .score-buttons,.score-buttons-section .score-input{width:100%;height:100%;display:grid;place-items:center}.score-buttons-section .score-input{grid-template-columns:repeat(3,1fr)}.score-buttons-section .score-buttons{grid-template-columns:repeat(5,1fr)}.score-buttons-section .score-buttons button,.score-buttons-section .score-input button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;font-size:16px;color:#fff;background-color:#464343;outline:none;cursor:pointer;border:1px solid #302e2e;margin:-1px;box-sizing:border-box}.score-buttons-section .score-buttons button span,.score-buttons-section .score-input button span{font-size:12px}.score-buttons-section .clicked{transform:scale(1.08)}.score-buttons-section .focused{border:2px solid red}.score-buttons-section .base-value{font-size:14px}.score-buttons-section .multiplied-value{font-size:10px;color:hsla(0,0%,100%,.7)}.cricket-score-buttons-section{width:100%;display:flex;flex-direction:column;margin-top:10px}.miss-button{display:flex;justify-content:center;align-items:center;width:100%;padding:6px 25px}.miss-button button{padding:5px 10px;background-color:transparent;color:#fff;cursor:pointer;border:none}.cricket-buttons{display:flex;justify-content:space-evenly;align-items:center;width:40%}.cricket-buttons button{padding:5px 10px;background-color:transparent;color:#fff;cursor:pointer;border:none}.player-score{width:30%;display:flex;justify-content:center;align-items:center}.players-row-when-more-than-two-players{width:60%;display:flex;justify-content:space-between;margin-top:10px;margin-bottom:5px}.player-name{flex:1 1;text-align:center;font-size:12px}.cricket-score-buttons-section-when-more-than-two-players{width:100%;display:flex;flex-direction:column}.cricket-score-buttons-section-when-more-than-two-players .miss-button{width:40%;margin-left:auto}.score-row{display:flex;width:100%;justify-content:space-between;background-color:transparent;height:40px}.score-row:nth-child(odd){background-color:#333232}.player-scores-section-when-more-than-two-players{width:60%;display:flex;justify-content:space-between;align-items:center}.player-score-when-more-than-two-players{flex:1 1;display:flex;justify-content:center;align-items:center;height:100%;background-color:transparent;border-right:1px solid gray}.cricket-buttons-when-more-than-two-players{width:40%;display:flex;justify-content:space-around}.cricket-buttons-when-more-than-two-players button{padding:5px 10px;background-color:transparent;color:#fff;cursor:pointer;border:none}.completed-sector{position:relative}.completed-sector:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#fff;transform:translateY(-50%)}.settings-buttons{height:38px;margin-top:16px}.settings-buttons button{border:none;font-size:16px;color:#fff;width:50%;height:100%;cursor:pointer}.settings-buttons .go-back{background-color:#df4040;border-top-left-radius:16px;border-bottom-left-radius:16px}.settings-buttons .restart-game{background-color:green;border-top-right-radius:16px;border-bottom-right-radius:16px}.overlay .error,.overlay .game-over-popup{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;left:50%;height:100vh;width:100vw;padding:20px;transform:translate(-50%,-50%);color:#fff;background-color:hsla(0,4%,5%,.8);border-radius:8px;z-index:1000}.overlay .error .error-content,.overlay .error .game-over-popup-content,.overlay .game-over-popup .error-content,.overlay .game-over-popup .game-over-popup-content{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay .error .error-content img,.overlay .error .game-over-popup-content img,.overlay .game-over-popup .error-content img,.overlay .game-over-popup .game-over-popup-content img{margin-bottom:2%}.overlay .error .error-content h3,.overlay .error .game-over-popup-content h3,.overlay .game-over-popup .error-content h3,.overlay .game-over-popup .game-over-popup-content h3{font-size:32px}.overlay .error .error-content p,.overlay .error .game-over-popup-content p,.overlay .game-over-popup .error-content p,.overlay .game-over-popup .game-over-popup-content p{text-align:center;margin-bottom:2%}.overlay .error .error-content button,.overlay .error .game-over-popup-content button,.overlay .game-over-popup .error-content button,.overlay .game-over-popup .game-over-popup-content button{height:5%;min-height:24px;width:20%;min-width:200px;margin-top:6px;font-size:16px;color:#fff;background-color:#df4040;border:none;border-radius:8px;cursor:pointer}.overlay .error .error-content .play-again,.overlay .error .game-over-popup-content .play-again,.overlay .game-over-popup .error-content .play-again,.overlay .game-over-popup .game-over-popup-content .play-again{background-color:green}.overlay .error .error-content .go-back,.overlay .error .game-over-popup-content .go-back,.overlay .game-over-popup .error-content .go-back,.overlay .game-over-popup .game-over-popup-content .go-back{background-color:#df4040}.overlay .error .error-content .undo,.overlay .error .game-over-popup-content .undo,.overlay .game-over-popup .error-content .undo,.overlay .game-over-popup .game-over-popup-content .undo{background-color:#b87115}.overlay .error .error-content .focused,.overlay .error .game-over-popup-content .focused,.overlay .game-over-popup .error-content .focused,.overlay .game-over-popup .game-over-popup-content .focused{font-family:var(--font-exo-extra-bold),sans-serif;border:2px solid #070707;transform:scale(1.08);color:#302e2e}.game-header{font-size:22px;text-align:center;color:#858585;margin-bottom:1px}.game-online-players{display:flex;justify-content:space-evenly;align-items:center;padding:4px 10px;height:68px;border:1px solid gray;border-radius:8px}.game-online-players .game-online-player-details{width:100%;display:flex;flex-direction:column;align-items:center;padding:4px;font-size:13px}.game-online-players .game-online-player-details .game-online-player-header{display:flex;align-items:baseline}.game-online-players .game-online-player-details .game-online-player-header .player-online-header{font-size:10px;color:gray}.game-online-players .game-online-player-details .player-name{font-size:12px}.game-online-players .game-online-player-details .readiness-status-section{display:flex;align-items:center}.game-online-players .game-online-player-details .readiness-status-section span{font-size:9px}.game-online-players .game-online-player-details .readiness-status-section .ready-status{color:#df4040}.game-online-players .game-online-player-details .readiness-status-section .ready{color:green}.game-online-players .game-online-player-details .readiness-status-section .not-ready{color:#df4040}.align-start{align-items:flex-start}.url{font-size:10px;color:#3f3e3e}.url-section{display:flex;justify-content:space-between;align-items:center}.copy-icon{cursor:pointer;transition:transform .2s}.copy-icon:hover{transform:scale(1.1)}.notification{display:flex;justify-content:center}.join-notification{background-color:#0dc56f}.join-notification,.leave-notification{display:flex;justify-content:space-evenly;align-items:center;width:40%;font-size:12px;padding:4px 12px;height:20px;border-radius:6px;color:#fff;border:none}.leave-notification{background-color:#e47865}.guest-ready-section{margin-top:22px;display:flex;align-items:center}.switch-wrapper{display:inline-block;border-radius:34px;padding:2px}.switch-wrapper.focused{border:3px solid red}.switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.switch input{opacity:0;width:0;height:0}.slider{top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:green}input:checked+.slider:before{transform:translateX(18px)}.guest-ready-section p{font-size:14px;margin-left:10px}@media(max-width:400px){.current-player-points-left{font-size:32px!important}.current-player-stat p,.current-player-stats{font-size:10px!important}}@media(max-width:479px){.main-container{border-radius:0}}button,button:active,button:focus{color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}.main-form{margin-top:8px}.game-options{display:flex;justify-content:space-evenly;padding:6px 10px;height:36px;border:1px solid gray;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.game-options button{display:flex;justify-content:center;align-items:center;font-size:12px;padding:4px 12px;border:none;border-radius:8px;background-color:#fafafa;text-align:center;cursor:pointer}.game-options button.active{color:#fff;background-color:#df4040}.header{margin-bottom:6px;color:#858585;font-size:14px}.players-section .player-input{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.players-section .player-input input{font-size:12px;width:90%;height:32px;padding:12px 12px 12px 30px;border:1px solid gray;box-shadow:0 .5px 1px rgba(0,0,0,.2);border-radius:8px;background:url(/_next/static/media/user.3f080bb8.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:10px;outline:none}.players-section .player-input input:focus{border:2px solid #df4040}.players-section .player-input input.italic{font-style:italic}.players-section .player-input input.full-width{width:100%}.players-section .player-input .focused{border:2px solid red}.players-section .player-input button.remove-player-button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background-color:#fafafa;cursor:pointer}.players-section .player-input button.remove-player-button:hover{transform:scale(1.2)}.players-section .remove-last-player{display:flex;align-items:center;margin-top:6px;margin-left:2px;font-size:12px;color:#858585}.players-section .remove-last-player span{margin-left:4px}.players-section button.add-player-button{display:flex;align-items:center;justify-content:left;margin-top:6px;padding:8px 0;height:24px;width:220px;border:none;border-radius:14px;background-color:#fafafa;text-align:center;cursor:pointer}.players-section button.add-player-button span{font-size:12px;margin-left:4px}.players-section button.add-player-button:hover{transform:scale(1.1);font-weight:700}.team-header-image,.team-section{display:flex}.team-header-image img{margin-right:4px}.team-player-input{display:flex;flex-direction:column}.team-player-input input{width:90%;height:36px;margin-bottom:6px;padding:12px 12px 12px 30px;border:1px solid gray;border-radius:8px;outline:none}.team-player-input input:focus{border:2px solid #df4040}.team-player-input input.italic{font-style:italic}.team-1-section .team-player-input input{background:url(/_next/static/media/team-1-user.c73ec33c.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:10px}.team-2-section .team-player-input input{background:url(/_next/static/media/team-2-user.acc6d1e7.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:10px}.game-start{margin-top:28px}.game-start .game-start-button{width:100%;height:36px;font-size:20px;color:#fff;border:none;border-radius:8px;background-color:green;box-shadow:0 5px 15px rgba(0,0,0,.2);cursor:pointer}.game-start .game-start-button:hover{transform:scale(1.03)}.game-start .focused{border:4px solid red}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:999}.error{position:absolute;justify-content:center;top:50%;left:50%;height:50%;width:82%;padding:20px;transform:translate(-50%,-50%);color:#fff;background-color:hsla(0,4%,5%,.8);border-radius:8px;z-index:1000}.error,.error .error-content{display:flex;align-items:center}.error .error-content{height:80%;flex-direction:column;justify-content:space-evenly}.error .error-content p{text-align:center}.error .error-content button{background-color:#df4040;border:none;border-radius:8px;height:18%;width:100%;margin-top:12px;color:#fff;font-size:18px;cursor:pointer}@media(hover:none){button.add-player-button.hovered{transform:none;font-weight:400}}.timeout{display:flex;justify-content:space-evenly;align-items:center;padding:2px 10px;height:20px;font-size:12px}.focused{border:2px solid red}