*{font-size:1rem;box-sizing:border-box}@font-face{font-family:Outfit;src:url(/fonts/Outfit-VariableFont_wght.ttf)}body{margin:0;padding:0;overflow:hidden}:root{font-family:Outfit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100lvh;margin:0;padding:0;overflow:hidden}h1{font-size:1.6rem}label{font-weight:700;font-size:1.3rem}.btn,button{height:50px;border:none;font-weight:700;font-size:1.3rem;color:#113614;background-color:#02c14b;color:#000;border-radius:25px;cursor:pointer}a{font-weight:700;cursor:pointer;color:#00ff62}a.btn{height:50px;padding-top:10px;font-style:normal;list-style:none;text-decoration:none;text-align:center;line-height:normal;font-weight:700;font-size:1.3rem}@media only screen and (max-width: 600px){h1{font-size:1.6rem}label{font-size:1.1rem}button{font-size:1.2rem}}.webgl-canvas{padding:0;height:100%}.char-name-3d{background-color:#00000080;padding:2px 15px;border-radius:20px;transition:.3s}.char-local-status{position:absolute;display:block;left:0;right:0;bottom:-20px;background-color:#eab700a3;width:fit-content;padding-left:5px;padding-right:5px;border-radius:15px;font-size:.7rem;margin-left:auto;margin-right:auto}.participant{position:relative;color:#000}.participant svg{width:20px;position:absolute;left:-35px;stroke:#a11414}.participant span{margin-left:10px}.char-name-3d.muted{background-color:#7c1414c8;transition:.3s}.char-name-3d.active{background-color:#1e7c14c8;border:1px solid #00ff37;transition:.3s}.char-name-3d svg{display:none;width:1rem;padding:10px 0 0;margin:0 5px 0 0}.char-name-3d.muted svg{display:inline-block}.ui-left{position:absolute;width:560px;background-color:#204529ed;z-index:2;height:100%;padding:35px}.ui-left header{margin-left:auto;margin-right:auto;width:100%;text-align:center}.ui-left header p{text-align:left}.ui-left footer{width:100%;position:absolute;bottom:0;left:0;padding:20px 35px}.ui-left footer .btn{display:block;width:100%}.error-msg{display:block;width:100%;text-align:center;font-weight:700;color:#da0303}.form .error-msg{margin-top:-10px;padding:0;height:unset}.form{opacity:0;display:none;transition:.35s}.form.active{display:flex;flex-direction:column;gap:20px;opacity:1;transition:.35s}.form-field label{display:block;margin-bottom:10px;margin-top:10px;width:100%;text-align:left}.form-field input{display:block;width:100%;height:50px;padding-left:20px;font-weight:700;text-align:center;padding-right:20px;background-color:#2f7247;border:none;border-radius:25px;font-size:1.2rem;color:#fff}.edit-character{background-color:#fff;color:#000;padding:25px;position:absolute;width:40%;height:100%;z-index:3}.edit-character h1{font-size:2rem}.edit-character h2{font-size:1.5rem}.edit-character input{width:100%;display:block;border:none;height:50px;background-color:#e9e9e9;border-radius:25px;font-size:1.5rem;text-align:center;font-weight:700;padding:10px 25px}.edit-character .radio-buttons.character-choice{margin-top:30px;margin-bottom:30px;max-height:45vh;overflow-y:auto;display:flex;flex-wrap:wrap}.edit-character .radio-buttons.character-choice label{position:relative;cursor:pointer}.edit-character .radio-buttons.character-choice input[type=radio]{position:absolute;border:none;width:40px;height:40px;top:5px;left:5px}.edit-character .radio-buttons.character-choice img{border:10px solid rgb(255,255,255);border-radius:50px;margin:5px;width:200px;transition:.5s}.edit-character .radio-buttons.character-choice img.active{border-color:#00ea00;border-radius:20px;transition:.5s}.edit-character h2{width:100%}.edit-character footer{width:100%;position:absolute;bottom:0;padding-left:20px;padding-right:20px;left:0}.edit-character footer .btn{display:block;margin-bottom:50px;width:100%;margin-left:auto;margin-right:auto}.radio-buttons input{width:30px}.radio-buttons input[type=radio]{accent-color:#2f7247;cursor:pointer}.radio-buttons,.radio-buttons label{display:flex;align-items:center;justify-content:center}.call-ctrl-tray{width:100%;position:absolute;bottom:0;height:145px;padding:25px;z-index:2;display:flex;justify-content:center;align-items:flex-start;gap:25px;background:#000;overflow-x:hidden;background:linear-gradient(0deg,#000000bf,#0000)}.call-ctrl-tray .ctrl-option{width:80px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.call-ctrl-tray .ctrl-option span{margin-top:5px;font-size:.9rem;font-weight:300;text-shadow:1px 1px 2px black}.btn-icon{width:45px;height:45px;background-color:#232323;display:flex;justify-content:center;padding:12px;align-items:center;transition:.5s}.btn-icon svg{stroke:#fff;width:25px;height:25px}.btn-icon.red{background-color:#9a0404}.btn-icon.active{border:1px solid #03ff03;background-color:#005900;transition:.5s}.time-left-counter{position:absolute;top:30px;right:30px;z-index:2;text-align:center}.time-left-counter h1{font-size:1.2rem;text-shadow:1px 1px 2px black;margin:0}.time-left-counter h2{text-align:center;font-weight:400;text-shadow:1px 1px 2px black;margin:0}.flex-grow{justify-self:self-end}.content-tab{width:500px;background-color:#fff;position:absolute;top:-200%;bottom:0;left:0;right:0;max-height:80%;margin:auto;z-index:3;border-radius:20px;padding:30px;transition:.35s}.content-tab.active{top:0;bottom:0;left:0;right:0;transition:.35s}.content-tab.left{left:-100%;top:0;bottom:0;right:unset}.content-tab.active.left{left:25px;margin-left:unset;margin-right:unset}.content-tab.active.right{right:25px;margin-left:unset;margin-right:unset}.content-tab header{display:flex;justify-content:space-between;align-items:center}.btn-close{width:30px;height:30px;padding:0;margin:0;background-color:unset;cursor:pointer;border-radius:30px}.content-tab h1,.content-tab span,.content-tab p{color:#000}@media only screen and (max-width: 600px){.ui-left{width:100%;padding:15px}.radio-buttons input{width:35px}.content-tab,.content-tab.left,.content-tab.right{left:0;right:0;margin-left:auto;margin-right:auto;width:100%;height:100%;max-height:100%;top:0%;bottom:-200%;transition:.35s}.content-tab.active,.content-tab.left.active,.content-tab.right.active{transition:.35s;bottom:0}.call-ctrl-tray{gap:unset;align-items:flex-start;height:120px}.call-ctrl-tray button{width:40px;height:40px}.call-ctrl-tray .ctrl-option span{font-size:.8rem}.time-left-counter{position:absolute;top:10px;right:10px;z-index:2;text-align:right}.time-left-counter h1,.time-left-counter h2{text-align:right;font-size:1rem}.edit-character{width:100%;z-index:2}.edit-character .radio-buttons.character-choice img{width:100px;border-radius:50px}.edit-character .radio-buttons.character-choice input[type=radio]{width:30px;height:30px}}@media only screen and (max-width: 400px){.ui-left{padding:10px}.ui-left footer{padding:10px}.ui-left header{padding:0}.ui-left header p{font-size:1.2rem}.edit-character h1{font-size:1.5rem}.edit-character h2,.edit-character input{font-size:1.2rem}.edit-character .radio-buttons.character-choice img{width:80px;border-radius:50px}.edit-character .radio-buttons.character-choice input[type=radio]{width:30px;height:30px}.call-ctrl-tray{height:100px;position:absolute;bottom:0}.call-ctrl-tray button{width:35px;height:35px}.call-ctrl-tray .ctrl-option span{font-size:.7rem}.time-left-counter{top:5px;right:5px}.time-left-counter h1,.time-left-counter h2{font-size:.8rem}.content-tab{padding:20px}.content-tab h1,.content-tab span,.content-tab p,.content-tab.active h1,.content-tab.active span,.content-tab.active p,.content-tab.left.active h1,.content-tab.left.active span,.content-tab.left.active p,.content-tab.right.active h1,.content-tab.right.active span,.content-tab.right.active p,.content-tab.left h1,.content-tab.left span,.content-tab.left p,.content-tab.right h1,.content-tab.right span,.content-tab.right p{font-size:1rem}}