canvas{background-color:#fff;border:1px solid gray;margin:0 auto;position:relative}#paint-canvas{touch-action:none}.cross-hair{cursor:crosshair}.color-button{box-sizing:border-box;float:left;border-radius:50%;display:block;overflow:hidden;box-shadow:0 0 3px gray}.color-button:hover,.color-button.active{cursor:pointer;border:2px solid #fff}@media (max-width:500px){.color-button-size{border:3px solid #f2f2f2;width:50px;min-width:50px;height:50px;min-height:50px;margin:2px}.color-button:hover,.color-button.active{cursor:pointer;border:3px dashed #fff}}@media screen and (min-width:500px){.color-button-size{border:5px solid #f2f2f2;width:50px;min-width:50px;height:50px;min-height:50px;margin:5px;font-size:.5em}}.break{flex-basis:100%;height:0}.container{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}#canvas-overlay{z-index:1;pointer-events:none;border:5px dashed #e0e0e0;display:none;position:absolute}#visible-area{position:absolute;bottom:-25px}@media only screen and (min-device-width:320px) and (max-device-width:600px){.keyboard_container{width:95%}}@media screen and (min-device-width:600px){.keyboard_container{width:50%}}.keyboard_key{color:#000d;cursor:pointer;vertical-align:top;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#ffffff92;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;width:6%;max-width:90px;height:45px;margin:3px;padding:0;font-size:1.05rem;display:inline-flex;position:relative}.keyboard_key:active{background:#ffffff1f}.keyboard_disabled{pointer-events:none;opacity:.4}.inline-flex{flex-direction:column;align-items:flex-start;margin:0 8px;display:inline-flex}.inline-flex input{width:90%;padding:4px 8px}.inline-flex .message{margin-top:2px;font-size:.8em}.story .group{margin:15px 0}.story input~label{left:7px}.story .highlight input{border:1px solid red}.story .highlight input:focus{border:0}.story .display{font-size:1.5em;line-height:1.9em}html{height:100%}body{flex-direction:column;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex}.app{flex-direction:column;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex;overflow-x:hidden}.app-logo{pointer-events:none;height:30vmin}.small-logo{pointer-events:none;height:20vmin}.app-light{color:#4e4e4e;background-color:#f7f7f7}.app-light .app-link,.app-light .app-link:visited,.app-light .app-link a{color:#000;cursor:pointer}.app-blue{color:#fff;background-color:#4572cc}.app-blue .app-link,.app-blue .app-link:visited,.app-blue .app-link a{color:#fff;cursor:pointer}.app-blue label,.app-blue .error-color{color:#f5f5f5}.header-notification{margin:0 auto}.spin{animation-name:app-logo-spin;animation-duration:1s}.no-pointer{pointer-events:none}.text-align-center{text-align:center}.text-align-right{text-align:right}.larger-title{padding:8px;font-size:1.1em;font-weight:700;display:block}.half-size-title{padding:0;font-size:.5em;display:block}.font-14px{font-size:14px}.medium-font{font-size:.7em}.smallest-font{font-size:12px;font-weight:400}.bolder{font-weight:bolder}.ul-numbered{list-style-type:decimal;list-style-position:inside}.ul-nostyle{margin:0;padding:0;list-style-type:none}.list-inline>li{padding-right:5px;display:inline-block}.scroll-flex>*{overflow-y:auto}.text-align-left{text-align:left}.players{text-align:left;margin:0 10px;padding:0}.chat-emphasize{font-size:16px;font-weight:bolder}.align-center{align-items:center}.align-left{align-items:baseline}.align-right{align-items:end}.flex-center{justify-content:center}.height-200{height:200px}.auto-scroll{overflow:auto}.height-275{height:275px}.flex-container{display:flex}.flex-grid{flex-wrap:wrap;display:flex}.border-box{box-sizing:border-box}.flex-item{box-sizing:border-box;padding:10px;display:flex}.flex-2-col{flex:50%;height:400px}.flex-2-col-sidebar{flex:30%;height:400px}.flex-2-col-main{flex:70%;height:400px}.flex-item .item{flex:auto}.pad-5pc-top{padding-top:5%}.pad-5pc-bottom{padding-bottom:5%}.pad-5pc{padding:5%}.pad-5pc-lr{padding-left:5%;padding-right:5%}.flex-1{flex:1}.flex-row{flex-flow:wrap;width:100%;display:flex}.flex-column{flex-direction:column;flex:1 1 0;display:flex}.flex-inline-form-field{flex-direction:column;flex:6 1 0;padding:5px;display:flex}.flex-inline-form-button{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;padding:5px;display:flex}@media (max-width:800px){.flex-column{flex:100%}}.offset-bottom{padding-bottom:15%}.empty-space{margin-bottom:5%}.margin-bottom-30,.card.margin-bottom-30{margin-bottom:30px}.time{position:absolute;bottom:10px;right:10px}.question{white-space:pre-wrap;padding:4%}.question-small{font-size:calc(10px + 2vmin)}.question-big{font-size:calc(10px + 4vmin)}.answer{color:#464646;width:40%;min-height:100px}.answer-wrapper{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.answer input[type=submit]:disabled{background:#c9c9c9}.answer input[type=submit]:hover:not([disabled]),input[type=submit]:active{background:#f5f5f5}@media (hover:hover) and (pointer:fine){.answer input[type=submit]:hover:not([disabled]),input[type=submit]:active{background:#d8d8d8}}.answer input[type=submit]{color:#464646;cursor:pointer;white-space:normal;background:#f5f5f5;border:0;width:100%;height:100%;padding:0%;font-size:100%}.answer input{margin:0}.dark-border{border:1px solid #000}.light-background{background:#f5f5f5}.hidden{display:none}@media only screen and (min-device-width:320px) and (max-device-width:480px){.center-screen{width:96%}.offset-phone-addressbar{margin-bottom:18%}.box,.popup{width:70%}.flex-2-col{flex:100%}}@media screen and (min-device-width:400px){.card{padding:20px;position:relative}.card-md-fixed-auto-height{height:375px;overflow:none}.large-title{margin:.5vm;font-size:4em;font-weight:700;display:block}.center-65{width:65%;max-width:1000px;margin-left:auto;margin-right:auto}.chat-group{width:65%;margin:0;position:absolute;bottom:25px}.flex-2-col{flex:100%}}@media (orientation:landscape) and (max-height:600px){.center-screen{width:96%}.card-md-fixed-auto-height{height:375px;overflow:none}.card{padding:1px 30px;position:relative}.landscape-hidden{display:none}.large-title{margin:.5vm;font-size:4em;font-weight:700;display:block}.center-65{width:65%;margin-left:auto;margin-right:auto}.chat-group{width:58%;margin:0;position:absolute;bottom:15px}.flex-2-col{flex:100%}}@media (orientation:portrait) and (max-width:500px){.center-screen{width:80%}.center-65{width:97%}.box,.popup{width:70%}.card{padding:5px 15px;position:relative}.chat-group{width:83%;margin:0;position:absolute;bottom:15px}.large-title{margin:.5vm;font-size:2.5em;font-weight:700;display:block}.flex-2-col{flex:100%}}.pd-5{padding:5px}.pd-5-lr{padding:0 5px}.pd-25{padding:25px}.md-5{margin:5px}.margin-15p{margin:15%}.margin-25px{margin:25px}.reset-pm{margin:0;padding:0}.full-height{height:100%}.full-width{width:100%}.players-wrapper{flex-wrap:wrap;height:25vh;margin-left:10px;padding:10px;display:flex;overflow:auto}.center-with-right-div{grid-column-gap:5px;grid-template-columns:1fr auto 1fr;justify-items:center;margin:0;padding:0;list-style:none;display:grid}.center-with-right-div span:first-child{grid-column-start:2}.center-with-right-div span:nth-child(2){margin-left:auto}.overlay{z-index:1;background:#000000b3;transition:opacity .5s;position:fixed;inset:0}.overlay-visible,.overlay:target{visibility:visible;opacity:1}.popup{color:#333;background:#fff;border-radius:5px;width:30%;margin:70px auto;padding:20px;transition:all 5s ease-in-out;position:relative}.popup h2{margin-top:0;font-family:Tahoma,Arial,sans-serif}.popup .close{font-size:30px;font-weight:700;text-decoration:none;transition:all .2s;position:absolute;top:20px;right:30px}.popup .close:hover{color:#6b6b6b}.popup .content{max-height:30%;overflow:auto}.card{color:#333;box-sizing:border-box;background:#fff;border-radius:3px;font-size:16px;font-weight:400;box-shadow:0 0 15px 1px #0006}.canvas-card{color:#333;box-sizing:border-box;font-size:16px;font-weight:400}.canvas-card label{color:#4572cc}.card h3{text-align:center}.app-blue .card label{color:#333}.card .close,.canvas-card .close{color:#333;font-size:30px;font-weight:700;text-decoration:none;transition:all .2s;position:absolute;top:0;right:10px}.form{width:100%;margin:45px auto}.form-compact{width:100%;margin:20px auto}.group{margin:45px 0;position:relative}.group-compact{margin:0;padding:0 0 20px;position:relative}textarea{resize:none}input,textarea,select{color:#000;background:0 0;border:none;border-bottom:1px solid #0000006b;border-radius:0;width:100%;padding:10px 0;font-size:18px;display:block}input[type=checkbox]{width:auto;display:inline-block}.prefilled-select-label{color:#2196f3;font-size:12px;top:-14px}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{outline:none}input:not([type=checkbox]):not([type=radio]):focus~label,textarea:focus~label,input:valid~label,input:out-of-range~label,textarea:valid~label,select:valid~label{color:#2196f3;font-size:12px;top:-14px}input:not([type=checkbox]):not([type=radio]):focus~.bar:before,textarea:focus~.bar:before,select:focus~.bar:before{width:100%}input[type=password]{letter-spacing:.3em}.error{color:red;text-align:left;font-size:12px}input~label{color:#c6c6c6;pointer-events:none;font-size:16px;font-weight:400;transition:all .3s;position:absolute;top:10px;left:0}input[type=checkbox],input[type=radio]{width:auto;display:inline-block}label.pointer-events{pointer-events:auto;color:#c6c6c6;font-size:16px;font-weight:400;transition:none;display:inline-block;position:relative;top:auto;left:0}.bar{width:100%;display:block;position:relative}.bar:before{content:"";background:#2196f3;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:0%}.btn{color:#000;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#fff;border:none;border-radius:3px;outline:none;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.btn:disabled,.btn.btn-submit:disabled{color:#959595;background:#eee}.btn:hover:not([disabled]){color:#000;box-shadow:0 7px 14px #0000002e,0 5px 5px #0000001f}.btn.btn-link{color:#d3eafd;background:#2196f3}.btn.btn-link:hover{color:#deeffd;background:#0d8aee}.btn.btn-submit{color:#fff;background:#2196f3}.btn.btn-submit:hover:not([disabled]){color:#deeffd;background:#0d8aee}.btn.btn-cancel{background:#eee}.btn.btn-cancel:hover{color:#8b8b8b;background:#e1e1e1}.btn-box{text-align:center;margin:10px 0}.btn-nostyle{color:inherit;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0}.shake{animation-name:shake;animation-duration:1s}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.slidein-right{animation-name:slidein-right;animation-duration:1s}@keyframes slidein-right{0%{width:300%;margin-left:100%}to{width:100%;margin-left:0%}}.slidein-left{animation-name:slidein-left;animation-duration:1s}@keyframes slidein-left{0%{width:300%;margin-right:100%}to{width:100%;margin-right:0%}}.slidein-top{animation-name:slidein-top;animation-duration:1s}@keyframes slidein-top{0%{width:300%;margin-top:100%}to{width:100%;margin-top:0%}}.bouncy{animation:5s linear infinite bouncy;position:relative}@keyframes bouncy{0%{top:0}40%{top:0}43%{top:-.9em}46%{top:0}48%{top:-.4em}50%{top:0}to{top:0}}@keyframes app-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-duration:2s;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}