@import url(https://fonts.googleapis.com/css?family=Roboto);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}.LoginForm_wrapper__Q4oyG{align-items:center;background:#000 url(/static/media/logo.ef362f92bb31eb711d9f.svg) no-repeat 50%;background-size:50% auto;display:flex;justify-content:center}.LoginForm_inner__a7DtD{background:#00000080;border:1px solid #424242;border-radius:4px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;position:relative;width:300px}.LoginForm_title__5FilZ{background:#000;color:#fff;font-size:1.5rem;margin:0;padding:1rem}.LoginForm_form__gPEx5{padding:1.5rem 1rem;position:relative}.LoginForm_form__group__gaHYQ{background-color:#f5f5f5;border-radius:4px;box-sizing:border-box;display:flex;height:56px;overflow:hidden;position:relative;will-change:opacity,transform,color}.LoginForm_form__field__Xf4zy{align-self:flex-end;-webkit-appearance:none;appearance:none;background:none;border:1px solid #0000006b;border-radius:4px;box-sizing:border-box;font-weight:400;height:100%;letter-spacing:.009375em;padding:20px 16px 6px;transition:opacity .15s cubic-bezier(.4,0,.2,1);width:100%}.LoginForm_form__field__Xf4zy:focus{border-color:#424242}.LoginForm_form__field__Xf4zy::placeholder{color:#0000}.LoginForm_form__field__Xf4zy:placeholder-shown+.LoginForm_form__label__fqunJ{top:50%;transform:translateY(-50%)}.LoginForm_form__label__fqunJ{color:#0009;cursor:text;font-weight:400;left:16px;letter-spacing:.009375em;line-height:1.15rem;overflow:hidden;pointer-events:none;position:absolute;right:auto;text-align:left;text-overflow:ellipsis;top:50%;transform:translateY(-106%) scale(.75);transform-origin:left top;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);white-space:nowrap;will-change:transform}.LoginForm_form__field__Xf4zy:focus+label{color:#009688;transform:translateY(-106%) scale(.75)!important}.LoginForm_error__012y\+{background:#f5f5f5;border:1px solid red;border-radius:4px;color:red;left:50%;position:absolute;text-align:center;top:82px;transform:translateX(-50%);width:80%}.LoginForm_form__actions__PczeF{align-items:center;display:flex;justify-content:center;margin-top:1.5rem}.LoginForm_form__button__eGxY7{align-items:center;background:#009688;border:none;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;letter-spacing:.0892857143em;line-height:inherit;min-width:64px;outline:none;overflow:visible;padding:0 16px;position:relative;text-decoration:none;text-transform:uppercase;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;vertical-align:middle;will-change:transform,opacity}.LoginForm_form__button__eGxY7:hover{background:#26a69a}.RoomFull_room-full__CN-sm{align-items:center;background:#000 url(/static/media/logo.ef362f92bb31eb711d9f.svg) no-repeat 50%;background-size:50% auto;display:flex;justify-content:center}.RoomFull_message__zaPlQ{background:#00000080;border:1px solid #424242;border-radius:4px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;color:#fff;font-size:2rem;padding:1.5rem 1rem;text-align:center}.ConnectionManager_close__WBBgH{background:#000;border:2px solid #fff;border-radius:3px;color:#fff;cursor:pointer;font-weight:700;padding:1rem;position:fixed;right:20px;text-transform:uppercase;top:20px;z-index:1}.ConnectionManager_close__WBBgH:hover{background:#fff;border-color:#000;color:#000}@media (max-width:899px){.ConnectionManager_close__WBBgH{font-size:.75rem;padding:.5rem}}.GameOver_wrapper__uaEk1{align-items:center;background:#000 url(/static/media/logo.ef362f92bb31eb711d9f.svg) no-repeat 50%;background-size:25% auto;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;padding:0 1rem;text-align:center}.GameOver_title__aYvi7{font-size:2.5rem;margin:3.5rem auto 2rem;text-transform:uppercase}.GameOver_message__YXwtI{font-size:1.5rem;margin-bottom:1.5rem}.GameSelector_wrapper__uWC3L{align-items:center;background:#000 url(/static/media/logo.ef362f92bb31eb711d9f.svg) no-repeat 50%;background-size:50% auto;display:flex;justify-content:center}.GameSelector_inner__DsesD{background:#00000080;border:1px solid #424242;border-radius:4px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;position:relative;width:300px}.GameSelector_title__uyqQ8{background:#000;color:#fff;font-size:1.5rem;margin:0;padding:1rem}.GameSelector_body__d3HfL{padding:1.5rem 1rem}.GameSelector_option__ifu0s:first-child{margin-bottom:2rem}.GameSelector_option__ifu0s button{font-size:1.5rem;text-transform:none;width:100%}.GameSelector_description__1\+JTO{color:#fff;font-size:.8rem;margin-top:.3rem}.GameSelector_group__JnVSY{background-color:#f5f5f5;border-radius:4px;box-sizing:border-box;height:56px;overflow:hidden;position:relative;will-change:opacity,transform,color}.GameSelector_field__Fl5wd{align-self:flex-end;-webkit-appearance:none;appearance:none;background:none;border:1px solid #0000006b;border-radius:4px;box-sizing:border-box;font-weight:400;height:100%;letter-spacing:.009375em;padding:20px 16px 6px;transition:opacity .15s cubic-bezier(.4,0,.2,1);width:100%}.GameSelector_field__Fl5wd:focus{border-color:#424242}.GameSelector_field__Fl5wd::placeholder{color:#0000}.GameSelector_field__Fl5wd:placeholder-shown+.GameSelector_label__HrvsU{top:50%;transform:translateY(-50%)}.GameSelector_label__HrvsU{color:#0009;cursor:text;font-weight:400;left:16px;letter-spacing:.009375em;line-height:1.15rem;overflow:hidden;pointer-events:none;position:absolute;right:auto;text-align:left;text-overflow:ellipsis;top:50%;transform:translateY(-106%) scale(.75);transform-origin:left top;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);white-space:nowrap;will-change:transform}.GameSelector_field__Fl5wd:focus+label{color:#009688;transform:translateY(-106%) scale(.75)!important}.GameSelector_error__j6dTM{background:#f5f5f5;border:1px solid red;border-radius:4px;color:red;left:50%;position:absolute;text-align:center;top:82px;transform:translateX(-50%);width:80%}.GameSelector_actions__-iFY\+{align-items:center;display:flex;justify-content:center;margin-top:1.5rem}.GameSelector_button__arC1g{align-items:center;background:#009688;border:none;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;letter-spacing:.0892857143em;line-height:inherit;min-width:64px;outline:none;overflow:visible;padding:0 16px;position:relative;text-decoration:none;text-transform:uppercase;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;vertical-align:middle;will-change:transform,opacity}.GameSelector_button__arC1g:hover{background:#26a69a}.GameSelector_requesting__SY057{color:#fff;display:flex;font-size:1.5rem;margin:1rem 0;text-align:center}.GameSelector_dots__uf45j{animation-duration:3s;animation-iteration-count:infinite;animation-name:GameSelector_grow__Ft-aB;display:inline-block;overflow:hidden}@keyframes GameSelector_grow__Ft-aB{0%{width:0}33%{width:.3em}66%{width:.6em}to{width:auto}}.GameSelector_received__fPtz4{color:#fff;font-size:1.5rem;margin:1rem 0;text-align:center}.GameSelector_roomId__Y\+jEB{font-size:2rem;font-weight:700;margin:2rem 0}.Waiting_wrapper__pb77y{background:#000 url(/static/media/logo.ef362f92bb31eb711d9f.svg) no-repeat 50%;background-size:25% auto;display:flex;justify-content:center}.Waiting_inner__yk\+T7{color:#fff;padding:1.5rem 1rem}.Waiting_heading__\+5J8O{display:flex;font-size:2.5rem;text-align:center}.Waiting_dots__feMv8{animation-duration:3s;animation-iteration-count:infinite;animation-name:Waiting_grow__pKWgj;display:inline-block;overflow:hidden}@keyframes Waiting_grow__pKWgj{0%{width:0}33%{width:.3em}66%{width:.6em}to{width:auto}}.Waiting_message__9ZYNo{font-size:1.5rem}.ChangeSuitForm_form__9nc4A{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto)}.ChangeSuitForm_wrapper__tW\+GN{position:relative}.ChangeSuitForm_radio__biwcm{left:50%;position:absolute;top:50%;z-index:1}.ChangeSuitForm_label__4tAWM{align-items:center;aspect-ratio:1/1;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-top:.5rem;padding:1.2em .4em;position:relative;width:100%;z-index:2}.ChangeSuitForm_label__4tAWM.ChangeSuitForm_blue__lEo8Q{background:blue}.ChangeSuitForm_label__4tAWM.ChangeSuitForm_green__Szgtb{background:green}.ChangeSuitForm_label__4tAWM.ChangeSuitForm_orange__bm3iP{background:orange}.ChangeSuitForm_label__4tAWM.ChangeSuitForm_red__uw7hJ{background:red}.card{border:3px solid #fff;border-radius:4px;box-shadow:2px 2px 2px 0 #00000080;box-sizing:border-box;color:#fff;cursor:pointer;flex:0 0 auto;flex-direction:column;font-size:20px;font-weight:600;height:150px;isolation:isolate;line-height:1.1;padding:20px 0;position:relative;width:100px}.card,.face{align-items:center;display:flex;justify-content:center}.face{background:#fff;border-radius:120px 20px;color:currentColor;flex:1 1 50%;font-size:50px;height:70%;width:100%}.face-bottom,.face-top{color:#fff;position:absolute}.face-top{left:5px;top:2px}.face-bottom{bottom:2px;right:5px;transform:rotate(180deg)}.suit--blue{background:blue;color:blue}.suit--green{background:green;color:green}.suit--orange{background:orange;color:orange}.suit--red{background:red;color:red}.face--reverse span,.face--skip span{position:relative;top:-.11em}.face--reverse span{transform:rotate(-50deg)}.face--skip .face span{font-size:52px}.face--draw-4,.face--wild{background:#000;color:#fff}.face--draw-2 .face,.face--draw-4 .face{position:relative}.face--draw-2 .face span,.face--draw-4 .face span{color:#fff}.face--draw-2 .face:after,.face--draw-2 .face:before,.face--draw-4 .face span:after,.face--draw-4 .face span:before,.face--draw-4 .face:after,.face--draw-4 .face:before{border:2px solid #fff;border-radius:3px;box-shadow:0 0 0 1px #000;content:"";height:38px;left:50%;position:absolute;top:50%;width:26px}.face--draw-2 .face:before{transform:translate(-80%,-30%) skew(-10deg);z-index:2}.face--draw-2 .face:after{transform:translate(-20%,-70%) skew(-10deg);z-index:3}.suit--blue.face--draw-2 .face:after,.suit--blue.face--draw-2 .face:before{background:blue}.suit--green.face--draw-2 .face:after,.suit--green.face--draw-2 .face:before{background:green}.suit--orange.face--draw-2 .face:after,.suit--orange.face--draw-2 .face:before{background:orange}.suit--red.face--draw-2 .face:after,.suit--red.face--draw-2 .face:before{background:red}.face--draw-4 .face:before{background:blue;transform:translate(-40%,-80%) skew(-10deg);z-index:3}.face--draw-4 .face:after{background:green;transform:translate(-10%,-50%) skew(-10deg);z-index:5}.face--draw-4 .face span:before{background:orange;transform:translate(-70%,-10%) skew(-10deg);z-index:4}.face--draw-4 .face span:after{background:red;transform:translate(-100%,-40%) skew(-10deg);z-index:2}.face--wild .face,.face--wild .face-bottom,.face--wild .face-top{background:linear-gradient(red 50%,orange 0) no-repeat 0 0,linear-gradient(blue 50%,green 0) no-repeat 100% 0;background-size:50% 100%,50% 100%;border:2px solid #fff}.face--wild .face span{display:none}.face--wild .face-bottom,.face--wild .face-top{border-radius:120px 20px;height:20px;width:18px}.face--wild .face-bottom span,.face--wild .face-top span{display:none}@media (max-width:599px){.card{font-size:14px;height:105px;padding:14px 0;width:70px}.face{font-size:35px}}.card-pile{position:relative}.card-pile .back-card,.card-pile .card{left:0;position:absolute;top:0}.stack .back-card,.stack .card{z-index:2}.stack .back-card:first-child,.stack .card:first-child{position:relative;z-index:1}.discard-pile .card{z-index:1}.discard-pile .card:last-child{position:relative;z-index:2}.back-card{align-items:center;background:#000 url(/static/media/logo.ef362f92bb31eb711d9f.svg) no-repeat 50%;background-size:contain;border:3px solid #fff;border-radius:4px;box-shadow:2px 2px 2px 0 #00000080;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:20px;font-weight:600;height:150px;isolation:isolate;justify-content:center;line-height:1.1;padding:20px 0;position:relative;width:100px}@media (max-width:599px){.back-card{font-size:14px;height:105px;padding:14px 0;width:70px}}.Modal_modal__DJDMv{background:#fff;border-radius:3px;box-shadow:2px 2px 2px 2px #000;color:#424242;left:50%;max-width:90%;min-width:300px;position:fixed;top:260px;transform:translate(-50%);z-index:2}.Modal_close-button__eyAXS{background:#0000;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;position:absolute;right:10px;top:1rem;z-index:2}.Modal_title__3HkNf{background:grey;border-radius:3px 3px 0 0;color:#fff;line-height:1;margin:0;padding:1rem 2.5rem 1rem 1rem}.Modal_content__gGb69{border-radius:0 0 3px 3px;padding:2rem 1rem;text-align:center}@media (max-width:599px){.Modal_modal__DJDMv{top:210px}.Modal_close-button__eyAXS{top:.75rem}.Modal_title__3HkNf{padding:.75rem 2.5rem .75rem .5rem}.Modal_content__gGb69{padding:1rem .5rem}}.Player_player__BbU5W{display:flex;justify-content:center;overflow:hidden;position:relative;width:calc(100vw - 40px)}.Player_player__BbU5W:before{background:linear-gradient(90deg,#000,#0000);left:0}.Player_player__BbU5W:after,.Player_player__BbU5W:before{content:"";display:block;height:100%;position:absolute;top:0;width:40px;z-index:1}.Player_player__BbU5W:after{background:linear-gradient(90deg,#0000,#000);right:0}.Player_hand__ZuJFN{display:flex;gap:20px;overflow:auto;padding:0 40px}.GameBoard_gameBoard__y5Hjd{background:#000 url(/static/media/logo.ef362f92bb31eb711d9f.svg) no-repeat 50%;background-size:25%;color:fff;display:grid;grid-template-areas:"tl top tr" "left center right" "bl bottom br";grid-template-rows:auto 1fr auto;position:relative}.GameBoard_top__1129j{box-sizing:border-box;display:flex;gap:40px;grid-area:top;justify-content:center;margin:40px auto;padding:0 20px;width:100vw}.GameBoard_center__lV39R{align-self:center;display:flex;flex-direction:column;grid-area:center;height:100%;justify-content:space-between;justify-self:center}.GameBoard_bottom__RTZl3{display:flex;grid-area:bottom;justify-content:center;margin-bottom:20px}.GameBoard_cardPiles__IKnCK{grid-gap:20px;align-items:center;display:grid;flex:1 1 auto;gap:20px;grid-template-columns:repeat(2,minmax(0,50%));margin:0 auto}.GameBoard_gameState__6I-\+6{background:#282c3499;border:1px solid #fefeff99;border-radius:3px;color:#fffc;display:flex;font-size:1rem;gap:20px;margin:20px 0 40px;padding:.5rem 1.5rem;text-align:center}.GameBoard_active__uYsR7{background-color:#fffc;border-color:#fff;color:#000}.GameBoard_label__e8NRM{font-weight:600}.GameBoard_discardPile__ufQdI,.GameBoard_drawPile__DVNZ9{height:150px;position:relative;width:100px}@media (max-width:599px){.GameBoard_top__1129j{gap:20px}.GameBoard_discardPile__ufQdI,.GameBoard_drawPile__DVNZ9{height:105px;width:70px}}@media (max-width:899px){.GameBoard_top__1129j{margin-top:70px}}.OtherPlayer_player__6mmAl{margin-right:40px;width:140px}.OtherPlayer_hand__ORXVD{position:relative}.OtherPlayer_card__IoLjF:not(:first-child){position:absolute;top:0;z-index:1}.OtherPlayer_info__GI3CG{color:#fffc;margin:.5rem auto;text-align:center}.OtherPlayer_active__FInCD .OtherPlayer_info__GI3CG{color:#fff;font-weight:700}@media (max-width:599px){.OtherPlayer_player__6mmAl{width:90px}.OtherPlayer_player__6mmAl.OtherPlayer_back-card__joZCM{height:75px;width:50px}.OtherPlayer_info__GI3CG{font-size:.75rem}}@media (min-width:600px) and (max-width:899px){.OtherPlayer_info__GI3CG{font-size:.875rem}}.ChallengeCard_form__IAzCL{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"top top" "left right" "bottom bottom";grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto)}.ChallengeCard_title__oacSy{font-size:1.25rem;grid-area:top}.ChallengeCard_wrapper__X1\+ex{align-items:center;display:flex;flex-direction:column;position:relative}.ChallengeCard_wrapper__X1\+ex.ChallengeCard_accept__46h8y{grid-area:left}.ChallengeCard_wrapper__X1\+ex.ChallengeCard_refuse__lmXYb{grid-area:right}.ChallengeCard_radio__GMpy3{left:50%;position:absolute;top:50%;z-index:1}.ChallengeCard_label__Z757V{box-sizing:border-box;color:#fff;margin-top:.5rem;padding:1.2em .4em;position:relative;width:100%;z-index:2}.ChallengeCard_label__Z757V.ChallengeCard_accept__46h8y{background:green}.ChallengeCard_label__Z757V.ChallengeCard_refuse__lmXYb{background:red}@media (max-width:599px){.ChallengeCard_title__oacSy{font-size:1rem}.ChallengeCard_label__Z757V{padding:.75em .4em}}.Congratulations_backdrop__g4xqn{background:#000c;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2}.Congratulations_wrapper__p2V6y{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Congratulations_title__WPTLl{-webkit-text-fill-color:#0000;-webkit-text-stroke:1px #fff;background:linear-gradient(90deg,blue 25%,green 0,green 50%,orange 0,orange 75%,red 0);-webkit-background-clip:text;color:#0000;font-size:3rem;margin:1.5rem auto;position:relative;text-align:center;text-transform:uppercase}.Congratulations_card__ZaX1t{background:#000;border:8px solid #fff;border-radius:4px;box-shadow:2px 2px 6px 0 #00000080;box-sizing:border-box;cursor:pointer;flex-direction:column;font-size:30px;font-weight:600;height:375px;isolation:isolate;line-height:1.1;margin:0 auto;padding:50px 0;position:relative;width:250px}.Congratulations_card__ZaX1t,.Congratulations_name__K6eFZ{align-items:center;color:#fff;display:flex;justify-content:center}.Congratulations_name__K6eFZ{background:linear-gradient(90deg,blue 25%,green 0,green 50%,orange 0,orange 75%,red 0);border:4px solid #fff;border-radius:300px 50px;flex:1 1 50%;font-size:50px;height:70%;width:100%}.Congratulations_name__K6eFZ span{transform:rotate(-50deg)}.Congratulations_bottom__42GZj,.Congratulations_top__2sUGO{color:#fff;font-size:1.25rem;position:absolute;text-transform:uppercase}.Congratulations_top__2sUGO{left:10px;top:10px}.Congratulations_bottom__42GZj{bottom:10px;right:10px;transform:rotate(180deg)}@media (max-width:599px){.Congratulations_title__WPTLl{font-size:2rem}}body{background:#000;color:#fff;font-family:Roboto,sans-serif;position:relative}.App{display:grid;grid-template-areas:"top" "bottom";grid-template-rows:1fr 50px;height:100vh;max-height:-webkit-fill-available}input[type=number],input[type=text]{color:#424242;font-size:16px}@media (max-width:599px){.App{grid-template-rows:1fr 70px}}.Credits_credits__57k6h{align-items:center;box-sizing:border-box;color:#fff9;display:flex;gap:20px;justify-content:space-between;padding:10px 20px}.Credits_credits__57k6h a{color:#fff9}.Credits_credits__57k6h svg{fill:#fff9;width:1.75rem}.Credits_creative-commons__sVfUV{font-size:.75rem}.Credits_social__d0944{display:flex;gap:10px}.Credits_sr-only__R--1d:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.Credits_cc-icon__zxHeX{margin-left:.2em;max-height:1em;max-width:1em}
/*# sourceMappingURL=main.9de3da70.css.map*/