:root{--base-index: 1;--interaction-index: 3;--small-card-selector-index: 5;--card-selector-index: 6;--object-index: 10;--add-small-index: 20;--card-hover-index: 40;--avatar-index: 44;--overlay-index: 45;--input-and-choser-index: 50;--title-zone-index: 60;--banner-index: 70;--bigcard-index: 80;--togglers-index: 100;--back-button-index: 200;--larger-font-size: 2vh;--smaller-font-size: 1.7vh;--citation-pos-top: 6vh;--input-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;--transition-time: .4s;--border-radius: 10px;--yellow: #fecd23}html,body{height:100%;overflow:hidden}body{margin:0;padding:0;font-family:Segoe Print}#root{height:100%}.absolute{position:absolute}.game,.tableContainer{width:100vw;height:100vw}.selectionPanel{top:7%}.overlay{width:100%;height:100%;position:absolute;z-index:var(--overlay-index);background:#3e373799}.overlay:hover{cursor:pointer}.lifePath{width:100%;height:100%;top:0;z-index:var(--base-index);display:flex;align-items:center}.lifePath img{width:100%;margin-top:9vh}.app{background-color:#0e6ca8;background-image:linear-gradient(#0e6ca8,#3d98d1);height:100%}.banner,.bannerReduced{background-color:var(--yellow);transition:var(--transition-time);position:relative}.banner{padding:15px 0 35px;height:10%}.bannerImg,.bannerImgReduced{position:relative;display:block;margin:0 auto;transition:var(--transition-time);z-index:var(--banner-index)}.bannerImg{max-width:50%;max-height:100%}.bannerImgReduced{width:15%;margin:0 15px}.subTitleZone{margin:0;height:6vh}.titleZone h1,.subTitleZone h1{color:var(--yellow);text-align:center;position:relative}.subTitleZone h1{font-size:4vh;top:-10vh}.contentSubTitle{margin:0;font-family:Segoe Print;font-size:4vh;font-weight:700;position:relative}.contentSubTitle text{stroke-width:10}.contentSubTitle svg{height:7vh}.contentZone{margin:1em 0;position:absolute;top:95px;bottom:85px;width:100%;overflow-y:auto}.content{position:absolute;width:100%;top:10%;bottom:0}.reduced{top:-15px}svg{display:block;width:100%}text{fill:var(--yellow);stroke:#fff}.login{display:block;width:20em;margin:6em auto;text-align:center}.login input{margin-bottom:3em}input{font-family:Segoe Print;font-size:var(--larger-font-size);font-weight:700}input[type=text],input[type=password]{display:block;text-align:center;width:100%;padding:10px 0;border:none;background-color:#fff;border-radius:var(--border-radius);transition:var(--transition-time)}input[type=text]:hover,input[type=password]:hover{background-color:#ffe176;cursor:pointer}button,input[type=submit],.linkButton,.cancelButton{padding:10px 30px;border-radius:var(--border-radius);border:none;background-color:#fff;color:#000;transition:var(--transition-time);font-family:Segoe Print}button:hover,input[type=submit]:hover,.linkButton:hover,.cancelButton:hover{cursor:pointer;background-color:var(--yellow);color:#fff}button:disabled,.linkButton:disabled{background-color:#e4e4e4;color:#696969;cursor:not-allowed}.linkButton{text-decoration:none;text-align:center;font-weight:700}.mainMenu div{margin-bottom:3%}.overlay{background-color:#0000004d;width:100%;height:100%;position:absolute;text-align:center}.setupPanel{display:inline-block;border-radius:var(--border-radius);border:5px solid white;background-color:var(--yellow);margin:1em;z-index:var(--interaction-index);width:15%;transition:var(--transition-time)}.obstaclePanel:hover{background-color:#0000;color:#000;transform:scale(1.1)}.setupPanel:hover,.obstaclePanel:hover{cursor:pointer}.setupPanel:hover{border:5px solid var(--yellow)}.buttonNext,.buttonPrev,.buttonSave{z-index:var(--object-index);bottom:1em}.buttonNext{right:1em}.buttonPrev{right:10em}.buttonSave{right:20em}.startSituation{top:37%;background-color:red;min-height:6em}.endSituation{top:32%;right:0%;background-color:green}.secondary{z-index:var(--object-index);background-image:url(./img/bagage.png);background-size:contain;background-repeat:no-repeat;width:8%;height:7vh;opacity:.4;transition:var(--transition-time);background-color:#0000}.secondary:hover{cursor:pointer;transform:scale(1.1);background-color:#0000}.setupPanel textarea,.obstaclePanel textarea{width:90%;margin:0 5%;border:none;font-family:Segoe Print;background-color:#0000;resize:none;border-radius:var(--border-radius)}#startState,#endState{min-height:10em}.setupPanel textarea:hover,.obstaclePanel textarea:hover{cursor:pointer}.setupPanel textarea:focus,.obstaclePanel textarea:focus{background-color:#fff6;border:none}.obstaclePanel{z-index:var(--interaction-index);width:8vw;height:15.5vh;padding:0;background-image:url(./img/obstacle.png);background-size:contain;background-repeat:no-repeat;background-color:#94191900;font-size:inherit;text-overflow:ellipsis;overflow:hidden}#obstacle0{left:19vw;top:47vh}#obstacle1{left:45vw;top:48vh}#obstacle2{left:70vw;top:48vh}.addCitation{background-image:url(./img/cloud_transparent.png)}.addCitation:hover{cursor:pointer}.citation{background-image:url(./img/cloud.png);transition:var(--transition-time)}.citation img{height:80%;margin:10% auto;display:block}.citation:hover{cursor:pointer;transform:scale(1.2)}.citation div,.addCitation div,.citation h4,.addCitation h4{width:100%;text-align:center}#cit1,#cit2,#cit3{top:var(--citation-pos-top)}#cit1{left:13%}#cit2{left:38%}#cit3{left:64%}.setup{text-align:center;margin-top:6em;color:#fff;font-size:20px}.setup legend{margin:0 auto}.setup fieldset{border:0}.setup label{display:inline-block;background-color:#fff;padding:5px 10px;border-radius:10px;transition:var(--transition-time)}.setup input[type=radio]{opacity:0;margin-right:-10px}.setup form{margin-bottom:2em}.flag{z-index:var(--object-index);transition:var(--transition-time);background-color:#0000;height:23vh}.flag img{height:100%}.flag:hover{cursor:pointer;transform:scale(1.2);background-color:#0000}#flag1{top:25%;left:2%}#flag2{top:25%;right:2%}#avatar{width:5%;z-index:var(--avatar-index);transition:15s}#avatar img{width:100%}#zamis1{top:44vh;left:31vw}#zamis2{top:40vh;left:56vw}#zamis3{top:36vh;left:80vw}#scras1{top:84vh;left:29vw}#scras2{top:81vh;left:56vw}#scras3{top:75vh;left:82vw}#detour1{top:37vh;left:23vw}#detour2{top:83vh;left:21vw}#detour3{top:37vh;left:48vw}#detour4{top:84vh;left:47vw}#detour5{top:40vh;left:72vw}#detour6{top:85vh;left:74vw}#attitude1{bottom:10%;left:5%}.titleZone{margin:0;height:3vh;width:100%;top:6vh;position:absolute;z-index:var(--title-zone-index);transition:var(--transition-time)}#fullScreenToggle{right:20px;top:18px;padding:0;height:3.4vh;width:3.4vh;position:absolute;z-index:var(--togglers-index)}#fullScreenToggle i{font-size:2.2vh;position:absolute;top:.6vh;left:.6vh}.cardSelector,.smallCardSelector{width:10%}.cardSelector{z-index:var(--card-selector-index);height:3em}.smallCardSelector{z-index:var(--small-card-selector-index);height:2em}.hugeCard{position:relative;border-radius:10px;text-align:center;background-color:#fff;color:#000;width:20%;box-shadow:10px 10px 10px #504e4e80;transform:rotate(5deg);z-index:var(--bigcard-index);float:left;margin-right:3%;margin-bottom:3%;padding-top:10px}.citBigCard{width:96%}.bigCard{padding:0}.bigCard,.citBigCard{margin:2%;display:inline-block;border-radius:10px;text-align:center;background-color:#fff;color:#000;box-shadow:10px 10px 10px #504e4e80;transition:transform .2s}.bigCard h4{text-align:center;margin:0 auto;font-size:.8vw;line-height:1em;padding:5px;min-height:2em}.smallCard,.addSmallCard{width:50%}.card,.smallCard{color:#000;background-color:#fff;box-shadow:5px 5px 5px #504e4e80}.citBigCard:hover{z-index:var(--card-hover-index)!important;transform:scale(1.05);cursor:pointer}.card:hover,.bigCard:hover,.smallCard:hover{z-index:var(--card-hover-index)!important;transform:scale(1.1);cursor:pointer;background-color:#fff;color:#000}.card h4,.smallCard h4{text-align:center;margin:0 auto;font-size:14px;line-height:1em;padding:5px}.hugeCard h3{margin:0 auto}.addSmallCard{height:6em;width:4em;z-index:var(--add-small-index)}.addSmallCard h4{font-size:initial}.card,.addCard,.smallCard,.addSmallCard{border-radius:5px;text-align:center;transition:transform .2s}.addCard h4{margin:0;font-size:var(--smaller-font-size)}.addCard,.addSmallCard,.addBigCard{color:#000;border-radius:13px;border:3px dashed black;background-color:#fff!important;bottom:0;opacity:.6;transition:var(--transition-time);text-decoration:none;font-size:var(--larger-font-size);padding:0}.addCard:hover,.addSmallCard:hover,.addBigCard:hover,.addBigCard:focus{cursor:pointer;background-color:#fff!important;color:#000;opacity:1;transform:scale(1.1)}.addSmallCard .plusButton,.addCard .plusButton,.addBigCard .plusButton{border:2px solid black;border-radius:50%;width:1.5em;height:1.5em;font-weight:700;font-family:cursive}.addSmallCard .plusButton{margin:10% auto 0;font-size:15px}.addCard.absolute .plusButton{margin:10% auto 0}.cardChooser{width:80%;height:40%}.cardShower{width:70%;height:40%}.inputChooser,.inputShower{width:50%;height:40%}.inputChooser,.cardChooser,.cardShower,.inputShower,.confirmationPrompt{background-color:var(--yellow);border:10px solid white;border-radius:20px;margin:5% auto;position:relative;z-index:var(--input-and-choser-index);box-shadow:10px 10px 10px #0000004d}.chooserContainer{width:25%;position:relative;height:87%;display:inline-block;overflow:auto;vertical-align:top;text-align:center}.buttonChoiceContainer{position:relative;width:70%;float:right}.buttonChoiceContainer button{margin-left:10px;margin-right:10px}.chooserContainer button,.chooserContainer input{width:92%;margin:10px 4%}.descriptionContainer textarea{width:100%;height:90%;resize:none;border:5px solid white;box-sizing:border-box;border-radius:20px;background-color:#ffe176;font-family:Segoe Print;font-size:x-large;padding:20px}.inputContainer{margin-left:15%;height:60%!important;overflow:hidden}.saveContainer{margin-left:15%;margin-bottom:1em}.inputContainer input,.saveContainer input{margin-bottom:10px}.saveContainer textarea{height:50%}.inputChooserButton{text-align:center}.descriptionContainer{display:inline-block;overflow:auto;vertical-align:top;padding:1em}.cardShower .descriptionContainer,.inputShower .descriptionContainer{width:90%;height:75%;margin:0 auto}.cardShower .buttonChoiceContainer{margin-top:1%}.inputChooser label{opacity:0}.inputChooser label:hover{cursor:default}.savesGamesList{width:50%;margin:2em auto;height:80%}.saveItem{display:inline-block;vertical-align:middle;border:5px solid white;background-color:var(--yellow);color:#fff;font-weight:700;font-size:large;border-radius:var(--border-radius);width:95%;margin:10px auto;padding:10px;transition:var(--transition-time)}.citBigCard div{padding:5px}.scraIntro{position:absolute;text-align:center}.tableContainer{top:55vh;left:50vw}.table{width:16vw;height:16vw;box-sizing:border-box;border-radius:50%;border:.4vw solid white;background-color:var(--yellow);top:-8vw;left:-8vw;text-align:center;display:flex;justify-content:center;align-items:center;transition:var(--transition-time);z-index:0}.table:hover{cursor:pointer;transform:scale(1.1);z-index:var(--object-index)}.table div{font-weight:700;width:90%}.bigCardTitle{font-size:x-large;margin-bottom:0}.modifyButton,.deleteButton,.loadButton{float:right;padding:5px;margin:5px}.loadButton{background-color:#3cb371;color:#fff}.loadButton:hover{background-color:#32cd32}.deleteButton{background-color:#f35539;color:#fff}.deleteButton:hover{background-color:#ff0d0d}.material-icons{vertical-align:bottom}.confirmationPrompt{width:50%;height:20%}.confirmButtons{width:100%;text-align:center}.confirmButtons button{margin:0 5%;display:inline-block}.selectorContainer{text-align:center;width:50%;margin:2em auto}.selector{display:inline-block;width:45%;margin:10px}.selectorLabel{text-align:left;margin-right:10px}.volumMute{position:absolute;color:#fff;z-index:var(--togglers-index);opacity:.7}.footer{position:absolute;bottom:0;width:100%;text-align:center;font-family:sans-serif;padding-top:10px;padding-bottom:10px;background-color:#084870;color:#bddaff;opacity:.8;height:85px}.error,.warning,.success{color:#fff;border-radius:var(--border-radius);padding:10px;font-weight:700;font-family:var(--input-family);text-align:center}.centeredText{text-align:center}.error{background-color:#b12121}.success{background-color:#2e8b1c}.warning{background-color:#cc7c20}.userModify{display:block;width:60em;margin:6em auto;text-align:center}.userModify input{margin-bottom:1em}.userModify input[type=text],.userModify input[type=password]{width:40%;margin-left:30%}.borderError{border:2px solid red!important;color:red!important}label:hover{cursor:pointer}.userForm{text-align:center;width:80%;margin:0 auto}.userForm div,.userForm label{font-family:var(--input-family);font-size:var(--larger-font-size);margin-bottom:5px}.userForm input[type=text],.userForm input[type=password],.userForm input[type=checkbox]{margin-bottom:1em}.cancelButton{font-weight:700;font-size:var(--larger-font-size)}.selectableElement{text-decoration:none;font-size:var(--larger-font-size);background-color:#0000;padding:0}.selectableElement:focus div{transform:scale(1.1)}.addCitation,.citation{width:100%;background-position:center;background-size:contain;background-repeat:no-repeat;transition:var(--transition-time)}.addBigCard .plusButton{margin:3vh auto 0;font-size:35px}.addBigCard{min-height:21vh}.scraIntro .bigCardSelector{left:-4vw;top:-14.5vh}#scraIntro0{top:-15vw}#scraIntro1{left:-16vw}#scraIntro2{top:19vw}#scraIntro3{left:16vw}.cardChooser .descriptionContainer,.inputChooser .descriptionContainer{width:70%;height:70%}.bigCard,.addBigCard{width:8vw!important}.card h4,.smallCard h4{font-size:var(--smaller-font-size);text-overflow:ellipsis;overflow:hidden}.avatarStart{top:42%;left:3%}.avatarFirstStep{top:43%;left:18%}.avatarSecondStep{top:45%;left:44%}.avatarThirdStep{top:46%;left:69%}.avatarFinished{top:39%;left:92%}.secondary{top:38%;right:2%}.card,.addCard{width:6vw;font-size:large}.addCard{height:15vh;z-index:var(--add-small-index)}.addCard .plusButton{font-size:30px}.addCitation,.citation{margin-top:1em;height:8em}.addCitation h4{margin-top:40%}.buttonBack{top:5.5vh;font-size:1.9vh}.contentTitle{font-size:4.6vh;top:-4.3vh}.footerImages{margin-top:10px}.footerImages img{max-height:40px;margin:0 10px}.mainMenu{text-align:center;padding-top:5vh}.titleZone h1{font-size:4.6vh;top:-15.5vh}.contentTitle svg{height:7.5vh}.contentTitle text{stroke-width:17}.bannerReduced{padding:2vh 0 0 6vw}.volumMute{right:10px;top:120px}.card img,.bigCard img,.hugeCard img,.smallCard img{margin:0 auto;width:100%}.chooserContainer{width:25%}.cardDescription,.citBigCard div,.inputShower .descriptionContainer{font-size:var(--larger-font-size);font-family:var(--input-family)}.savedContent{top:14em!important}.contentTitle{margin:0;font-family:Segoe Print;font-weight:700;position:relative;background-image:linear-gradient(var(--yellow) 49%,var(--yellow) 50%,white 51%,white 100%)}.buttonChoiceContainer{margin-top:-5%}.buttonBack{z-index:var(--back-button-index);padding:2px 11px 1px;border-radius:0 5px 5px 0}.savedContent{position:absolute;top:12em;bottom:0;overflow-y:auto;width:100%}.positionedSelector{position:relative;top:6em}