@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input:focus,textarea:focus{outline:none}body{background:#fff;font-family:Titillium Web,sans-serif;font-size:1em;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--tnYellow:#fcf3c7;--tnYellowA:209,190,14;--tnGold:#d1be0e;--tnDarkYellow:#ac9834;--tnDarkYellowA:172,152,52;--tnGrey:#949494;--tnBlue:#5a96f0;--tnGreen:#3fe28a;--tnRed:#ea7e7e}#appContainer{position:relative;margin:0 auto;margin-top:0;padding-top:0;padding-bottom:0;width:100%;height:100%}#appContainer.show{opacity:1}@media only screen and (min-device-width:710px){#appContainer{width:400px}}.titleScreenContainer{position:relative;margin:0 auto;padding-top:150px;width:100%;height:100vh;background:-webkit-radial-gradient(top left,#1a81df,#063866);background:-o-radial-gradient(top left,#1a81df,#063866);background:radial-gradient(top left,#1a81df,#063866);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.titleScreenContainer.show{opacity:1}.titleTextBox{position:relative;margin:0 auto;top:100px;padding:5%;width:80%;height:auto;color:#000;font-weight:700;line-height:1.1em;background:var(--tnYellow);border:3px solid #8a860d;-webkit-box-shadow:7px 4px 9px 2px rgba(0,0,0,.4);box-shadow:7px 4px 9px 2px rgba(0,0,0,.4);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.titleScreenButtonContainer{position:relative;margin:0 auto;padding:10px 5px;margin-top:80px;width:50%;height:auto;color:#000;font-size:1.2em;font-weight:700;text-align:center;background:var(--tnGold);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.titleScreenButtonContainer.show{opacity:1}.logoContainer{position:absolute;margin:0 auto;top:15px;width:100%;height:auto}.logoContainer.show{opacity:1}.logoTiny{left:-44px;top:-50px;width:209px;height:60px}.logoNovella,.logoTiny{position:relative;margin:0 auto;opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all ease-in-out .3s;transition:all .3s ease-in-out}.logoNovella{top:57px;width:271px;height:55px}.gameManagerContainer{position:relative;margin:0 auto;margin-top:0;width:100%;height:100%;opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.gameManagerContainer.show{opacity:1}.gameBoardContainer{position:relative;margin:0 auto;margin-top:0;width:100%;height:100%}.gameBoardContainer.show{opacity:1}.mapContainer{position:absolute;margin:0 auto;top:130px;width:390px;height:316px;background:red;z-index:90;opacity:1;-webkit-filter:none;filter:none;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.mapContainer.show{opacity:1}.dotsContainer{position:absolute;margin:0 auto;top:0;width:390px;height:316px;background:none;z-index:91;opacity:1;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.mapDotContainer{position:absolute;margin:0 auto;width:40px;height:40px;background:#fff;border:3px solid var(--tnBlue);border-radius:50%;scale:1;-webkit-transition:all .2s ease-in-out;-o-transition:all ease-in-out .2s;transition:all .2s ease-in-out;-webkit-box-shadow:7px 4px 9px 2px rgba(0,0,0,.8);box-shadow:7px 4px 9px 2px rgba(0,0,0,.8)}.mapDotContainer.show{opacity:1}.mapDotImage{position:absolute;margin:0 auto;width:40px;height:40px;background:none;border-radius:50%}.mapDotArrowContainer{position:absolute;margin:0 auto;left:95%;top:15%;width:auto;height:auto}.mapDotArrow{left:-1px;top:4px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}.mapDotArrow,.mapDotArrowStroke{position:absolute;width:0;height:0}.mapDotArrowStroke{left:0;top:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid var(--tnBlue)}.inventoryManagerContainer{position:absolute;margin:0 auto;padding-left:2%;top:618px;width:98%;height:250px;background:#000;z-index:5000;opacity:1;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.inventoryManagerContainer.show{opacity:1}.inventoryTitle{position:relative;margin:0 auto;margin-top:10px;margin-bottom:10px;width:auto;height:auto;font-weight:700}.inventoryItemContainer{position:relative;float:left;padding-left:20px;margin:0 auto;margin-top:0;width:100px;height:100px}.inventoryItemContainer.show{opacity:1}.conversationManagerContainer{position:relative;margin:0 auto;top:0;width:100%;height:100vh;overflow:hidden}.conversationManagerContainer.show{opacity:1}.conversationContainer{position:relative;margin:0 auto;top:50px;width:100%;height:100vh;opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out;z-index:900}.conversationContainer.show{opacity:1}.conversationClickerBtn{display:none;position:absolute;margin:0 auto;top:0;left:0;width:100%;height:100vh;background:red;opacity:0;z-index:1001}.conversationInterfaceBackground{position:absolute;margin:0 auto;top:428px;width:100%;height:240px;background:#000}.speechBubbleManagerContainer{position:relative;margin:0 auto;margin-top:0;width:100%;height:600px}.speechBubbleManagerContainer.show{opacity:1}.speechBubbleContainer{position:relative;margin:0 auto;padding-top:30px;width:100%;height:200px;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out;opacity:0}.speechBubbleContainer.show{opacity:1}.speechBubbleText{position:relative;width:100%;overflow:visible!important;padding-bottom:5px}.bubbleBox{position:absolute;margin:0 auto;padding:5%;bottom:0;left:1.8%;width:85%;height:16px;min-height:16px;color:#000;font-weight:600;line-height:1.1em;background:var(--tnYellow);border:3px solid var(--tnDarkYellow);opacity:1;-webkit-transition:all .2s ease-in-out;-o-transition:all ease-in-out .2s;transition:all .2s ease-in-out}.bubbleArrowContainer{position:absolute;top:100%;left:32%;width:0;height:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.bubbleArrowOuter{border-left:28px solid transparent;border-right:28px solid transparent;border-top:28px solid var(--tnDarkYellow)}.bubbleArrowInner,.bubbleArrowOuter{position:absolute;top:0;width:0;height:0}.bubbleArrowInner{left:4px;border-left:24px solid transparent;border-right:24px solid transparent;border-top:24px solid var(--tnYellow)}.characterManagerContainer{position:absolute;margin:0 auto;top:200px;width:100%;height:auto}.characterManagerContainer.show{opacity:1}.characterContainer{position:absolute;margin:0 auto;margin-top:0;width:160px;height:200px;background-image:none;-webkit-transition:none;-o-transition:none;transition:none}.characterContainer.show{opacity:1}.img0ElemContainer,.img1ElemContainer{position:absolute;margin:0 auto;top:0;left:0;width:100%;height:100%;background-image:none;opacity:0;-webkit-transition:none;-o-transition:none;transition:none}.namePlatesContainer{position:absolute;margin:0 auto;top:400px;left:0;width:100%;height:auto}.namePlatesContainer.show{opacity:1}.namePlateLeft{left:3%}.namePlateLeft,.namePlateRight{position:absolute;margin:0 auto;padding:6px;width:30%;height:auto;text-align:center;background:#000;border-radius:10px 10px 0 0;opacity:1;-webkit-transition:all .2s ease-in-out;-o-transition:all ease-in-out .2s;transition:all .2s ease-in-out}.namePlateRight{left:64%}.conversationButtonManagerContainer{position:absolute;margin:0 auto;top:450px;width:100%;height:auto;z-index:1000}.conversationButtonManagerContainer.show{opacity:1}.conversationButtonContainer{position:relative;margin:0 auto;margin-bottom:10px;padding:10px;width:70%;height:auto;color:#fff;font-weight:700;font-size:1.1em;letter-spacing:.05em;text-align:center;background:var(--tnGrey);-webkit-transition:all .2s ease-in-out;-o-transition:all ease-in-out .2s;transition:all .2s ease-in-out}.conversationButtonContainer.show{opacity:1}.conversationBtnCheckmark{position:absolute;margin:0 auto;top:35%;width:15px;height:15px;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);opacity:0}.conversationBtnCheckmarkV{left:5px;height:15px}.conversationBtnCheckmarkH,.conversationBtnCheckmarkV{position:absolute;margin:0 auto;width:5px;background:var(--tnGreen)}.conversationBtnCheckmarkH{top:10px;left:0;height:5px}.choiceManagerContainer{position:absolute;margin:0 auto;padding-top:40px;top:428px;width:100%;height:550px;background:#000;opacity:0;-webkit-transition:all .2s ease-in-out;-o-transition:all ease-in-out .2s;transition:all .2s ease-in-out;z-index:999999}.choiceManagerContainer.show{opacity:1}.choiceButtonContainer{position:relative;margin:0 auto;margin-bottom:10px;padding:10px;width:70%;height:auto;color:#000;font-weight:700;font-size:1.1em;letter-spacing:.05em;text-align:center;background:var(--tnGreen);-webkit-transition:all .2s ease-in-out;-o-transition:all ease-in-out .2s;transition:all .2s ease-in-out}.choiceButtonContainer.show{opacity:1}.descriptorScreenContainer{position:absolute;margin:0 auto;top:0;width:100%;height:618px;background:none;opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out;z-index:9999999}.descriptorScreenContainer.show{opacity:1}.descriptorScreenContainerBkgnd{position:absolute;margin:0 auto;top:0;width:100%;height:618px;background:-webkit-radial-gradient(top left,#1a81df,#063866);background:-o-radial-gradient(top left,#1a81df,#063866);background:radial-gradient(top left,#1a81df,#063866);opacity:.7;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.descriptorTextBox{margin:0 auto;margin-top:90px;padding:5%;width:80%;color:#000;font-weight:700;line-height:1.1em;background:var(--tnYellow);border:3px solid #8a860d;-webkit-box-shadow:7px 4px 9px 2px rgba(0,0,0,.4);box-shadow:7px 4px 9px 2px rgba(0,0,0,.4);opacity:0}.descriptorButtonContainer,.descriptorTextBox{position:relative;height:auto;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.descriptorButtonContainer{margin:0 auto;width:100%;opacity:1}.descriptorScreenButtonContainer{position:relative;margin:0 auto;top:20px;width:100%;height:auto;text-align:center;opacity:1;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.descriptorScreenButtonContainer.show{opacity:1}.descriptorScreenButton{position:relative;margin:0 auto;padding:10px 5px;margin-top:10px;width:70%;height:auto;color:#000;font-size:1.2em;font-weight:700;text-align:center;background:var(--tnGold);opacity:1;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.resultsScreenContainer{position:relative;margin:0 auto;padding-top:200px;width:100%;height:100vh;background:-webkit-radial-gradient(top left,#1a81df,#063866);background:-o-radial-gradient(top left,#1a81df,#063866);background:radial-gradient(top left,#1a81df,#063866);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.resultsScreenContainer.show{opacity:1}.resultTextBox{position:relative;margin:0 auto;top:100px;padding:5%;width:80%;height:auto;color:#000;font-weight:700;line-height:1.1em;background:var(--tnYellow);border:3px solid #8a860d;-webkit-box-shadow:7px 4px 9px 2px rgba(0,0,0,.4);box-shadow:7px 4px 9px 2px rgba(0,0,0,.4);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.resultsScreenButtonContainer{position:relative;margin:0 auto;padding:10px 5px;margin-top:100px;width:50%;height:auto;color:#000;font-size:1.2em;font-weight:700;text-align:center;background:var(--tnGold);opacity:0;-webkit-transition:all .4s ease-in-out;-o-transition:all ease-in-out .4s;transition:all .4s ease-in-out}.resultsScreenButtonContainer.show{opacity:1}.imagePreloaderContainer{position:absolute;margin:0 auto;top:-150px;width:100%;height:50px;overflow:hidden;opacity:0}.imagePreloaderContainer.show{opacity:1}.plImg{position:absolute;margin:0 auto;width:0;height:0}
/*# sourceMappingURL=main.3952bb95.css.map*/