html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}html{box-sizing:border-box;background-color:#165522;background-image:url(/static/media/felt.bb43e2ae.jpg);background-repeat:repeat;height:100%}*,:after,:before{box-sizing:inherit;font-family:roboto}body,html{padding:0;margin:0}body{min-height:100%}h2,h3,ol,ul{margin:0;padding:0;list-style:none}#root{position:absolute;top:0;left:0;width:100%;min-height:100%;flex-direction:column;align-items:stretch}#root,.game{display:flex;justify-content:space-between}.game{flex:1 1 auto;flex-direction:column-reverse}.owns-crib{color:gold}.game .player{display:flex;flex-direction:column;align-items:flex-end}.game .player .owns-crib{color:gold;position:absolute;font-size:24px;top:-15px;right:-15px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.game .player.has-action .cards{box-shadow:0 -20px 40px 20px #dd822c}.game .player header{position:relative;margin:0 0 -1px;padding:3px 6px 0;align-self:center;background-color:#f0f0f0;border:1px solid #afafaf;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;z-index:1}.game .player header .user-name{position:relative}.game .player header .user-name input,.game .player header .user-name span{font-size:1em;font-weight:700;margin:0;padding:0;border:none;background:none}.game .player header .user-name span{color:transparent;background-color:transparent;visibility:hidden}.game .player header .user-name input{position:absolute;left:0;right:0;width:100%;height:100%}.game .player .action{align-self:stretch;height:68px;height:calc(68px + env(safe-area-inset-bottom, 0));background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 0 calc(10px + env(safe-area-inset-bottom, 0))}.game .player .action button{background-color:#fafafa;border:1px solid #afafaf;height:44px;min-width:100px;max-width:300px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1.2rem;color:#000;cursor:pointer}.game .player .action button:focus,.game .player .action button:hover{background-color:#3a3;color:#fff}.game .player .action button:active{-webkit-transform:scale(.9);transform:scale(.9)}.game .player .action button .card-horizontal{padding:10px 0;margin:0 .2em;border:none;min-width:0;min-height:0;background-color:hsla(0,0%,100%,.6)}.game .player .cards{flex:1 1 auto;align-self:stretch;margin:0;border-top:1px solid #afafaf;padding:6px calc(6px + env(safe-area-inset-right, 0)) 0 calc(6px + env(safe-area-inset-left, 0));background-color:#f0f0f0}.game .player .cards li{display:inline-block;margin:0;padding:0;max-width:100px}.game .player .cards label{cursor:pointer}.game .player .cards .card,.game .player .cards label{display:inline-block;width:100%}.game .player .cards label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.game .player .cards label input[type=radio]:checked+.card-small{outline:none;padding:4px 7px;border:2px solid #3a3;background-color:rgba(51,170,51,.1)}.game .player .cards label input[type=radio]:checked+.card-small+.card-large{padding:0;border:7px solid #3a3;background-color:#3a3;border-radius:12px}.game .player .cards label input[type=radio]:disabled+.card-small,.game .player .cards label input[type=radio]:disabled+.card-small+.card-large{cursor:default}.game .player .cards .card-large{padding:7px;display:none}@media(min-width:768px){.game .player .cards .card-small{display:none}.game .player .cards .card-large{display:inline-block}}.game .player.disabled .cards label input[type=radio]:disabled+.card-small,.game .player.disabled .cards label input[type=radio]:disabled+.card-small+.card-large{opacity:.75}@media(min-width:768px){.game .hand.player .action button{height:56px}}.game .common{display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-around;position:relative;padding:calc(5rem + env(safe-area-inset-top, 0)) calc(5rem + env(safe-area-inset-right, 0)) env(safe-area-inset-bottom,0) calc(5rem + env(safe-area-inset-left, 0));min-height:300px}.play-wrapper,.pre-play{background-color:hsla(0,0%,100%,.1);box-shadow:0 0 5px 1px hsla(0,0%,100%,.1);border-radius:20px;padding:5px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start}.play-wrapper h2,.pre-play h2{color:#fff}.play-wrapper{flex-direction:column;align-items:stretch}@media(min-width:768px){.play-wrapper{flex-direction:row}}.deck{display:flex;flex-direction:column}.deck .card-small{display:inline-block;width:44px}.deck .card-large{display:none}.deck .card-back{display:block;width:44px}@media(min-width:768px){.deck .card-small{display:none}.deck .card-large{display:block;width:75px}}.deck button{margin-top:10px;border:1px solid #000;background-color:#fff;border-radius:3px;cursor:pointer;padding:3px 6px;color:#000}.deck button:focus,.deck button:hover{background-color:#3a3;color:#fff}.deck button:focus:disabled,.deck button:hover:disabled{color:#000;background-color:#fff}.deck button:active{-webkit-transform:scale(.9);transform:scale(.9)}.deck button:disabled{opacity:.5;cursor:default;-webkit-transform:none;transform:none}.deck .has-action{box-shadow:0 0 10px 7px #dd822c}.users{flex-direction:column;z-index:-1}.pre-play>section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.crib{max-width:100px}.crib li{display:inline-block;width:40px}.crib .full{display:none}@media(min-width:450px){.crib{max-width:none}}@media(min-width:768px){.crib{max-width:none}.crib .mini{display:none}.crib .full{display:block}.crib .full li{width:75px}}.crib .crib-owner{color:#fff;font-size:.9rem}.users ol{position:absolute;top:0;left:0;width:100%;height:100%}.users ol>li{display:block;position:absolute;border-radius:25px}.users ol>li .cards-wrapper{position:absolute;padding:.5rem}.users ol>li .cards{position:relative;display:flex;width:100%;height:100%;z-index:0}.users ol>li .cards>li{position:relative;flex:1 1 auto}.users ol>li .cards>li:last-of-type{flex:1 0 auto}.users ol>li .cards>li>.card{position:absolute}.users ol>li .owns-crib{display:inline-block;width:0;position:relative;left:5px}.users ol>li h3{display:inline}.users ol>li:first-child,.users ol>li:nth-child(3){box-shadow:0 0 10px 2px hsla(0,0%,100%,.5);background-color:hsla(0,0%,100%,.6);width:4rem;top:70%;-webkit-transform:translateY(-70%);transform:translateY(-70%);min-height:150px;height:50%;max-height:75%;right:0;left:auto}.users ol>li:first-child.has-action,.users ol>li:nth-child(3).has-action{box-shadow:0 0 10px 2px #dd822c;background-color:rgba(221,130,44,.8)}.users ol>li:first-child .name-wrapper,.users ol>li:nth-child(3) .name-wrapper{position:absolute;top:50%;width:8rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.users ol>li:first-child .cards-wrapper,.users ol>li:nth-child(3) .cards-wrapper{top:0;width:200%;height:100%}.users ol>li:first-child .cards,.users ol>li:nth-child(3) .cards{flex-direction:column}.users ol>li:first-child .cards>li,.users ol>li:nth-child(3) .cards>li{width:100%}.users ol>li:first-child .cards>li,.users ol>li:first-child .cards>li .card,.users ol>li:nth-child(3) .cards>li,.users ol>li:nth-child(3) .cards>li .card{height:50px}@media(min-width:768px)and (min-height:700px){.users ol>li:first-child .cards>li,.users ol>li:first-child .cards>li .card,.users ol>li:nth-child(3) .cards>li,.users ol>li:nth-child(3) .cards>li .card{height:100px}}.users ol>li:first-child{left:0;width:calc(4rem + env(safe-area-inset-left, 0));border-top-left-radius:0;border-bottom-left-radius:0}.users ol>li:first-child .name-wrapper{right:-3.2rem}.users ol>li:first-child header{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.users ol>li:first-child .cards-wrapper{right:1rem}.users ol>li:first-child .cards>li .card{right:0}.users ol>li:nth-child(3){right:0;width:calc(4rem + env(safe-area-inset-right, 0));border-top-right-radius:0;border-bottom-right-radius:0}.users ol>li:nth-child(3) .name-wrapper{left:-3.2rem}.users ol>li:nth-child(3) header{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.users ol>li:nth-child(3) .cards-wrapper{left:1rem}.users ol>li:nth-child(3) .cards{flex-direction:column-reverse}.users ol>li:nth-child(3) .cards>li:last-of-type{flex:1 1 auto}.users ol>li:nth-child(3) .cards>li:first-of-type{flex:1 0 auto}.users ol>li:nth-child(3) .cards>li .card{left:0}.users ol>li:nth-child(2),.users ol>li:nth-child(4){background:none;border-radius:0;width:100%;left:0;height:4rem}.users ol>li:nth-child(2) .hand-wrapper,.users ol>li:nth-child(4) .hand-wrapper{border-radius:25px;box-shadow:0 0 10px 2px hsla(0,0%,100%,.5);background-color:hsla(0,0%,100%,.6);width:75%;max-width:400px;margin:0 auto;display:flex}.users ol>li:nth-child(2).has-action .hand-wrapper,.users ol>li:nth-child(4).has-action .hand-wrapper{box-shadow:0 0 10px 2px #dd822c;background-color:rgba(221,130,44,.8)}.users ol>li:nth-child(2) .cards-wrapper,.users ol>li:nth-child(4) .cards-wrapper{left:0;width:100%;height:200%}.users ol>li:nth-child(2) .cards,.users ol>li:nth-child(4) .cards{flex-direction:row}.users ol>li:nth-child(2) .cards>li,.users ol>li:nth-child(4) .cards>li{height:100%}.users ol>li:nth-child(2) .cards>li,.users ol>li:nth-child(2) .cards>li .card,.users ol>li:nth-child(4) .cards>li,.users ol>li:nth-child(4) .cards>li .card{width:50px}@media(min-width:350px){.users ol>li:nth-child(2) .cards>li,.users ol>li:nth-child(2) .cards>li .card,.users ol>li:nth-child(4) .cards>li,.users ol>li:nth-child(4) .cards>li .card{width:100px}}.users ol>li:nth-child(2){top:0;height:calc(4rem + env(safe-area-inset-top, 0))}.users ol>li:nth-child(2) .hand-wrapper{border-top-right-radius:0;border-top-left-radius:0;flex-direction:column-reverse}.users ol>li:nth-child(2) .cards-wrapper{height:200%;bottom:1rem}.users ol>li:nth-child(2) .cards>li{overflow:hidden}.users ol>li:nth-child(2) .cards>li .card{top:calc(100% - 2rem)}.users ol>li:nth-child(4){bottom:0;height:calc(4rem + env(safe-area-inset-bottom, 0))}.users ol>li:nth-child(4) .hand-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0;flex-direction:column}.users ol>li:nth-child(4) .cards-wrapper{top:1rem}.users ol>li:nth-child(4) .cards>li .card{top:0}.users ol>li .hand-wrapper{overflow:hidden;position:relative;width:100%;height:100%}.users ol>li header{text-align:center}.users ol>li .deal{position:absolute;top:100%}.card-small{font-weight:700;width:1.2em;width:calc(1em + 20px);padding:5px 8px;margin:0 2px;border:1px dotted #000;border-radius:5px;background-color:#fff}.card-small.card-horizontal{padding:1px;margin:0}.card-back{fill:#c33;border:none}section.play{position:relative;text-align:center;flex:1 1 auto;min-width:50px}section.play .cards{display:flex;flex-direction:row;overflow-x:auto;width:100%}section.play li{flex:0 0 auto;width:20px;margin-left:3px}section.play li .card{width:45px}section.play .full{display:none}@media(min-width:768px){section.play .mini{display:none}section.play .full{display:flex}section.play .full li{width:25px}section.play .full li .card{width:75px}}section.play .play-total{position:absolute;top:5px;left:5px;color:#fff;font-size:.8em;font-weight:300}section.play li+.last-card{margin-left:30px}@media(min-width:768px){section.play li+.last-card{margin-left:70px}}section.play .last-card svg,section.play .last-card~li svg{background-color:#fff;border-radius:5px}section.play .last-card svg>text,section.play .last-card svg>use,section.play .last-card~li svg>text,section.play .last-card~li svg>use{opacity:.6}section.play .last-card{margin-left:10px;position:relative}@media(min-width:768px){section.play .last-card{margin-left:20px}}section.play .last-card:before{position:absolute;display:block;height:90%;top:5%;left:-5px;content:" ";border-left:1px solid #000}@media(min-width:768px){section.play .last-card:before{left:-10px}}section.scores{flex:0 1 auto;position:relative;color:#fff}@media(min-width:768px){section.scores{padding-left:20px}section.scores:before{position:absolute;display:block;height:90%;top:5%;left:10px;content:" ";border-left:1px solid #000}}section.scores dd{margin-bottom:6px}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.not-a-player.game .hand.player{display:none}.not-a-player.game .users ol>li:first-child,.not-a-player.game .users ol>li:nth-child(3){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);min-height:150px;height:50%;max-height:60%}.not-a-player.game .common{padding-bottom:5rem}.not-a-player.game p{color:#fff;text-align:center;margin:0;font-weight:300;font-style:italic}.space-holder{visibility:hidden}button.options{position:absolute;top:5px;right:5px;background:none;border:none;box-shadow:none;color:hsla(0,0%,100%,.6);margin:0;padding:0;font-size:1.2rem;z-index:100}.ReactModal__Body--open{overflow:hidden}.ReactModal__Overlay{z-index:1000}.ReactModal__Content{overflow:auto}.ReactModal__Content ol li{margin:5px 0}.ReactModal__Content ol button{margin:0;background:none;border:none;box-shadow:none;font-size:1rem;padding:0 2px}.ReactModal__Content .watcher{margin-top:2rem}.ReactModal__Content .watcher+.watcher{margin-top:0}.ReactModal__Content .checkbox-setting,.ReactModal__Content .select-setting{display:block}.ReactModal__Content .checkbox-setting:first-of-type,.ReactModal__Content .checkbox-setting:nth-of-type(2),.ReactModal__Content .checkbox-setting:nth-of-type(3),.ReactModal__Content .select-setting:first-of-type,.ReactModal__Content .select-setting:nth-of-type(2),.ReactModal__Content .select-setting:nth-of-type(3){margin-top:2rem}.debug{display:none}
/*# sourceMappingURL=main.4068f120.chunk.css.map */