body{margin:0}.fullgameWrapper{height:100%}.card-psychic{cursor:pointer;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.25,.8,.25,1),top 1s cubic-bezier(.25,.8,.25,1),left 1s cubic-bezier(.25,.8,.25,1);position:absolute;top:60%;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.card-psychic.reverse{display:none}.card-psychic.reverse.drawn{display:block;transform:rotateY(180deg)scale(1.4);width:170px!important;height:250px!important}.card-psychic span{text-transform:uppercase;text-align:center;color:#ffffff80;width:100%;position:absolute;bottom:14px}.psychic-card-face{backface-visibility:hidden;border-radius:6px;width:100%;height:100%;position:absolute}.psychic-card-face.front{box-sizing:border-box;z-index:2;background-color:#fff;padding:13px 8px;transform:rotateY(180deg)}.psychic-card-face.front img{border-radius:3px;width:64px}.psychic-description{color:#2e2e2e;margin-top:10px;font-size:13px}.psychic-top{color:#2e2e2e;display:flex}.psychic-right{flex:1;padding:0 5px}.psychic-card-face button{margin:10px auto 0;padding:10px 16px;display:block}.psychic-card-face button:hover{background-color:#7c6729}.psychic-right svg{fill:#b79e56;margin-right:1px}.psychic-speciality{font-size:12px}.psychic-job{text-transform:uppercase;color:#b79e56;margin-top:4px;font-size:13px}.psychic-card-face.back{z-index:-1}.card-psychic:hover{transform:translateY(-30px)rotate(10deg);box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.card-psychic.drawn{top:22%;left:38%!important}.chat-text{opacity:1;transition:all .6s linear}.chat-text.hidden{opacity:0}.chat-text p{color:inherit;font-weight:400}.cardWrapper{display:inline-flex;position:relative}.cardWrapper.pointer{cursor:pointer}.cardWrapper.pointer :hover{border-radius:2px;box-shadow:0 0 0 1px #fff}.cardWrapper img{width:100%;height:100%}.cardWrapper img.show{display:initial}.cardWrapper img.hide{display:none}.cardWrapper img.back{backface-visibility:hidden;-ms-backface-visibility:hidden}.cardWrapper img.front{transform:scaleX(-1)}.deck{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.deck .instructions{text-align:center;color:#b79e56;flex-direction:column;justify-content:center;align-items:center;padding:0 10px;font-size:1.2em;display:flex;position:absolute;top:0}.deck .instructions .readabilityWrapper{border-radius:4px;padding:15px}.deck .instructions .readabilityWrapper .textIntro{color:#b79e56;margin:0;line-height:20px}.deck .instructions .readabilityWrapper .explications{color:#fff;margin-top:10px;line-height:18px}.deck .instructions .readabilityWrapper span{font-weight:700}.deck .instructions .readabilityWrapper .matrixWrapper{margin-top:10px}.deck .instructions button{color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;background-color:#b79e56;border:2px solid #ebe7db;border-radius:3px;min-width:220px;margin-top:10px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1;transition:all .2s ease-in;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000001a,0 3px 6px #00000029}.deck .instructions button:hover{background-color:88773c;box-shadow:0 2px 3px #00000017,0 2px 4px #0000001f}.deck .background{background-position:50%;background-repeat:no-repeat;background-size:auto 85%;position:absolute}.deck .cardsWrapper{min-width:768px;height:360px}.deck .cardsWrapper .card{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:auto 85%;border-radius:10px;position:absolute}.drawResult{text-align:center;align-self:center}.drawResult .instructions{border-radius:4px;margin-bottom:20px;padding:10px}.drawResult .instructions span{font-size:1.2em;font-weight:700}.drawResult button{color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;background-color:#b79e56;border:2px solid #ebe7db;border-radius:3px;min-width:220px;margin-top:20px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1;transition:all .2s ease-in;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000001a,0 3px 6px #00000029}.drawResult button:hover{background-color:88773c;box-shadow:0 2px 3px #00000017,0 2px 4px #0000001f}.drawResult .cardFace{width:75px;margin:0 4px}.drawResult .cardFace.isHidden{opacity:0!important}.drawResult .cardFace.halfVoid{width:30px;height:50px}.drawResult .cardFace.selfPicked{cursor:pointer}.drawResult .cardFace.selfPicked:hover{box-shadow:0 0 0 1px #fff}.drawResult .cardFace.selfPicked.selected{cursor:initial}.drawResult .cardFace.selfPicked.selected:hover{box-shadow:none}.drawResult .cardFace.onTheTop{z-index:100}.drawResult .cardFace.onTheTop.avoidTransform img{transform:inherit}.drawResult .avoidTransform img{transform:none}.drawResult .stepIntro button{color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;background-color:#b79e56;border:2px solid #ebe7db;border-radius:3px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1;transition:all .2s ease-in;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000001a,0 3px 6px #00000029}.drawResult .stepIntro button:hover{background-color:88773c;box-shadow:0 2px 3px #00000017,0 2px 4px #0000001f}.fullGame{background-color:#000;background-position:50%;background-size:cover;justify-content:center;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.fullGame .stepMakeADrawing,.fullGame .interpretation-wrapper c{align-self:center}.fullGame.block{display:block}.fullGame p{color:#fff;font-size:1em;line-height:1.2;transform:none}.fullGame button{color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;background-color:#b79e56;border:2px solid #ebe7db;border-radius:3px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1;transition:all .2s ease-in;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000001a,0 3px 6px #00000029}.fullGame button:hover{background-color:88773c;box-shadow:0 2px 3px #00000017,0 2px 4px #0000001f}.home{background-color:#47a920;width:100%;height:100%;padding:20px}.home ul{padding:0;list-style:none}.home ul .itemWrapper{border-bottom:1px solid #fff;padding-bottom:10px}.home ul .itemWrapper .title{color:#fff;font-size:1.8em}.interpretation{max-width:360px;margin:auto;padding-bottom:10px}.interpretation .nextButton,.interpretation .prevButton{color:#fff}@media (min-width:361px){.interpretation{max-width:400px}}.interpretation .restartButton,.interpretation .prevNextButtons{text-align:center;justify-content:center;margin-top:10px;display:flex}.interpretation .restartButton button,.interpretation .prevNextButtons button{color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;background-color:#b79e56;border:2px solid #ebe7db;border-radius:3px;min-width:220px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1;transition:all .2s ease-in;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000001a,0 3px 6px #00000029}.interpretation .restartButton button:hover,.interpretation .prevNextButtons button:hover{background-color:#88773c;box-shadow:0 2px 3px #00000017,0 2px 4px #0000001f}.interpretation .restartButton button{background-color:#419d8c}.interpretation .restartButton button:hover{background-color:#008082;box-shadow:0 2px 3px #00000017,0 2px 4px #0000001f}.intro{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.intro br{content:"";margin:14px 0;display:block}.intro .titleWrapper h1{color:#fff}.intro .presentation{max-width:400px}.intro .presentation .imgWrapper{text-align:left;margin-bottom:20px}.intro .presentation .imgWrapper img{width:220px}.intro .presentation .textWrapper{border-radius:10px;padding:12px;line-height:1.6}.intro .presentation .textWrapper p{margin:0;font-size:1.2em}.intro .presentation .buttonWrapper{flex-direction:column;justify-content:center;align-items:center;margin-top:15px;display:flex}.intro .presentation .buttonWrapper button{color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;background-color:#b79e56;border:2px solid #ebe7db;border-radius:3px;min-width:220px;margin-bottom:10px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1;transition:all .2s ease-in;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000001a,0 3px 6px #00000029}.intro .presentation .buttonWrapper button:hover{background-color:88773c;box-shadow:0 2px 3px #00000017,0 2px 4px #0000001f}.intro .presentation .buttonWrapper a{color:#fff;text-decoration:underline}.marketingHook{text-align:center;max-width:400px;padding:20px 45px;font-size:14px;position:relative}.marketingHook .psychicIntroWrapper{max-width:290px;margin:auto;line-height:1.2}.marketingHook .psychicIntroWrapper span:first-child{text-transform:uppercase;font-size:1.4em;font-weight:600}.marketingHook .psychicIntroWrapper span:nth-of-type(2){text-transform:uppercase}.marketingHook .psychicIntroWrapper .psychicImage{border:5px solid #00000029;border-radius:5px;width:125px;margin:20px 0}.marketingHook .iCanHelpText{font-weight:300;line-height:1.2}.marketingHook .fastestWayText{margin-top:10px;font-weight:500}.marketingHook .marketButtons{margin:10px 0;padding:10px 20px}.marketingHook .marketButtons a{font-size:1.5em;text-decoration:none;display:flex}.marketingHook .or{font-size:1.2em;font-weight:600}.marketingHook .goChat{text-transform:uppercase;font-size:.7em;font-weight:500}.marketingHook .backButton{cursor:pointer;position:absolute;top:5px;left:5px}.matrix{flex-direction:column;justify-content:center;align-items:center;display:flex}.matrix .line{margin:1px 0;display:flex}.matrix .palceholder{background-color:gray;border-radius:3px;width:20px;height:30px;margin:0 2px}.matrix .palceholder.selfPicked{border:1px solid #fff}.matrix .palceholder.halfVoid{width:10px;height:15px}.matrix .palceholder.flashed,.matrix .palceholder.highlighted,.matrix .palceholder.selfPickedHighlighted{background-color:#fff}.matrixChoice{align-self:center;max-width:none}.matrixChoice .selectText{text-align:center;border-radius:4px;padding:12px;font-size:1.2em;font-weight:600}.matrixChoice .grid{flex-direction:column;display:flex}.matrixChoice .grid .buttonWrapper{margin:8px 0}.matrixChoice .grid .buttonWrapper button{color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;background-color:#b79e56;border:2px solid #ebe7db;border-radius:3px;width:260px;margin-top:10px;padding:12px 20px;font-size:15px;font-weight:700;line-height:1;transition:all .2s ease-in;position:relative;overflow:hidden;box-shadow:0 3px 6px #0000001a,0 3px 6px #00000029}.matrixChoice .grid .buttonWrapper button:hover{background-color:88773c;box-shadow:0 2px 3px #00000017,0 2px 4px #0000001f}.slideContainer h2{color:#fff;text-align:center}.slideContainer .cardsAndNameWrapper{text-align:center;justify-content:space-evenly;display:flex}.slideContainer .cardsAndNameWrapper .cardsWrapper{position:relative}.slideContainer .cardsAndNameWrapper .cardsWrapper img{width:80px}.slideContainer .cardsAndNameWrapper .cardsWrapper .first{position:absolute;top:-15px}.slideContainer .cardsAndNameWrapper .cardsWrapper .second{padding-left:60px}.slideContainer .cardsAndNameWrapper .cardsNameWrapper{text-align:center;flex-direction:column;justify-content:center;max-width:150px;display:flex}.slideContainer .cardsAndNameWrapper .cardsNameWrapper span{font-size:1.4em;font-weight:600}.slideContainer{padding:15px}.slideContainer .cardMatrixWrapper{justify-content:space-evenly;display:flex}.slideContainer .cardMatrixWrapper .card{text-align:center}.slideContainer .cardMatrixWrapper .card img{width:80px}.slideContainer .cardMatrixWrapper .matrixPlaceTitle{color:#fff;text-align:center;justify-content:center;align-items:center;max-width:90px;display:flex}.slideContainer .cardMatrixWrapper .matrixPlaceTitle>span{font-size:1.2em;font-weight:700}.slideContainer .descriptionWrapper{margin-top:10px;padding-left:15px}.slideContainer .descriptionWrapper h2{color:#fff;margin-bottom:0}.slideContainer .descriptionWrapper p{margin-top:0;font-size:1em;font-weight:300;line-height:1.2}.loadingWrapper{flex:1;justify-content:center;align-self:center;padding:20px;display:flex}.wrapper{background:#f8f8f8;flex-wrap:wrap;align-items:center;display:flex;position:relative}