body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#fff;margin:0;font-family:Tahoma,sans-serif}.App{text-align:center;background:#fff;grid-template:"screen""footer"0/1fr;width:100vw;height:90vh;display:grid;position:absolute;bottom:0}.Header{z-index:950;background-color:#87ceeb;justify-content:space-between;align-items:flex-start;width:calc(100vw - 1em);height:2em;padding:.5em .5em 0;font-weight:700;display:flex;position:fixed;top:0}#title{text-align:left;cursor:pointer;width:4em}#roomCode{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;font-size:1.5em}#roomCode:focus{outline:none}.clickedLink{animation:.25s clickedLink}@keyframes clickedLink{0%{font-size:1em}50%{font-size:.75em}to{font-size:1em}}#functions{text-align:right;cursor:pointer;justify-content:flex-end;align-items:center;width:4em;display:flex}#mute{padding:0 .5em}.Footer{background-color:#d3d3d3;grid-area:footer;display:none}.Overlay{z-index:1000;background-color:#fffffff2;width:100vw;height:100vh;font-size:3em;font-weight:700;position:fixed;top:0;left:0}.Modal{z-index:975;background-color:#fffffff2;width:100vw;height:100vh;font-size:1.25em;font-weight:700;position:fixed;top:0;left:0}.Notice{z-index:925;text-align:center;width:100vw;font-size:.75em;font-weight:700;position:fixed;bottom:.5em;left:0}.Lobby{flex-direction:column;grid-area:screen;justify-content:space-between;align-items:center;display:flex}h1{font-size:2.5em}a{color:#000;font-weight:700;text-decoration:underline}#instructions{padding:.25em;font-size:1.5em}.lobbyButtons{flex-direction:row;padding-bottom:1.5em;font-size:calc(min(5vw,4vh));font-weight:700}.lobbyButtons div{cursor:pointer;border-radius:.25em}.lobbyInfo{padding:.25em;font-weight:700}.Create{color:#fff;background:#4169e1;margin:.5em;padding:.75em;font-size:1.1em}.slider{width:25em;max-width:80vw}.Join{flex-direction:row;max-width:7em;margin:.5em;padding:.25em}.Start{color:#fff;background:#4169e1;margin:.5em;padding:.75em;font-size:1.1em}.Rename{flex-direction:row;max-width:7em;margin:.5em;padding:.25em}#inputBox{text-align:center;width:10em;height:2.5em;box-shadow:none;border:.1em solid #d3d3d3;border-radius:.25em;font-size:1em}#inputBox:focus{outline:none}.clickedButton{pointer-events:none;animation:1s clickedButton}@keyframes clickedButton{0%{background-color:#4169e1}50%{background-color:#87ceeb}to{background-color:#4169e1}}.Play{grid-template:"header""table"1fr"hand"calc(15vh + 4em)/1fr;grid-area:screen;display:grid}.Button{font-size:2em}.Players{z-index:925;flex-direction:column-reverse;grid-area:table;justify-content:center;align-items:flex-start;display:flex}.Player{cursor:pointer;border:.25em solid #0000;border-radius:.75em;flex-direction:row;justify-content:flex-start;margin:0 .25em;display:flex}.playerLobby{flex-flow:wrap;justify-content:center;align-items:center;width:90vw;padding:1em;display:flex;overflow-y:visible}.playerTable{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:10em;max-height:40vh;display:flex;overflow-y:scroll}.playerTable::-webkit-scrollbar{display:none}.pageHolder{flex-direction:row;width:4em;padding:0 .75em;display:flex}.page{cursor:pointer;padding:0 .1em 0 0}.playerHighlight{animation:.5s highlightPlayer;display:flex!important}.hidden{display:none}.strikes{border-color:#639}.disconnected{color:red}@keyframes highlightPlayer{0%{position:relative;left:0}50%{position:relative;left:2vw}to{position:relative;left:0}}.playerValue{border:.25em solid #000;border-radius:.5em;padding:.5em;font-size:.76em;font-weight:700}.playerName{justify-content:center;align-items:center;font-size:.75em;display:flex}.Status{justify-content:space-between;align-items:center;width:calc(100vw - 1em);padding:.5em;display:flex;position:fixed;top:3em}.Latest{z-index:900;flex-direction:column;grid-area:table}.Pile{flex-direction:column-reverse;grid-area:table;justify-content:center;align-items:flex-end;padding:.5em;display:flex}.Hand{cursor:pointer;background-image:linear-gradient(#fff 67% 67%);grid-area:hand;justify-content:flex-start;align-items:center;padding:0;font-weight:700;display:flex;overflow:hidden}.Card{background-color:#fff;border:.25em solid #000;border-radius:.5em;margin:.25em;font-weight:700}.Latest .Card{width:20vh;height:30vh;font-size:3em;animation:.25s playLatest}@keyframes playLatest{0%{position:relative;top:4vh;left:0}33%{position:relative;top:-2vh;left:0}67%{position:relative;top:1vh;left:0}to{position:relative;top:0;left:0}}.Pile .Card{width:5.5em;height:4vh;font-size:.75em;animation:.25s playPile}@keyframes playPile{0%{position:relative;bottom:4vh}to{position:relative;bottom:0}}.Hand .Card{min-width:7vh;min-height:10vh;margin:0;font-size:1.5em}.handWrapper{flex-direction:row-reverse;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-left:calc(50vw - 4vh - .875em);display:flex;overflow-x:visible}.handTooltip{color:#000;text-align:center;width:100%;font-size:1em;position:absolute;bottom:calc(15vh + 5em)}.cardWrapper{margin:0 -1em 0 0}.cardWrapper:last-child{border-radius:1.25em;position:relative;bottom:1.5em;overflow:visible}.nextCard{border:.25em solid #87ceeb;border-radius:1.125em;animation:.25s playNext}@keyframes playNext{0%{position:relative;left:2em}to{position:relative;left:0}}.autoCard{border:.25em solid #4169e1;border-radius:1.125em}.cardWrapper:last-child .Card{min-width:8vh;min-height:12vh;font-size:2em}.missed{color:red;border:.25em solid red}.stale{opacity:.25}.replay,.endgame{width:50%;height:100%}.centered{justify-content:center;align-items:center;display:flex}.column{flex-direction:column;justify-content:center;align-items:center;display:flex}.About{flex-direction:column;grid-area:screen;justify-content:space-around;align-items:center;display:flex}.aboutParagraph{max-width:calc(min(40em,80vw));height:100%}.discordButton{color:#fff;cursor:pointer;background-color:#5865f2;border-radius:1em;width:10em;padding:.25em;text-decoration:none}.back{cursor:pointer;padding:.5em;font-size:3em;position:fixed;top:0;left:0}.unselectable{-webkit-user-select:none;user-select:none}@media screen and (aspect-ratio<=1){.App{height:85vh}}@media only screen and (height<=540px) and (aspect-ratio>=3/2){body{overflow:hidden}.Overlay{background-color:#fff;display:flex!important}}