.App-logo{pointer-events:none;display:inline;max-height:30vh}.App-header{min-height:20vh;display:flex;flex-direction:row;align-items:center;justify-content:center}.contents{text-align:left;padding:0 20px}.lobbyScreen button{margin:20px auto 10px;position:absolute;bottom:20px;left:0;right:0}.lobbyScreen{position:absolute;top:0;bottom:0;left:0;right:0}.lobbyScreen .participants{height:calc(100% - 135px - 30vh)}.participants{list-style-type:none;padding:10px 20px;display:flex;gap:10px;justify-content:top;flex-direction:column;margin:0 auto;max-width:400px;background-color:#f8f2cf;border-radius:20px;overflow-y:auto;color:#1d7b70}.participant{text-align:center;font-size:20px}.participant-header{font-size:25px;text-align:center;background-color:#1d7b70;margin:-10px -20px 0;padding:5px;color:#f8f2cf}.loadingScreenText{text-align:center;font-size:20px;display:block;margin:20px}.gameScreen{max-width:800px;margin:0 auto;padding:10px}.nextButton{margin:30px auto!important}.judgement{list-style-type:none;padding:10px 20px;display:flex;gap:10px;justify-content:top;flex-direction:column;margin:10px auto 20px;max-width:400px;background-color:#f8f2cf;border-radius:20px;overflow-y:auto;color:#1d7b70;text-align:center}.judgeWord,.judgeGuess{margin:auto;font-weight:700}.judgementControls{display:flex;gap:20px;justify-content:center}.gameScreenHeader{height:100px;font-size:20px;display:flex;flex-direction:row;align-items:center;justify-content:left}.gameScreenHeaderDetails{padding:0 20px}.gameScreenHeader>.App-logo{max-height:120px;margin-left:20px}.gameScreenHeader>span{font-size:20px;display:block;margin:20px}.scoreBoard{text-align:center;background-color:#f8f2cf;padding:10px 15px;color:#1d7b70;border-radius:20px;box-shadow:3px 5px 10px #0005,-3px -5px 10px #fff5;line-height:22px;font-size:20px}.scoreTitle{font-weight:700;display:block;margin-bottom:0;text-transform:uppercase}.scoreScore{display:block;margin-top:0}.clueEntry{display:flex;gap:0;margin-top:10px}.clueEntry>input,.clueEntry>button,.completedWord{background:#f8f2cf;text-align:center;font-size:20px;font-weight:700;text-transform:uppercase;color:#1d7b70;border:8px solid #e53d57;border-right-color:#1d7b70;border-top-color:#1d7b70;background-clip:padding-box!important;outline:none;height:60px;padding:0 20px;border-radius:20px}.completedWord{display:block;flex:1;padding:5px}.clueEntry>input{flex:2;border-right-width:0px;border-radius:20px 0 0 20px}.clueEntry>button{border-radius:0 20px 20px 0;border-left-width:0px;cursor:pointer}.clueEntry>button:disabled{box-shadow:none;color:#1d7b7088}.inGame.participants{margin-top:20px;padding-bottom:20px}.inGame .participant{display:flex;text-align:left;position:relative}.inGame .participant:nth-child(odd):before{background-color:#0000001a;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:-5px -20px}.inGame .participantName{flex:2;display:block;z-index:1}.inGame .participantStatus{z-index:1}.clueHidden,.clueVisible{padding-right:40px}.clueHidden{text-decoration:line-through}.buttonHider{z-index:2;background:#f8f2cf;border-radius:5px;color:#1d7b70;border-color:#90482d;border:2px solid #e53d57;border-right-color:#1d7b70;border-top-color:#1d7b70;box-shadow:3px 5px 10px #0005,-3px -5px 10px #fff5;cursor:pointer;position:absolute;right:0;top:0;bottom:0;padding:0 5px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#be924e;color:#f8f2cf}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.raised{box-shadow:5px 10px 20px #0003,-5px -10px 20px #fff3}.pill{display:flex;align-items:center;position:relative;width:250px;background:#f8f2cf;padding:8px 20px;height:55px;border-radius:20px;text-align:center;font-size:20px;font-weight:700;text-transform:uppercase;color:#1d7b70;border:8px solid #e53d57;border-right-color:#1d7b70;border-top-color:#1d7b70;margin:10px;background-clip:padding-box!important;box-shadow:5px 10px 20px #0005,-5px -10px 20px #fff5}.pill:active{box-shadow:none}.pill:disabled{box-shadow:none;color:#1d7b7088;border:8px solid #e53d5788;border-right-color:#1d7b7088;border-top-color:#1d7b7088}.pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-16px;background:#f8f2cf;border-radius:inherit}.pill>span{position:absolute;top:8px;right:20px;bottom:8px;left:20px;white-space:nowrap;text-overflow:ellipsis;text-align:center;overflow:hidden;line-height:20px}
