@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;500&display=swap);:root{--small-card-width:max(15vh,15vw);--purply:#4545c4;--iris:#4545c4;--jordy-blue:#91c4f2;--vista-blue:#8ca0d7;--night:#151515;--redwood:#a63d40;--background-color:#aaa;--height-breakpoint:620px}html{background-color:#aaa;background-color:var(--background-color);font-family:Inter,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden}#root,.root,body,html{height:100%}.block{display:block}.TextCenter{text-align:center}.FlexGrowOnly{flex-basis:0;flex-grow:1;flex-shrink:0}.App,.Lobby{height:100%}.Lobby{display:flex;justify-content:center}.Choosing{align-items:center;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.Title{--border:1px solid #000;border-bottom:var(--border);border-top:var(--border);font-size:2.2em;margin-top:1em;text-align:center}.NamesAgainst{font-size:.8em;font-style:italic}.BrowseButton{margin:10px 0}.CrossFade{transition:opacity 3s ease-in}.CrossFadeHide{opacity:0;transition:opacity .5s ease-in}.CrossFadeShow{opacity:1;transition:opacity .5s ease-out}.Choices{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:1em;justify-content:center;margin:auto 0}@media (min-aspect-ratio:8/5){.Choices{align-items:center;flex-direction:row}}.ChoiceDivider{font-size:60px;text-align:center}.ChoiceButton{display:block;font-size:80px}.Details{align-items:stretch;align-self:start;display:flex;flex-direction:column}.JoinField{margin:.5em 0}.JoinField label{display:block;font-size:30px}.JoinInput{box-sizing:border-box;font-size:40px}.JoinButton,.JoinInput{display:block;width:100%}.JoinButton{font-size:30px}.TextInput{--border-bottom-width:3px;background-color:#f3f3f3;border:none;border-bottom:var(--border-bottom-width) solid transparent;padding:.2em}.TextInput:focus-visible{outline:none}.TextInput:focus{border:none;border-bottom:var(--border-bottom-width) solid var(--purply);box-sizing:border-box}button.Button{background-color:#f3f3f3;border:thin solid #000;border-radius:5px;color:#000;padding:15px}@media (max-height:620px){button.Button.ShrinkVertical{padding:2px 15px}}button.Button:hover{background-color:#ccc;cursor:pointer}button.Button:active{background-color:#111;color:#fff}button.Button:focus-visible{outline:solid 2px var(--purply)}button.Button:disabled{background-color:#e7e7e7;color:#a2a2a2;cursor:inherit}.Host{display:flex;flex-direction:column;height:100%}.Host footer{background-color:#fff;font-size:30px;padding:10px;text-align:center}.RoomCode{font-weight:500}.Host main{flex:1 1}.PlayersJoining{align-items:center;display:flex;flex-direction:column;gap:20px}.PlayersJoined{margin:0 auto;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.GhostPlayer{margin-left:.5em}.Players{background-color:#fff;box-shadow:2px 2px 10px -2px #000;margin:10px 20px;min-width:50vw;padding:10px;text-align:center}.JoinedPlayer{margin:10px 0}.Selecting{flex-direction:column}.Selecting,.Voting{align-items:center;display:flex;height:100%;justify-content:center}.Voting{flex-direction:row;flex-wrap:wrap}.VoteNow{flex:0 1;font-size:60px}.Status,.VoteNow{padding:1em;text-align:center}.Status{font-size:20px}.Reveal{align-items:center;flex-direction:column;margin-top:10px}.Cards,.Reveal{display:flex;justify-content:space-around}.Cards{align-items:flex-end;flex-direction:row;gap:20px}.WinningCards{display:flex;flex-direction:row;gap:10px}.WinningCard{align-items:center;display:flex;flex-direction:column;justify-content:flex-end}.PlayedByText{font-size:20px;margin-bottom:10px;text-align:center;width:var(--small-card-width)}.AllScores{background-color:#fff;box-shadow:2px 2px 10px -2px #000;padding:1em 2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.AllScoresTitle{font-size:30px;font-weight:500;margin-bottom:1em}@media (max-height:620px){.AllScores{padding-bottom:2px;padding-top:2px}.AllScoresTitle{font-size:25px;margin-bottom:2px}}.PlayerScores{grid-gap:.5em;display:grid;gap:.5em;grid-auto-columns:1fr}.PlayerScore{grid-row:1}.AddGhostButton,.ReadyToStartButton,.StartNewRoundButton{font-size:30px}.PlayerScoreName{font-weight:700}.GhostIcon{color:var(--purply)}.Card.small{--card-dynamic-height:17vh;--card-dynamic-width:13vh;--max-card-height:160px;--max-card-width:120px;--min-card-font-size:12px;--card-dynamic-font-size:1.7vh;--max-card-font-size:18px}.Card.medium{--card-dynamic-height:32vh;--max-card-height:300px;--card-dynamic-width:24vh;--max-card-width:225px;--min-card-font-size:16px;--card-dynamic-font-size:3vh;--max-card-font-size:30px}.Card{border-radius:2vh;font-size:clamp(var(--min-card-font-size),var(--card-dynamic-font-size),var(--max-card-font-size));height:clamp(120px,var(--card-dynamic-height),var(--max-card-height));padding:2vh;width:clamp(90px,var(--card-dynamic-width),var(--max-card-width))}.Card.large{border-radius:5vh;font-size:7vh;height:70vh;padding:5vh;width:44vh}.BlackCard{background-color:#000;color:#fff}.BlackCard,.WhiteCard{box-shadow:2px 2px 10px -2px #000;font-family:Inter,sans-serif;font-weight:500}.WhiteCard{background-color:#fff;color:#000}.WhiteCard>.Annotation{border:thin solid var(--iris);color:var(--iris);font-size:75%;margin-bottom:5px;text-align:center}.WhiteCard.Clickable{cursor:pointer}.WhiteCard.Selected{background-color:var(--vista-blue)}.PickCards,.Vote{align-items:center;display:flex;flex-direction:column;height:100%}.PickCards h1,.Vote h1{margin-block:10px;text-align:center}.Waiting{background-color:#fff;box-shadow:2px 2px 10px -2px #000;margin:10px 20px;padding:20px;text-align:center}.ShowAndPick{align-items:center;display:flex;flex-direction:column;height:100%}.PlayerSubmitButton{font-size:30px;margin:10px}.ShowAndPick h1{margin-block:10px;text-align:center}.PickWhiteCards{align-content:flex-start;flex-wrap:wrap;gap:10px;overflow-y:auto;padding:10px}.PickButtonArea,.PickWhiteCards{display:flex;flex-direction:row;justify-content:center}.PickButtonArea{align-content:center;width:100%}.Browse{display:flex;flex-direction:column;height:100%}.BrowseCardsArea{align-items:center;flex:1 1;flex-wrap:wrap;gap:30px}.BrowseCardsArea,.BrowseControls{display:flex;justify-content:center}.BrowseControls{align-items:baseline;flex-direction:row;margin:10px 0}.BlackCardArea{justify-content:right}.BlackCardArea,.WhiteCardsArea{align-items:center;display:flex}.WhiteCardsArea{gap:10px;justify-content:left}
/*# sourceMappingURL=main.f48f8d83.css.map*/