body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{height:100%}button:focus{outline:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.App{height:100%}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.Lobby{min-height:100%;width:100%;padding:20px;background-color:green;color:#fff;text-align:center;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}#inputGameCode,#inputNick{width:4em;margin:auto;font-size:1.5em;text-align:center}#inputNick{width:8em}.text-muted.text-gray{color:#d3d3d3!important;margin-bottom:20px}#rejoinGameTable{background-color:hsla(0,0%,100%,.5)}#rejoinGameTable tr:not(:first-child){cursor:pointer}#rejoinGameTable.table-hover tbody tr:first-child:hover{color:initial;background-color:initial}#rejoinGameTable .exit-button{margin-left:30px}.GameRoom{position:relative}.GameRoom,.GameStart{height:100%;display:flex;justify-content:center;align-items:center}.GameStart{z-index:4;opacity:.95;position:absolute;top:0;left:0;width:100%;flex-flow:column nowrap;transition:opacity .3s linear}.GameStart.closed{opacity:0;pointer-events:none}.GameSheet{background-color:#f6f8f1;border:3px dashed #a9a9a9;border-radius:10px;min-height:60%;max-height:80%;min-width:70%;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;text-align:center}.ConnectionWatcher{z-index:30;opacity:0;transition:opacity .3s linear .5s}.ConnectionWatcher,.ConnectionWatcher .backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ConnectionWatcher .backdrop{background-color:#000;opacity:.3}.ConnectionWatcher svg{color:gold;position:absolute;top:0;right:0;margin-top:25px;margin-right:100px;animation:pulse 1s infinite}.ConnectionWatcher.connected svg{animation-play-state:paused}.ConnectionWatcher.disconnected{opacity:1}.Menu{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.menubutton{width:37px;height:37px;pointer-events:all;background-color:hsla(0,0%,100%,.3);border-radius:3px;box-shadow:2px 2px rgba(0,0,0,.2);border:none;outline:none}.Menu>.menubutton{position:absolute;margin-right:20px;margin-top:25px;right:0;top:0}.menubutton svg{font-size:30px;position:absolute;left:6px;top:3.5px;color:#000;transition:opacity .2s linear}svg.open-icon{opacity:1}svg.close-icon{left:8.5px;opacity:0}.menu-open svg.open-icon{opacity:0}.menu-open svg.close-icon{opacity:1}.menubutton:focus{outline:none}.menubutton:hover{background-color:hsla(0,0%,100%,.5)}.MenuContent{min-height:50%;min-width:50%;max-width:90%;max-height:100%;opacity:0;pointer-events:none;padding:5px;border-radius:10px;border:1px solid grey;background-color:hsla(0,0%,94.1%,.99);box-shadow:10px 10px 20px #222;transition:opacity .3s ease-in-out;flex-flow:column nowrap;align-items:center}.MenuContent,.menuTopRow{display:flex;justify-content:space-between}.menuTopRow{align-self:stretch;flex-grow:0;flex-shrink:0;flex-flow:row-reverse nowrap}.menuTopRow button{height:37px;width:37px;font-size:30px}.menuTopRow button svg{position:relative;top:-11px;left:-4px}.menu-action-button{margin:10px;flex-grow:0;flex-shrink:1;width:80%}.menu-open .MenuContent{opacity:1;pointer-events:auto}.ScoreBoard{max-height:100%;max-width:100%;overflow:scroll;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;flex-grow:0;flex-shrink:10;background-color:#e7e7e6}.ScoreBoardTitle{font-size:1.5em}.ScoreBoardTable{overflow:scroll}.ScoreBoardTable tr:first-child th{width:15%}.ScoreBoardTable tr:first-child th:first-child{width:30%}.ScoreBoardTable td,th{text-align:center}.ScoreBoardTable td:first-child,.ScoreBoardTable th:first-child{text-align:left}.playingcard{position:absolute;transform:rotate(0) scale(1);width:69px;height:94px;cursor:pointer;border-radius:8px;transition:left .6s ease-in-out,top .6s ease-in-out,opacity .2s linear}.playingcard.fast-move{transition:left .2s ease-out,top .2s ease-out,opacity .2s linear}.playingcard img{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease-in .5s;pointer-events:none}.playingcard .faceup-img{opacity:0}.playingcard .facedown-img,.playingcard.faceup .faceup-img{opacity:1}.playingcard.faceup .facedown-img{opacity:0}.playingcard.ui-draggable-dragging{z-index:2000;transform:scale(1.2);opacity:.9;transition:none}.playingcard.transparent{opacity:.9}.playingcard.ui-draggable-dragging img{transition:opacity .2s ease-in}.CardTable{padding:5px;background-color:green;overflow:hidden;border:6px solid brown;border-radius:8px;box-shadow:1px 1px 2px #111;-webkit-user-select:none;user-select:none;transition:border-color 1s;position:absolute;z-index:0;top:0;left:0;display:flex;flex-flow:column nowrap;width:100%;min-height:100%}.CardTable.in-turn{border-color:orange}.other-player{max-height:120px;margin:2px;padding:3px 0;box-shadow:-5px -5px 10px #006400;border:1px solid #006400;border-radius:10px;display:flex;flex-flow:row nowrap}.other-player.disconnected{background-color:#283f28!important}.other-player .player-name{color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.2em;overflow:hidden;width:1.4em;padding:10px 0;text-align:center;flex-shrink:0}.other-player.in-turn .player-name{font-weight:700}.player-connection-indicator{margin-left:auto;align-self:flex-end;position:relative;color:red;font-size:2em;text-align:right;left:-40px;width:0}.player-hands{display:flex;flex-flow:row wrap}.player-hand{float:left;border-radius:10px;margin:0 5px;height:105px;align-self:center}.closed-hand{z-index:1000}.open-hand{border:1px solid transparent}.turn-indicator{background-color:inherit;transition:background-color .7s linear}.turn-indicator.in-turn{background-color:#2eb139;transition:background-color .7s linear .7s}#gamearea.turn-indicator.in-turn{animation:color-me-in 1.5s}#gamearea{width:100%;border-radius:10px;display:flex;flex-flow:column nowrap}#controlrow{display:flex;flex-flow:row nowrap;justify-content:center}#infocolumn{color:#fff;text-align:center;display:flex;flex-flow:column nowrap;margin:10px 30px}#roundinfo{font-size:1.2em}.winner{font-size:1.3em;color:#ff0;font-style:bold}#controls{display:flex;flex-flow:row nowrap;align-items:center}#controls button{margin:0 20px;min-width:100px;flex-grow:0;flex-shrink:0}.btn-light.disabled,.btn-light:disabled{opacity:.4}#deckrow{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}#deck,#pile{margin:10px;height:110px;width:100px;border-radius:10px;border:1px dashed #006400;transition:background-color .3s linear;flex-shrink:0;flex-grow:0}#deck.canDrag,#pile.canDrag{border-color:transparent;background-color:hsla(0,0%,100%,.4);transition-delay:3s;animation:pulse 1.5s 3s infinite}.CardTable.small-game #deck.canDrag,.CardTable.small-game #pile.canDrag{animation-delay:0ms;transition-delay:0ms}#pile.canBuy{border-style:solid;border-color:#ff8c00;background-color:#f8af56}#my-closed-hand-sections{overflow:visible;border-radius:10px;margin-top:20px;margin-bottom:10px;margin-left:0;border-top:1px dotted #006400;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}#bought-indicators{position:relative;align-self:start;top:0;left:50%;height:10px;width:0;overflow:visible;transform:translateX(-30px) translateY(-50%);display:flex}.bought-indicator{display:inline-block;flex-shrink:0;width:10px;height:10px;border-radius:5px;margin:0 5px;border:1px solid #006400}.bought-indicator.used{background-color:#006400}.new-section,.section{height:105px;margin:5px 0;border:2px solid transparent;border-radius:10px;pointer-events:none;overflow:visible}.section{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.section .placeholder{position:relative;top:3px;border:1px dashed #006400}.section .status-box{position:relative;float:right;color:#fff;bottom:52px;display:none}.section.selected .status-box{display:block}.CardTable .ui-droppable-hover{border:2px solid gold!important}.new-section{height:94px;width:69px;color:#006400;font-size:3em;vertical-align:middle;position:relative;border:1px dashed #006400}.new-section div{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.CardTable.selecting .hand-section{pointer-events:all}.CardTable.selecting .hand-section:not(.selected):not(.error){border-color:grey}.CardTable.selecting .hand-section:hover:not(.error){border-color:orange}.CardTable.selecting .hand-section.selected{background-color:orange;border-color:#d28800}.CardTable.selecting .playingcard{pointer-events:none;transform:scale(.9)}.Hand{position:relative}.round-ended .closed-hand.Hand,.round-ended .hand-section{position:relative;z-index:1000}.hand-score{display:none;border-radius:5px;height:25px;width:35px;top:50%;left:50%;text-align:center;font-size:1.1em;font-weight:700;position:absolute;transform:translateX(-50%) translateY(-50%);color:#fff;background-color:#8b0000}.round-ended #section0 .hand-score,.round-ended .closed-hand .hand-score{display:block}.hand-length{width:30px;padding:1px;min-width:15px;position:absolute;top:50%;left:50%;text-align:center;font-size:1em;font-weight:700;border-radius:4px;transform:translateX(-50%) translateY(-50%);color:#000;background-color:hsla(0,0%,100%,.9)}.popover{z-index:1000000;pointer-events:none}@keyframes color-me-in{0%{background-color:inherit}20%{background-color:inherit}50%{background-color:#a7ddab}70%{background-color:#a7ddab}to{background-color:#2eb139}}@media only screen and (max-width:767px){.playingcard{overflow:hidden;border-radius:7px;border:1px solid rgba(48,48,48,.6274509803921569);width:40px;height:60px}.playingcard img{top:40px;left:27px;height:100%;transform:scale(2.5)}.playingcard img.facedown-img{top:27px;left:18px;transform:scale(2)}.playingcard.ui-draggable-dragging{transform:scale(1.4) translateX(10%) translateY(-30%);opacity:.8;transition:none}.CardTable .ui-droppable-hover{background-color:gold}.other-player{max-height:unset;flex-flow:row nowrap}.other-player .player-name{padding:10px 0;text-align:center;max-height:150px}.player-hands{justify-content:flex-end;flex-grow:1}.closed-hand{min-width:unset}.spacer{min-width:0;flex-grow:1;flex-shrink:1}.player-hand{margin:0;height:66px}#controlrow{flex-flow:row wrap}#deckrow{justify-content:flex-end}#deck,#pile{height:70px;width:60px}#deck.canDrag,#pile.canDrag{animation:none}#my-closed-hand-sections{margin-top:0;margin-bottom:0}.new-section,.section{height:70px;min-width:10px;margin:5px 0}.new-section{height:60px;width:40px}.hand-score{background-color:rgba(139,0,0,.8);top:0;left:50%;transform:translateX(-50%) translateY(-50%)}}
/*# sourceMappingURL=main.844b785b.chunk.css.map */