.Logo{flex-grow:2}.Logo img{width:100%;max-height:45vh;display:block}.Decoration{color:#000;text-shadow:.5vmin .7vmin 1vmin #3d252533;cursor:pointer;-webkit-user-select:none;user-select:none;flex-grow:1;margin-left:3vmin;margin-right:3vmin;font-family:KidsDrawings;font-size:calc(25px + 15vmin)}.Type{flex-direction:column;justify-content:space-around;align-items:center;min-height:100%;display:flex}.Type textarea{width:80vw;height:20vh;margin:2vmin 0}.Type h1 img{width:25vmin;margin-top:2.3vmin}.Type button{margin-bottom:3vmin}.Draw{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.Draw-tools{flex-direction:column;flex-grow:1;align-items:center;display:flex}.Draw-tools .tool-color,.Draw-tools>.tool-button{margin:2vmin}.Draw-tools .tool-button-done{margin:5vmin 2vmin 2vmin}.Draw-canvas{flex-grow:1}.Draw-canvas canvas{touch-action:none;cursor:crosshair;border-radius:2vmin;max-width:100%;max-height:100vh;display:block}.tool-button{color:#fff;text-align:center;cursor:pointer;background-color:#281bdb;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:15vmin;height:15vmin;font-size:.7em;text-decoration:none;display:flex;box-shadow:.5vmin .7vmin 1vmin #0003}.tool-button-help{background-color:#b00}.tool-button-done{background-color:#4caf50}.tool-button img{filter:invert();width:7vmin;height:7vmin}.tool-button-brush{cursor:pointer;margin:1vmin}.tool-button-brush>div{background-color:#000;border-radius:50%}.tool-popup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;border-radius:4vmin;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-left:2vmin;padding:1vmin;display:flex;position:absolute}.tool-color{cursor:pointer;border-radius:50%;width:15vmin;height:15vmin;position:relative;box-shadow:.5vmin .7vmin 1vmin #0003}.tool-color .tool-color-selectedcolor{z-index:-1;border-radius:50%;width:13vmin;height:13vmin;position:absolute;top:1vmin;left:1vmin}.tool-color img{width:15vmin;height:15vmin}.ColorPicker{width:100%;height:100%;display:flex}.ColorPicker>div{flex-direction:column;flex-grow:1;display:flex}.ColorPicker>div>div{cursor:pointer;flex-grow:1}.DrawHelp{flex-direction:column;justify-content:space-evenly;align-items:center;min-height:100%;display:flex}.DrawHelp h1 img{height:14vmin;margin-top:2.3vmin}.BeforeGameStartScreen{align-items:center;width:100%;height:100%;display:flex}.BeforeGameStartScreen-left{text-align:left;flex-direction:column;width:50vw;height:100%;display:flex}.BeforeGameStartScreen-right{flex-direction:column;justify-content:space-evenly;align-items:center;width:50vw;height:100%;display:flex}.BeforeGameStartScreen-right .field{white-space:nowrap;-webkit-user-select:all;user-select:all;max-width:44vw;overflow:auto}.BeforeGameStartScreen-right .Logo{flex-grow:0}.BeforeGameStartScreen-right .Logo img{width:30vmin}.Players-title{padding-left:2vmin}.Players{background-color:#fff;border:.7vmin solid #000;border-width:.7vmin .7vmin 0 0;border-radius:0 2vmin 0 0;flex:auto;min-height:10vmin;margin-right:5vmin;padding:2vmin;overflow:auto;box-shadow:.5vmin .7vmin 1vmin #0003}.Players .Player{margin-bottom:2vmin}.Join{align-items:center;width:100%;height:100%;display:flex}.Join-logo{flex-direction:column;flex-grow:1;flex-basis:50%;justify-content:space-evenly;align-items:center;height:100%;display:flex}.Join-logo .Logo{flex-grow:0}.Join-logo .Logo img{width:40vw;max-height:75vh}.Join-content{flex-grow:1;flex-basis:50%}.Join-content .SelectFace{margin-top:.5vmin;margin-bottom:3vmin}.Join-content label{margin-bottom:.9vmin;display:block}.Join-content input{width:80%;margin-bottom:4vmin}.SelectFace{cursor:pointer;vertical-align:middle;width:24vmin;height:24vmin;margin:0 auto}.App{text-align:center;width:100%;height:100%}.App>div{width:100%;height:100%}.Player{white-space:nowrap;align-items:center;display:flex}.Player .Face{flex:none;margin-right:2vmin}.Face{-webkit-user-select:none;user-select:none;text-align:center;background-color:#fff;border:.7vmin solid #000;border-radius:50%;width:24vmin;height:24vmin;font-family:TheFreakyFace;font-size:30vmin;line-height:21vmin;overflow:hidden;box-shadow:.5vmin .7vmin 1vmin #0003}.Face-small{width:16vmin;height:16vmin;font-size:20vmin;line-height:14.2vmin}.buttons{flex-wrap:wrap;justify-content:space-evenly;width:100%;padding:1vmin;display:flex}.buttons .button{margin:1vmin}.button{color:#fff;text-align:center;cursor:pointer;background-color:#4caf50;border:none;border-radius:4vmin;outline:none;padding:2vmin 4vmin;font-size:1em;text-decoration:none;display:inline-block;box-shadow:.5vmin .7vmin 1vmin #0003}.button-red{background-color:#b00}.button-blue{background-color:#3434d1}.button:disabled{cursor:not-allowed;background-color:#888}.Drawing{max-width:90vw;max-height:100vh;margin:2vmin 0;display:block}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}@font-face{font-family:Comic Neue;src:url(/assets/ComicNeue-Regular-T33zOu0n.woff)format("woff")}@font-face{font-family:KidsDrawings;src:url(/assets/KidsDrawings-DrND27pd.woff)format("woff");font-display:block}@font-face{font-family:TheFreakyFace;src:url(/assets/TheFreakyFace-BxX77vxV.woff)format("woff");font-display:block}body{background-color:#ffffbe}body,button,input,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-family:Comic Neue,sans-serif;font-size:calc(14px + 3vmin)}a{color:#000}h1{margin:1vmin 0;font-size:calc(16px + 4vmin);font-weight:700}input,textarea,.field{text-align:center;background-color:#fff;border:.7vmin solid #000;border-radius:2vmin;outline:none;padding:1vmin 2vmin;box-shadow:.5vmin .7vmin 1vmin #0003}.field{word-break:break-word;overflow-wrap:anywhere}.field-label{font-size:.7em}.hidden{display:none!important}.small{font-size:.7em}