/*!
 * 
 *   simple-keyboard v3.5.21
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;max-width:272px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"\25c4"}.hg-candidate-box-next:before{content:"\25ba"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;background:#d0d0d0;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:400;src:url(/assets/oswald-v49-latin-regular.81cd29d1.woff2) format("woff2"),url(/assets/oswald-v49-latin-regular.f244d58c.woff) format("woff")}:root{--touch-allowed: none;--cstm-green: rgb(103, 167, 96);--cstm-red: #E63946;--cstm-black: #121212;--cstm-black-transparent: rgb(18, 18, 18, .98);--cstm-blue: #457B9D;--cstm-white: #f1faee;--cstm-gray: #353535}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-touch-callout:none;touch-action:var(--touch-allowed)}h1,h2,p{margin:0}html{height:100%}body{font-family:Oswald,sans-serif;font-size:1rem;overscroll-behavior:contain;background:var(--bg-color);user-select:none;transition:background-color .2s;display:flex;flex-direction:column;height:100%;margin:0;align-items:center}button{height:100%;font-family:Oswald;font-size:1rem;font-style:normal;cursor:pointer;border-width:0px;background-color:transparent}.main-container{width:100%;height:100%;display:flex;flex-direction:column}.game-container{width:100%;height:100%;display:flex}#draw-canvas{border-radius:15px;outline:3px solid var(--cstm-white);outline-offset:-5px;outline-style:dashed}.overlay{position:absolute;display:flex;background-color:var(--cstm-black-transparent);color:var(--cstm-white);height:100%;width:100%;z-index:100000;justify-content:center;align-items:center;text-align:left}#welcome-screen{display:none;background-color:var(--cstm-black);color:var(--cstm-white);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:300px;gap:10px;height:100%}#pick-container{border-radius:12px;color:var(--cstm-white);display:flex;flex-direction:column;padding:10px;width:100%;max-width:300px;text-align:justify;gap:10px}#info-container{background-color:var(--cstm-white);color:var(--cstm-black);border-radius:12px;display:flex;flex-direction:column;max-width:80vmin;max-height:80vmax;text-align:justify;gap:5px;margin-right:0;margin-bottom:0;padding:30px}#copy-button{position:absolute;right:0;cursor:pointer;height:100%;width:30%;text-transform:capitalize}#open-info-button,.open-question-button{background:none;border:none;display:flex}.top-bar-container{width:100%;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;background-color:var(--cstm-black);color:var(--cstm-white)}.title-container{width:100%;flex-grow:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0px}.title-container .title{font-size:24px;font-weight:700;color:var(--cstm-white)}.title-container #subtitle{font-size:14px}.top-side{height:100%;width:100%;display:flex;align-items:center;background-color:var(--cstm-black);justify-content:flex-end}.extra-info-button{display:flex;align-items:center;justify-content:center;height:100%}.loading-bar-container{position:relative;height:100%;width:5%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:30px;background-color:var(--cstm-black);overflow:hidden}.loading-bar-outline{position:absolute;width:100%;height:100%;border-radius:30px;background-color:transparent;border:2px solid var(--cstm-white);box-sizing:border-box}.loading-bar-fill{height:100%;width:100%;background-color:var(--cstm-white);transition:height .1s ease}.container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.bar-container{display:block;flex-grow:0;width:100%}#guess-container{height:60px;display:grid;grid-auto-flow:column;justify-content:center;grid-column-gap:5px;margin:10px}#guess-container .box{border-bottom:solid var(--cstm-white);border-width:0px 0px 2px 0px;height:60px;width:60px;display:flex;justify-content:center;align-items:center;color:var(--cstm-white);font-size:xx-large}#guess-container .won{background-color:var(--cstm-green);border-width:0px 0px 0px 0px;border-radius:5px;animation:vertical-shaking 1s}#guess-container .lost{background-color:var(--cstm-red);border-width:0px 0px 0px 0px;border-radius:5px;animation:horizontal-shaking 1s}#life-container{width:100%;display:flex;flex-direction:row;justify-content:flex-end;grid-template-columns:auto auto auto;grid-column-gap:5px;margin:10px;padding-right:10px}#life-container .box{fill:var(--cstm-white);height:30px;width:30px;display:flex;justify-content:center;align-items:center}#draw-game{background-color:var(--cstm-black);height:100%;width:80%;max-width:600px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end}#guess-game{background-color:var(--cstm-black);height:100%;width:100%;max-width:600px;display:none;align-items:center;flex-direction:column;justify-content:flex-end}#share-after-game-container{display:flex;position:relative;gap:10px;top:-100px;width:100%;max-width:300px;grid-area:1/1;visibility:hidden;opacity:0%;justify-self:center;transition:all .5s ease}#share-after-game-container.visible{visibility:visible;opacity:100%;top:0px}.sidebar{background-color:var(--cstm-black);flex-grow:1;display:flex;justify-content:center;align-items:center;overflow-y:hidden}.canvas{display:flex;height:100%;width:95%}.lower-container{display:block;flex-grow:0;width:100%;gap:100px}#simple-keyboard{display:block;flex-grow:0;width:100%;font-family:Oswald,sans-serif;font-size:1rem;grid-area:1/1}.simple-keyboard.hg-theme-default{background-color:#64121200;padding:5px;border-radius:5px;justify-content:center}.simple-keyboard.hg-theme-default .hg-row{justify-content:center;padding:1px}.simple-keyboard.hg-theme-default .hg-column{padding:1px}.simple-keyboard.hg-theme-default .hg-button{position:relative;border-radius:5px;box-sizing:border-box;padding:10px;background:rgba(0,0,0,0);color:var(--cstm-white);border:1px solid var(--cstm-white);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;min-height:50px;min-width:30px;max-width:50px}.simple-keyboard.hg-layout-default .hg-button.hg-correct{background:var(--cstm-green);color:var(--cstm-white)}.simple-keyboard.hg-layout-default .hg-button.hg-incorrect{background:var(--cstm-gray);color:var(--cstm-white)}.simple-keyboard.hg-layout-default .hg-button.hg-highlighted{background:var(--cstm-white);color:var(--cstm-black)}.simple-keyboard.hg-layout-default .hg-button.hg-correct.first-time{animation:vertical-shaking 1s}#bottom-btn-container{margin:10px;padding:0 10px;color:var(--cstm-white);min-height:50px;width:100%;flex-direction:row;visibility:hidden;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.base-btn{border:none;border-radius:5px;background-color:var(--cstm-white);color:var(--cstm-black);width:100%;min-height:40px;max-height:60px;cursor:pointer;text-align:center;place-content:center;margin:.5em 0 0}.base-btn:hover,.base-btn.disabled{border:1px solid var(--cstm-white);border-radius:5px;background-color:var(--cstm-black);color:var(--cstm-white);width:100%;min-height:40px;max-height:60px;cursor:pointer;text-align:center;place-content:center}.loading{display:inline-block;content:"";animation:button-loading-spinner 1s ease infinite}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}@keyframes vertical-shaking{0%{transform:translateY(0)}25%{transform:translateY(5px)}50%{transform:translateY(-5px)}75%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes both-shaking{0%{transform:translate(0) rotate(0)}25%{transform:translate(5px,5px) rotate(5deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(-5px,5px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}@keyframes button-loading-spinner{0%{transform:rotate(0) scale(.5)}to{transform:rotate(1turn) scale(1)}}