body,html{height:100%}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#38010f 0,#291f02);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}#base,#game,#root,body,html{height:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Container{text-align:center;transform:translateY(40%);vertical-align:middle}.PageTitle{color:#fff;font-size:70px}.inputField{height:15%;margin-bottom:20px;width:25%}.inputField,.joinButton{border-radius:20px;font-size:25px;padding:2%}.joinButton{height:auto;width:20%}.joinButton:hover{background-color:#d3d3d3;cursor:pointer}.systemResponse{color:#fff;font-size:25px;opacity:0;padding-top:2%;transition:.2s ease-in-out}.systemResponse.active{opacity:1}.playerName{font-size:15px;font-weight:500;list-style-type:none;margin-bottom:5px}.Game{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.Row{color:#fff;width:100%}.Col,.Row{align-items:center;display:flex;flex-direction:row}.Col{height:100%;justify-content:center}#TitleRow{align-items:center;display:flex;flex-direction:column;height:10%;padding-top:20px}#MidRow,#TopRow{height:25%}#BotRow{height:40%}.Col.LeftCol{width:25%}.Col.MidCol{width:50%}.Col.RightCol{width:25%}#tlCell{align-items:flex-start;display:flex;justify-content:flex-start}.Scoreboard{background-color:#fff;border:3px solid #000;border-radius:20px;height:auto;margin-left:5vh;margin-top:vh;min-width:7em;padding:1vh;width:auto}.ScoreboardRow{align-items:center;display:flex;flex-direction:row;justify-content:center}#scoreboardTitle{color:#000;font-size:20px;font-weight:700;margin:5px}#themScore,#usScore{color:#000;font-size:20px;font-weight:500;margin-bottom:5px;margin-top:5px}.DeckHold{align-items:flex-end;display:flex;overflow:visible}.MyCard{--rotation:0deg;align-items:center;background-color:wheat;border:3px solid #000;border-radius:10px;color:#000;display:flex;height:21vh;justify-content:center;margin:-2vh -2vh 5px;transition:transform .5s ease;width:14vh;z-index:1}.MyCard:hover{background-color:#d4cc7e;cursor:pointer;transform:rotate(var(--rotation)) translateY(-3vh) scale(1.2)!important}.MyCard img{height:100%;width:100%}.OpponentCard{align-items:center;background-color:wheat;border:3px solid #000;border-radius:10px;color:#000;display:flex;height:12vh;justify-content:center;margin:-3vh;width:9vh}.DeckHold.North{margin-bottom:auto;margin-top:2vh;transform:rotateX(180deg)}.DeckHold.West{margin-left:auto;margin-right:10vh;transform:rotate(90deg)}.DeckHold.East{margin-left:10vh;margin-right:auto;transform:rotate(-90deg)}.DeckHold.South{margin-bottom:6vh;margin-top:auto}.NameBox{color:#000;height:100%;justify-content:space-between;width:100%}.NameBox,.NameField{align-items:center;display:flex}.NameField{background-color:#fff;border:3px solid #000;border-radius:10px;justify-content:center;min-width:8vh;padding:2%}#topLeftName{align-self:flex-start;margin-left:-30vh;margin-top:3vh}#topRightName{align-self:flex-end;margin-bottom:5vh;margin-right:23vh}#bottomLeftName{align-self:flex-start;margin-left:23vh;margin-top:5vh}#bottomRightName{align-self:flex-end;margin-bottom:8vh;margin-left:30vh}.SingleNameBox{color:#000;min-width:8vh;opacity:.9;position:absolute;width:auto;z-index:15}.SingleNameField{align-items:center;background-color:#fff;border:3px solid #000;border-radius:10px;display:flex;justify-content:center;padding:10% 10% 10% 10px;white-space:nowrap;width:auto}#south{bottom:5vh}#east{margin-left:10vh;margin-right:auto}#west{margin-left:auto;margin-right:10vh}#north{top:14.5vh}.BidBox{align-items:center;background-color:wheat;border:3px solid #000;border-radius:5vh;bottom:0;color:#000;display:flex;flex-direction:column;height:60vh;left:0;margin:auto;opacity:0;padding:2vh;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;width:60vh;z-index:0}.BidBox.active{opacity:1;z-index:21}#BidBoxHeader{font-size:30px;font-weight:700;margin-bottom:2vh}#BidBoxHR{background-color:#000;color:#000;height:3px}#BidBoxHR,.BidBoxRow{margin-bottom:2vh;width:100%}.BidBoxRow{flex-direction:row}.BidBoxRow,.BidField{align-items:center;display:flex;justify-content:center}.BidField{background-color:#d3d3d3;border:3px solid #000;border-radius:5vh;cursor:default;font-size:3vh;font-weight:700;height:10vh;width:50%}.BidBox.active .BidField.active{background-color:#fff;cursor:pointer}.LeftField{margin-right:1vh}.RightField{margin-left:1vh}.BidBox.active .BidField.active:hover{background-color:#d4cc7e}#overlay{background-color:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .5s ease-in-out;z-index:20}#overlay.active{opacity:1;pointer-events:all}.PlayArea{background-color:#fff;border:3px solid #000;border-radius:100%;color:#000;flex-direction:column;height:160%;padding:2vh;width:70%}.PlayArea,.PlayRow{align-items:center;display:flex;justify-content:center}.PlayRow{height:20%;margin:5px 0;width:60%}.NorthCard{height:20vh;rotate:180deg;width:15vh}.NorthCard,.WestCard{background-color:wheat;border:3px solid #000;border-radius:10px}.WestCard{height:24vh;margin-left:10vh;margin-right:auto;min-height:20vh;min-width:15vh;order:-1;rotate:90deg;width:18vh}.SouthCard{height:20vh;margin-bottom:5vh;overflow:visible;width:15vh}.EastCard,.SouthCard{background-color:wheat;border:3px solid #000;border-radius:10px}.EastCard{height:24vh;margin-left:auto;margin-right:10vh;min-height:20vh;min-width:15vh;rotate:-90deg;width:18vh}.EastCard img,.NorthCard img,.SouthCard img,.WestCard img{height:100%;width:100%}.ResultBox{align-items:center;background-color:wheat;border:3px solid #000;border-radius:5vh;bottom:0;color:#000;display:flex;flex-direction:column;height:30vh;left:0;margin:auto;opacity:0;padding:2vh;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;width:30vh;z-index:0}.ResultBox.active{opacity:1;z-index:22}.ResultBoxHeader{font-family:Georgia,Times New Roman,Times,serif;font-size:30px;font-weight:bolder;margin-bottom:2vh}.ResultBoxHR{background-color:#000;color:#000;height:3px;margin-bottom:2vh;width:100%}.ResultRowBox{flex-direction:column;height:100%;width:auto}.ResultBoxRow,.ResultRowBox{align-items:center;display:flex;justify-content:center}.ResultBoxRow{flex-direction:row;font-size:2.5vh;font-weight:700;margin-bottom:2vh;width:100%}.DeclareBox{align-items:center;background-color:wheat;border:3px solid #000;border-radius:5vh;color:#000;display:flex;flex-direction:column;height:auto;left:0;margin:auto;opacity:0;padding:2vh;position:absolute;right:0;top:30%;transition:opacity .5s ease-in-out;width:30vh;z-index:0}.DeclareBox.active{opacity:1;z-index:30}.DeclareBoxHeader{font-size:30px;font-weight:bolder;margin-bottom:2vh}.DeclareBoxHR{background-color:#000;color:#000;height:3px;margin-bottom:2vh;width:100%}.DeclareBoxRow{align-items:center;background-color:#d3d3d3;border:1px solid #000;border-radius:15px;display:flex;flex-direction:row;font-size:120%;font-weight:700;justify-content:center;margin-bottom:2vh;padding-bottom:.5vh;padding-top:.5vh;width:100%}.DeclareBoxRow:hover{cursor:pointer}.DeclareBoxRow.selected{background-color:#fff;cursor:pointer}.DeclareButton{background-color:#fff;border:1px solid #000;border-radius:15px;font-size:4vh;font-weight:700;padding:1vh}.DeclareButton:hover{background-color:#d4cc7e;cursor:pointer}.MessageBubble{align-items:center;background-color:#f7f1d4;border:1px solid #000;border-radius:20px;color:#000;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:15vh;min-width:20vh;opacity:0;overflow:visible;transition:opacity .5s ease-in-out;width:20vh;z-index:0}.MessageBubble.active{opacity:1;z-index:30}.MessageBubbleRow{font-size:150%}#bmCell,#tmCell,.OuterContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.OuterContainer{height:80vh}.ContainerWrapper{align-items:center;display:flex;justify-content:center}.RoomContainer{margin-top:20px;text-align:center;vertical-align:middle}.RoomBox{background-color:#fff;border:3px solid #000;border-radius:20px;height:50%;width:200px}.RoomLabel{color:#000;font-size:25px;font-weight:700;margin:5px}.RoomID{color:#000;font-size:20px;font-weight:500;margin-bottom:10px}.ButtonContainer{align-items:center;background-color:#fff;border:3px solid #000;border-radius:20px;display:flex;justify-content:center;margin-top:20px}.StartGameLabel{color:#000;font-size:25px;font-weight:700;margin:5px}.StartGameButton{background-color:#970e0e;border:1px solid #000;border-radius:20px;color:#fff;display:inline-block;font-size:20px;margin:5px;padding:10px 20px;text-align:center;text-decoration:none}.StartGameButton.active{background-color:#4caf50}.StartGameButton.active:hover{background-color:#45a049}.PageTitle{color:#f3e9ca;font-family:Georgia,Times New Roman,Times,serif;font-size:30px;font-weight:bolder}
/*# sourceMappingURL=main.507c2684.css.map*/