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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--highlight-color:#dd0;--selected-color:#5f5;--revealed-color:#fa3;--card-back-color:#454;--card-border-color:#000;--play-area-background:#252}body{background:#696}.App{margin:0 auto;max-width:70rem;text-align:center}.game-table{align-items:flex-start;display:flex;flex-direction:row;width:100%}#myName{font-size:1.6rem;overflow-y:visible;width:100%}#myName .name{cursor:pointer;display:inline-block;font-size:inherit;margin:0 .5rem;min-width:10rem}.player-name-form-button{background:none;border:none;cursor:pointer;font-size:inherit;height:100%}#myName input{background:#131;border:3px solid #5f5;border:3px solid var(--selected-color);border-radius:1rem;color:#5f5;color:var(--selected-color);font-weight:700;text-align:center;width:10rem}#myName .highlight{animation-duration:2s;animation-iteration-count:infinite;animation-name:encourageRename}@keyframes encourageRename{0%{color:inherit;filter:drop-shadow(0 0 0)}50%{color:#dd0;color:var(--highlight-color);filter:drop-shadow(0 0 1rem #DD0);filter:drop-shadow(0 0 1rem var(--highlight-color))}to{color:inherit;filter:drop-shadow(0 0 0)}}.deck{align-self:flex-end;background-color:#454;background-color:var(--card-back-color);border-color:#000;border-color:var(--card-border-color);border-radius:6px;border-style:solid double double solid;border-width:3px 9px 9px 3px;color:#fff;cursor:grab;flex-basis:auto;font-size:2rem;font-weight:700;height:8rem;margin:1rem 1rem 7rem;min-width:6rem}.deck.highlight{animation-duration:2s;animation-iteration-count:infinite;animation-name:encourageDraw;box-sizing:border-box;position:relative}.deck.highlight:before{animation-duration:2s;animation-iteration-count:infinite;animation-name:reachingHand;content:"🤚";left:0;position:absolute;text-align:center;top:8rem;width:100%}.deck.highlight:hover{animation:none;background-color:#dd0;background-color:var(--highlight-color);box-shadow:0 0 5rem #dd0;box-shadow:0 0 5rem var(--highlight-color)}@keyframes encourageDraw{0%{background-color:#454;background-color:var(--card-back-color);box-shadow:0 0 0}50%{background-color:#dd0;background-color:var(--highlight-color);box-shadow:0 0 3rem #dd0;box-shadow:0 0 3rem var(--highlight-color)}to{background-color:#454;background-color:var(--card-back-color);box-shadow:0 0 0}}@keyframes reachingHand{0%{top:9rem}50%{top:6rem}to{top:9rem}}.my-hand,.other-player-hand,.other-player-revealed-hand,.sets{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}.my-hand{min-height:9rem}.my-hand li{height:8rem;list-style-type:none;position:relative;width:6rem}.my-hand li img,.other-player-hand img,.other-player-revealed-hand li img,.scored-set img{height:100%}.hide-or-show-card{background:0;border:0;border-radius:1rem;height:1.5rem;padding:.1rem;position:absolute;right:0;top:0;width:1.5rem}.hide-or-show-card:before{content:"👁"}.revealed .hide-or-show-card{background:#fa3;background:var(--revealed-color)}li.revealed{border-color:#fa3;border-color:var(--revealed-color)}.other-player-hand li,.other-player-revealed-hand li{color:#fff;font-size:1.6rem;font-weight:700;height:4rem;line-height:3.8rem;list-style-type:none;text-align:center;width:3rem}.other-player-revealed-hand li{margin:.2rem}.other-player-hand{min-height:5rem;padding:0}.other-player-hand .hidden-card{margin-left:-2.7rem}.other-player-hand .hidden-card:first-child{margin-left:0}.card,.hidden-card{border:3px solid #000;border:3px solid var(--card-border-color);border-radius:6px;margin:.2rem}.card{align-items:center;background-color:#fff;cursor:pointer;display:flex;font-size:4rem;justify-content:center}.card[aria-selected=true]{border:3px solid #5f5;border:3px solid var(--selected-color);box-shadow:0 0 1rem #5f5;box-shadow:0 0 1rem var(--selected-color)}.ready-to-score .card[aria-selected=true]{border-color:#dd0;border-color:var(--highlight-color);box-shadow:0 0 1rem #dd0;box-shadow:0 0 1rem var(--highlight-color)}.hidden-card{background-color:#454;background-color:var(--card-back-color)}#myName,h3{margin:0 0 1rem}.opponent-name-button{background:none;border:none;box-sizing:border-box;color:inherit;font-size:1.4rem;font-weight:700;height:2.5rem}.opponent-name-button:not([disabled]){color:#5f5;color:var(--selected-color)}.opponent-name-button:not([disabled]),.opponent-name-button:not([disabled]):hover{border:3px solid #5f5;border:3px solid var(--selected-color);border-radius:1rem;cursor:pointer;padding:0 1rem}.opponent-name-button:not([disabled]):hover{background-color:#5f5;background-color:var(--selected-color);color:#252;color:var(--play-area-background)}.opponent-name-button:not([disabled]):before{content:"⇒️ "}.sets{align-items:center;min-height:5rem}.sets li{list-style-type:none}.score-button,.scored-set{align-items:center;background-color:#fff;border-color:#000;border-color:var(--card-border-color);border-style:solid double double solid;border-width:2px 6px 6px 2px;display:flex;font-size:1.5rem;height:3rem;justify-content:center;margin:.2rem;overflow:hidden;text-align:center;width:2rem}@keyframes readytoscore{0%{border-color:#252;border-color:var(--play-area-background);font-size:1.25rem;height:3rem;margin:.2rem;width:2rem}50%{border-color:#dd0;border-color:var(--highlight-color);font-size:2rem;height:4.5rem;margin:-.6rem -.3rem;width:3rem}to{border-color:#252;border-color:var(--play-area-background);font-size:1.25rem;height:3rem;margin:.2rem;width:2rem}}.score-button{animation-duration:2s;animation-iteration-count:infinite;animation-name:readytoscore;background:transparent;border:3px dashed #dd0;border:3px dashed var(--highlight-color)}.score-button button{background:none;border:none;color:#dd0;color:var(--highlight-color);cursor:pointer;font-size:inherit;height:100%;width:100%}.play-areas{display:flex;flex-grow:1;flex-wrap:wrap}.play-area{background:#252;background:var(--play-area-background);border:5px solid #252;border:5px solid var(--play-area-background);border-radius:2rem;color:#fff;flex-grow:2;margin:.5rem;max-width:60rem;padding:1rem;position:relative;width:100%}.play-area.current-turn{border-color:#5f5;border-color:var(--selected-color)}.opponent-play-area{flex-grow:1;padding:1rem 2rem;width:auto}.choose-template{color:#fff}.choose-template .template-list{display:flex;flex-wrap:wrap}.template{background:#252;background:var(--play-area-background);border-radius:2rem;color:#fff;flex-grow:1;font-size:2rem;list-style-type:none;margin:1rem;position:relative;width:100%}.choose-template-button{background:none;border:none;color:inherit;cursor:pointer;font-size:inherit;padding:2rem;width:100%}.choose-template-button:before{content:"▶";left:2rem;margin-right:1rem;position:absolute}.expanded .choose-template-button:before{content:"▼";margin-right:1rem}.choose-template-selection-count{background:#252;background:var(--play-area-background);font-size:1.4rem;margin:0;padding:1rem;position:sticky;top:0;z-index:10}.card-choice{cursor:pointer;padding:1rem;text-align:center}.card-choice img{height:150px}.card-name{margin:0}.card-choice-selected:hover{filter:drop-shadow(0 0 1rem #DD0);filter:drop-shadow(0 0 1rem var(--highlight-color))}.card-choice-unselected{opacity:.3}.card-list{display:flex;flex-wrap:wrap}.card-list li{flex-grow:2;white-space:nowrap}.create-game-button{background:none;border:3px solid #5f5;border:3px solid var(--selected-color);border-radius:2rem;color:#5f5;color:var(--selected-color);cursor:pointer;font-size:1.4rem;margin:1rem;padding:1.2rem;width:auto}.create-game-button:hover{background:#5f5;background:var(--selected-color);color:#252;color:var(--play-area-background)}.choose-template a{color:#dd0;color:var(--highlight-color)}.card-list>li{font-size:1.4rem;list-style-type:none;margin:1rem;min-height:3rem;text-align:left}.card-list input{transform:scale(2)}.game-table .sidepanel{left:0;margin:.5rem 0 .5rem .5rem;position:sticky;top:.5rem}.player-list{background:#252;background:var(--play-area-background);border:3px solid #000;border-radius:1rem;color:#fff;cursor:pointer;list-style-type:none;margin:0;overflow-x:hidden;padding:1rem 0;text-align:left;width:8rem}.player-list:hover{border-color:#dd0;border-color:var(--highlight-color)}.player-list li{padding:.4rem 0 .4rem 1rem}.player-list li.current-turn{background:#5f5;background:var(--selected-color);color:#252;color:var(--play-area-background);font-weight:700}.player-list li.current-turn:before{content:"↓";display:inline-block;margin-left:-1rem;width:1rem}.player-list li.current-turn:last-child:before{content:"↑"}.modal{background:rgba(0,0,0,.8);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal .message{border:3px solid #fff;border-radius:2rem;margin:0 auto;padding:1rem 4rem;position:relative;width:auto}.modal-body{font-size:2rem}.modal button{height:auto;width:auto}.modal-controls{display:flex;justify-content:center;margin:0 auto;width:auto}.modal-controls button{background:none;border:none;cursor:pointer;font-size:2rem;margin:1rem}.modal-controls button:focus,.modal-controls button:hover{filter:drop-shadow(0 0 1rem #DD0);filter:drop-shadow(0 0 1rem var(--highlight-color))}.modal .cancel-button{background:none;border:none;border-radius:1rem;color:#fff;font-weight:700;height:2rem;position:absolute;right:.5rem;top:.5rem;width:2rem}.modal .cancel-button:focus,.modal .cancel-button:hover{background-color:#dd0;background-color:var(--highlight-color);color:#000}.leave-button{height:auto;position:absolute;right:1rem;top:1rem}.leave-button:hover{filter:drop-shadow(0 0 .6rem #FA0)}.magnify:hover{overflow:visible}.magnify:hover img{border:solid #000;height:200px;transition:height .2s ease-out;z-index:100}
/*# sourceMappingURL=main.128b414a.css.map*/