body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%}body{background:#fff;font-family:Arial,cursive;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:100%}#root{height:100%}.secondWrapper{position:absolute;width:100%;z-index:1}.col{margin:0 auto;position:relative;width:900px}.scoreContext{display:block;height:102px;left:90px;position:absolute;top:41px;width:1px}.contentWraper{display:flex;flex-direction:column;margin:0 auto;min-height:100vh;padding:0;position:relative}h1{border-bottom:1px solid #000;box-sizing:border-box;color:#000;margin:0 auto;padding:10px;width:900px}h1 span{font-family:Times,serif;font-size:14px;font-style:italic;font-weight:400;padding-left:10px}h1:before{background:linear-gradient(90deg,#ce86ff,#d6fd1d 50%,#45fc51);content:"";height:3px;left:0;position:absolute;right:0;top:0;width:100%}.presentation{font-size:14px;margin:10px 0;max-width:500px}.home{margin:0 auto;width:900px}.solved{animation:appear 29s ease infinite;background:linear-gradient(179deg,#ffe300,#009928,#c088c6,#ff4545);background-size:800% 800%}.solved .progressBar{display:none}.congratulation{margin:0 auto;width:900px}.congratulation h2{color:#fff;font-size:80px;text-align:center}.congratulation p{font-size:30px;text-align:center}.congratulation p a,.congratulation p span{color:#000;cursor:pointer;text-decoration:underline}.overflowHidden{overflow:hidden}.listAll,.notFound{margin:0 auto;width:900px}.listAll ul{margin-bottom:60px}ul{padding:0}ul li{color:#000;cursor:pointer;display:block;font-size:14px;margin:0;text-decoration:none}ul li strong{font-size:20px;text-decoration:underline}li.theme a{color:#000;text-decoration:none}li.theme.gray a{color:#999}.langues{float:right}.langues span{color:#999;cursor:pointer;font-size:13px}.langues span:before{content:" . "}.langues span:first-child:before{content:""}.menu{background:#000;color:#fff;flex-grow:0;flex-shrink:0;padding:5px}.menuWrapper{margin:0 auto;width:900px}.menu a{color:#fff;cursor:pointer;margin:0 auto;text-decoration:none}.menu .lk{cursor:pointer;margin-left:20px}::selection{background:red;border-radius:5px;color:#fff}@keyframes AnimationName{0%{background-position:56% 0}50%{background-position:45% 100%}to{background-position:56% 0}}.win .letter{background:#0000;background:linear-gradient(180deg,#f5dbff,#95ffaf 10%,rgba(144,170,255,.445));border:1px solid #f5dbff;color:#000}@keyframes pulse{0%{transform:rotate(5deg)}45%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}55%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}65%{transform:rotate(5deg)}to{transform:rotate(5deg)}}.next{align-items:center;animation:pulse 3s ease-out 2s infinite alternate none running;background:linear-gradient(180deg,#496cb6,#abc6ff 60%,#fff);border:10px solid #abc6ff;border-radius:50%;box-shadow:inset 0 0 0 #496cb6,0 0 5px #ddd;box-sizing:border-box;color:#000;color:#222b38;cursor:pointer;display:none;font-size:23px;font-weight:700;height:90px;line-height:50px;margin:20px auto 30px;padding:5px;text-align:center;text-decoration:none;text-indent:8px;transform:rotate(5deg);width:90px;z-index:3}main{flex-grow:1}.retry{align-items:center;animation:pulse 3s ease-out 2s infinite alternate none running;background:linear-gradient(180deg,#bba811,#ffe300 60%,#fff);border:10px solid #ffe300;border-radius:50%;box-shadow:inset 1px 0 1px #bba811,0 0 10px #bba811;box-sizing:border-box;color:#000;color:#222b38;cursor:pointer;display:none;font-weight:700;height:90px;line-height:50px;margin:30px auto;padding:5px;text-align:center;text-decoration:none;text-indent:8px;transform:rotate(5deg);width:90px;z-index:3}.win .next{display:flex;font-size:20px;padding:10px 0;text-align:center;text-transform:uppercase}.win .next:focus{background:#95ffaf;outline:none}.loose .retry{display:flex;font-size:17px;padding:10px 0;text-align:center;text-transform:uppercase}.loose .proposal{visibility:hidden}@keyframes error{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.loose{animation:error 11s ease infinite;background:linear-gradient(270deg,#fb0000,#4b0000);background-size:400% 400%}.loose .letter{background:#000;border:1px solid #000;color:#555}.loose .progressBar{background:#333;border-bottom:#000}.loose .proposaletter{opacity:.2}.loose .progressBar .bar{background:#9e8e15;border-top:#000}.loose footer span{color:#000}.scoreWrapper{margin:0 auto;position:relative;width:900px}.scoreWrapper .label{display:block;text-align:center}.scoreWrapper .tooltip{background:#fff;border:1px solid #999;border-radius:6px;box-shadow:0 0 5px #999;left:8px;padding:15px;position:absolute;text-align:center;top:85px;width:55px}.tooltip b{border-bottom:1px solid #999}.tooltip span{color:#999}.tooltip b,.tooltip span{display:block}.score{align-items:center;background:#fff;border:6px solid #888;border-radius:50%;color:#999;display:flex;flex-direction:column;height:90px;justify-content:center;position:absolute;text-align:center;top:5px;transform:rotate(-4deg);width:90px}.liveScore{font-size:30px;font-weight:700;text-shadow:0 1px 0 #bbb}.rate0 .score{border-color:red;box-shadow:inset 0 0 40px #000;color:red}.rate1 .score{border-color:#ad0000;box-shadow:inset 0 0 30px #ad0000;color:#ad0000}.rate2 .score{border-color:#7a0000;box-shadow:inset 0 0 30px #7a0000;color:#7a0000}.rate3 .score{border-color:#81146a;box-shadow:inset 0 0 30px #81146a;color:#81146a}.rate4 .score{border-color:#ce86ff;box-shadow:inset 0 0 20px #ce86ff;color:#ce86ff}.rate5 .score{border-color:#e7a9c6;box-shadow:inset 0 0 20px #e7a9c6;color:#e7a9c6}.rate6 .score{border-color:#ebd766;box-shadow:inset 0 0 20px #ebd766;color:#ebd766}.rate7 .score{border-color:#d6fd1d;box-shadow:inset 0 0 10px #d6fd1d;color:#d6fd1d}.rate8 .score{border-color:#c2f381;box-shadow:inset 0 0 10px #c2f381;color:#c2f381}.rate9 .score{border-color:#85dd7d;box-shadow:inset 0 0 10px #85dd7d;color:#85dd7d}.rate10 .score{border-color:#45fc51;box-shadow:inset 0 0 5px #45fc51;color:#45fc51}.rate0.unsolved .score{border-color:#999;box-shadow:inset 0 0 40px #000;color:#000;opacity:.5}.progressBar{background:#666;width:100%}.progressBar,.progressBar .bar{border-bottom:1px solid #aaa;display:block;height:10px}.progressBar .bar{background:#000;background:linear-gradient(90deg,#ce86ff,#d6fd1d 50%,#45fc51);transition:-webkit-clip-path 1s;transition:clip-path 1s;transition:clip-path 1s,-webkit-clip-path 1s}.indicatorProgress{background:#eee;border:1px solid #ccc;box-shadow:0 3px 2px #ddd;display:inline-block;height:8px;margin-left:10px;width:50px}.indicatorProgress span{background:linear-gradient(1turn,#b528d8,#a000b3 40%,#ffa4fe 96%);display:block;height:8px}.indicatorProgress.rate0 span{background:linear-gradient(1turn,red,red 40%,red 96%)}.indicatorProgress.rate1 span{background:linear-gradient(1turn,#ad0000,#ad0000 40%,#ad0000 96%)}.indicatorProgress.rate2 span{background:linear-gradient(1turn,#7a0000,#7a0000 40%,#7a0000 96%)}.indicatorProgress.rate3 span{background:linear-gradient(1turn,#81146a,#81146a 40%,#81146a 96%)}.indicatorProgress.rate4 span{background:linear-gradient(1turn,#ce86ff,#ce86ff 40%,#ce86ff 96%)}.indicatorProgress.rate5 span{background:linear-gradient(1turn,#e7a9c6,#e7a9c6 40%,#e7a9c6 96%)}.indicatorProgress.rate6 span{background:linear-gradient(1turn,#ebd766,#ebd766 40%,#ebd766 96%)}.indicatorProgress.rate7 span{background:linear-gradient(1turn,#d6fd1d,#d6fd1d 40%,#d6fd1d 96%)}.indicatorProgress.rate8 span{background:linear-gradient(1turn,#c2f381,#c2f381 40%,#c2f381 96%)}.indicatorProgress.rate9 span{background:linear-gradient(1turn,#85dd7d,#85dd7d 40%,#85dd7d 96%)}.indicatorProgress.rate10 span{background:linear-gradient(1turn,#45fc51,#45fc51 40%,#45fc51 96%)}p{font-size:3em;margin:0}.randItem{display:none;position:absolute;z-index:2}.wrapperHint .key{box-sizing:border-box;display:block;font-size:100px;font-weight:700;margin:40px auto;padding:0 100px;text-align:center;width:900px}.wrapperHint .key.longWord{font-size:3rem}.wrapperHint .hint{box-sizing:border-box;color:#999;display:block;font-size:2vw;font-weight:700;font-weight:400;margin:0 auto;padding:0 100px;text-align:center;width:900px}.wrapperHint .wrapperHint{margin-bottom:2rem}.finish{display:block;font-size:3em;font-weight:700;margin-bottom:30px;padding:20px 0;text-align:center}.finish .next{display:block;font-size:.5em;padding:10px 30px}.propal{display:table;margin:0 auto 10px;padding:7px 10px 0;text-align:center}.backspace{padding:0 10px}.letter{border:1px solid #555;cursor:pointer;display:inline-block;font-size:20px;font-weight:700;height:35px;margin-bottom:5px;margin-left:4px;text-align:center;text-transform:uppercase;white-space:nowrap;width:25px}.letter:focus{outline:none}.recap{background:#fafafa80;border-collapse:collapse;margin:80px auto 150px;width:100%}.recap th{padding:10px 0 40px}.recap tr th:first-child{padding-right:10px;text-align:right}.recap tr th:last-child{text-align:left}.recap tr td:first-child{font-weight:700;padding-right:10px;text-align:right}.recap tr td{padding-bottom:3px;padding-top:3px}.recap .surfaceToClick{cursor:pointer}.recap tr:nth-child(odd){background:#fafafa80}.recap .key img.todisplay{border:1px solid #164899;margin:10px 10% 8px 0;max-height:30px}.recap .key img.hidden{display:none}.recap .key img.display{box-shadow:0 0 150px #000;height:90%;left:50%;top:10px;transform:translate(-50%)}.recap .key img.modal{cursor:pointer;position:fixed}.recap .key{display:inline-block;width:100%}.recap .hint{display:inline;font-size:12px;font-weight:400}.recap .pic{background:#fafafa80}@keyframes appear{0%{background-position:51% 0}50%{background-position:50% 100%}to{background-position:51% 0}}.letter.focused{background:linear-gradient(180deg,#fff,#d6fd1d,#fff,#fff);background-size:800% 800%}.hide{display:none}.letter.focused,.letter.focused:focus{outline:4px solid #d6fd1d}.hideLetter{color:#fff}.options{background:#eee;display:block;margin:0;padding:10px 0 5px;text-align:center}.options.hide{display:none}.options li{display:inline-block;list-style:none;margin-bottom:5px;margin-right:5px;position:relative;vertical-align:top}.options li button{background:linear-gradient(180deg,#f2f6f8 0,#f9d2af 50%,#d4a982 51%,#f9d2af);border:1px solid #999;border-radius:6px;box-shadow:0 0 3px #ccc;box-sizing:border-box;color:#333;cursor:pointer;font-size:16px;height:30px;height:100%;line-height:31px;margin:0;padding:0 5px;text-align:center;text-shadow:0 0 2px #fff;width:100%}.options li button:hover{background:#3b679e;background:linear-gradient(180deg,#3b679e 0,#2b88d9 50%,#207cca 51%,#7db9e8);box-shadow:0 0 0 #000;color:#fff}.options li:hover .removePoints{color:#a00404;text-shadow:2px 2px 0 #fff}.proposal{box-sizing:border-box;flex-grow:1;margin:0 auto;padding:10px 50px 60px;text-align:center;text-transform:uppercase;width:900px}.proposaletter{background:#f2f6f8;background:linear-gradient(180deg,#f2f6f8 0,#d8e1e7 50%,#b5c6d0 51%,#e0eff9);border:1px solid #999;border-radius:6px;box-shadow:0 0 3px #ccc;color:#000;cursor:pointer;display:inline-block;font-size:25px;font-weight:700;height:30px;line-height:33px;margin-bottom:5px;margin-right:5px;text-align:center;text-shadow:0 0 2px #555;vertical-align:top;width:30px}.locked,.proposaletter.locked:focus,.proposaletter.locked:hover{background:#f2f6f8;background:linear-gradient(180deg,#888 0,#565 50%,#565 51%,#888);box-shadow:0 0 5px #555;color:#eee;cursor:not-allowed;opacity:.4;text-shadow:0 0 2px #555}.pts{font-size:40px;font-weight:700;position:absolute;text-shadow:none;text-shadow:0 0 5px #fff;top:-15px}.proposaletter:focus,.proposaletter:hover{background:#3b679e;background:linear-gradient(180deg,#3b679e 0,#2b88d9 50%,#207cca 51%,#7db9e8);box-shadow:0 0 0 #000;color:#fff}@media (max-width:480px){.proposal{padding:0 5px}}footer{background:#000;flex-grow:0;flex-shrink:0;margin:0 auto;text-align:center;width:100%}footer a{color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:4px;text-decoration:underline}.displayForMobile,.h{display:none}@media screen and (max-width:900px){.home,h1{box-sizing:border-box;padding:0 20px;width:100%}ul li{border-bottom:1px solid #999;margin-bottom:5px;padding-bottom:5px}.secondWrapper{bottom:0;box-sizing:border-box;z-index:2}.col{width:100%}.scoreContext{bottom:10px;left:auto;top:auto}.contentWraper{overflow:scroll}h1{padding-top:10px}.scoreWrapper{height:40px;overflow:hidden;width:100%}.solved .scoreWrapper{top:-5px;width:100%}.scoreWrapper .label{padding-right:10px}.score{border:none;border-radius:0;flex-direction:row;height:40px;top:-1px;transform:rotate(0);width:100%;z-index:1}.score .tooltip{display:block}.wrapperHint .key{font-size:8vw;margin-bottom:0;margin-top:0;padding:10px 0 0;width:100%}.wrapperHint .key img{max-width:100%}.wrapperHint .key img.modal{display:none}.wrapperHint .hint{font-size:5vw;margin-bottom:0;padding:10px 0 0;width:100%}.wrapperHint{margin-bottom:1rem}.options{display:flex;padding:10px}.options li{flex-grow:1;font-size:18px;height:40px;line-height:40px;text-shadow:0 1px 0 #fff}.propal{margin-bottom:10px}.proposal{background:#eee;padding-bottom:60px;padding-top:20px;width:100%}.next{margin:15px auto}.backspace{background:linear-gradient(180deg,#c1c5c6 0,#75797c 50%,#5d656a 51%,#959da3);box-sizing:border-box;color:#fff;height:42px;width:100px}.proposaletter{padding:5px}.letter{border:none;border-bottom:1px solid #999;height:30px;width:17px}.congratulation{box-sizing:border-box;display:flex;flex-direction:column;margin-top:40px;padding:0 10px;width:100%}.congratulation p{font-size:20px}.congratulation p:last-child{margin-top:30px}.congratulation h2{font-size:40px}.displayForMobile{display:block}.points{margin-left:20px}.points,.points b,.points span{color:#999}.recap .key img.display{height:auto;width:100%}.listAll,.notFound{box-sizing:border-box;flex-grow:1;padding:10px;width:100%}}
/*# sourceMappingURL=main.3e7ced01.css.map*/