body{--bkg-color:#fff;--txt-color:black;--share-txt-color:white;--ttl-bot-color:#d3d3d3;--clr-btn-color:#111111;--btn-color:black;--modal-bkg-color:#fefefe;--modal-brd-color:#888;--box-shdw-color:black;--active-case:white;--btn-text:black;--guess-blk-color:white;--rvl-blk-border:#111111;--avg-blk-color:#ededed;--guess-blk-bkg-color:#d3d3d3;--guess-blk-brd-color:#878a8c;--h2-color:#333;--privacy-brd-color:#eee}body.dark-mode{--bkg-color:#222425;--txt-color:#dedcd9;--share-txt-color:#dedcd9;--ttl-bot-color:#43474a;--clr-btn-color:#111111;--btn-color:#dedcd9;--modal-bkg-color:#222425;--modal-brd-color:#888;--box-shdw-color:#fefefe;--active-case:#dedcd9;--btn-text:#43474a;--guess-blk-color:#222425;--rvl-blk-border:#878a8c;--avg-blk-color:#43474a;--guess-blk-bkg-color:#878a8c;--guess-blk-brd-color:#5d5d5d;--h2-color:#eee;--privacy-brd-color:#43474a}.privacyPolicy{font-family:Arial,sans-serif;padding:0 20px;line-height:1.4;margin:0 auto;max-width:800px}.privacyPolicy h2{color:var(--h2-color);border-bottom:2px solid var(--privacy-brd-color);padding-bottom:10px;margin-bottom:20px}.privacyPolicy p{margin-bottom:20px}.privacyPolicy a{color:#007bff;text-decoration:none}.privacyPolicy a:hover{text-decoration:underline}body.dark-mode a{color:#add8e6}body{margin:0;background-color:var(--bkg-color);touch-action:manipulation}div{color:var(--txt-color)}button{color:#000}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:8px 16px;border-bottom:1px solid var(--ttl-bot-color)}.difficultySub{display:inline-block}.difficultySection{display:none;font-size:18px;position:absolute;top:50px;right:21px;width:300px;height:30px;text-align:end}.homeSection{font-size:14px;position:absolute;top:50px;right:21px;width:300px;height:30px;text-align:end}.switch{position:absolute;top:10px;right:10px;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.headerButton{background:0 0;border:none;cursor:pointer;padding:0 4px;color:var(--btn-color)}.invisButton{visibility:hidden}.paletteButton{position:absolute;top:-34px;right:0;background:0 0;border:none;cursor:pointer;color:var(--btn-color);font-size:22px}.headerIcon{font-size:20px}.placeholder{font-size:15px;color:#878a8c}.placeholderGone{display:none}.deleteButton{font-size:25px}.title{font-family:Raleway,sans-serif;font-weight:500;font-size:37px;line-height:100%;letter-spacing:.02em;text-align:center;left:0;right:0;cursor:pointer}.subTitle{font-size:18px;text-align:center}.titleHeader{margin-top:5px;text-align:center;font-size:24px;font-weight:700}.subTitleHeader{margin-top:5px;margin-bottom:10px;text-align:center;font-size:24px;font-weight:700}.demoChartTextLeft{flex:1;justify-content:end;padding-right:10px}.demoChartTextRight{flex:1;padding-left:10px}.demoChartText{display:flex}#demoChartContainer{display:flex;align-items:center;justify-content:center;margin-bottom:18px}#demoChart{max-width:150px;max-height:150px}.demoGuessBlock{box-sizing:border-box;border:4px solid #878a8c;padding:20px 20px;background-color:#d3d3d3;display:inline-block;margin:2px 2px;position:relative}.demoGuessBlockAfter::before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;border:2px solid var(--guess-blk-color)}#demoAvgContainerCorrectCircle{text-align:center}.demoAvgBlockAlone{height:48px;border-radius:50%;display:inline-block;aspect-ratio:1;text-align:center;background-color:#ededed;border:0}.demoAvgBlock{margin-left:5px;margin-top:2px;position:absolute;height:48px;width:48px;border:0;background-color:#ededed;border-radius:50%;display:inline-block;text-align:center}.demoAvgBlockButton{margin-left:5px;margin-top:2px;position:absolute;height:48px;width:48px;border:0;background-color:#ededed;border-radius:50%;display:inline-block;text-align:center}.demoAvgBlockFirst{position:relative;margin-bottom:8px;height:48px;width:48px;border:0;background-color:#ededed;border-radius:50%;display:inline-block;text-align:center}.demoAvgBlockSelected{box-shadow:0 0 6px var(--box-shdw-color)}#demoButtonContainer{text-align:center}#demoGuessContainerCorrectCircle{height:48px;text-align:center}.demoFlex{margin-right:60px;min-width:156px}.demoFlexButton{margin-right:60px;min-width:60px;height:56px}.demoGuessContainer{text-align:center;position:relative}.gridLabelText{text-align:center}.gridLabelTextSmall{text-align:center;font-size:14px}.subHeader{margin-top:5px}.subHeaderBottom{margin-top:10px}.faqIntro{margin-bottom:5px}.fontIcon{line-height:1.3!important;margin-left:10px}.fontIconRight{line-height:1.3!important;margin-right:10px}#demoGuessFirstContainer{display:grid;justify-content:center;grid-template-columns:200px minmax(125px,150px);grid-template-rows:.5fr 1fr}.flexDemo{display:flex;align-items:center}.guessText{pointer-events:none;color:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.answerText{position:absolute}.colorButton{border:4px solid var(--clr-btn-color);padding:28px 28px;display:inline-block;margin:2px 2px;cursor:pointer;position:relative;border-radius:10%}.colorButtonWrong::before{position:absolute;content:"";left:0;right:0;border-top:3px solid;border-color:inherit;transform:scale(1.45) rotate(45deg)}.answerLeftBlock{border:solid #878a8c;border-width:2px 0 2px 2px;position:relative}.answerRightBlock{border:solid #878a8c;border-width:2px 2px 2px 0}.answerBlock{padding:55px 55px;display:inline-block;margin:42x 2px}.revealBlock{border:4px solid var(--rvl-blk-border);background-color:#d3d3d3;padding:24px 24px;display:inline-block;margin:2px 2px}.guessBlock[data-animation=pop]{-webkit-animation-name:PopIn;animation-name:PopIn;-webkit-animation-duration:.4s;animation-duration:.4s}.guessBlock[data-animation=bounce0]{-webkit-animation-name:Bounce;animation-name:Bounce;-webkit-animation-duration:.4s;animation-duration:.4s}.guessBlock[data-animation=bounce1]{-webkit-animation-name:Bounce;animation-name:Bounce;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.2s;animation-delay:.2s}.guessBlock[data-animation=bounce2]{-webkit-animation-name:Bounce;animation-name:Bounce;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.4s;animation-delay:.4s}.guessBlock[data-animation=bounce3]{-webkit-animation-name:Bounce;animation-name:Bounce;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.6s;animation-delay:.6s}.guessBlock{box-sizing:border-box;border:4px solid var(--guess-blk-brd-color);aspect-ratio:1;background-color:var(--guess-blk-bkg-color);display:inline-block;position:relative}.guessBlockAfter::before{content:'';position:absolute;top:0;right:0;left:0;bottom:0;border:3px solid var(--guess-blk-color)}.avgBlockSelected{box-shadow:0 0 6px var(--box-shdw-color)}.avgBlockDiv{height:100%}.avgBlock{height:100%;overflow:hidden;border:0;background-color:var(--avg-blk-color);border-radius:50%;display:inline-block;aspect-ratio:1;text-align:center;text-align:-webkit-center;position:relative}.avgBlockActive{cursor:pointer}.fakeBlock{background-color:var(--bkg-color);border-radius:50%;display:inline-block;margin:2px 2px 2px 2px;position:relative}.fakeBlockMini{padding:8px 8px}.fakeBlockReg{padding:14px 14px}.actionButton{border-radius:10%;border:4px solid var(--clr-btn-color);display:inline-block;margin:2px 2px;cursor:pointer;text-transform:uppercase}.actionButtonDelete{position:relative;padding:15.5px 20px;color:#5d5d5d}.actionButtonEnter{letter-spacing:2px;padding:20.5px 26px;color:var(--btn-text)}#accuracyContainer{align-items:center;justify-content:center;text-align:center;margin-bottom:20px;display:none;font-size:20px}#accuracyStat{font-size:30px;display:inline-block;margin-left:8px}#resultContainer{flex-direction:column;text-align:center;display:none;margin-bottom:10px}#answerField{display:flex;justify-content:center;align-items:center}#chartDiv{height:100%;aspect-ratio:1;display:flex;min-height:0;justify-content:center;align-items:center}#answerChart{height:100%;aspect-ratio:1;max-width:270px;max-height:270px;position:absolute}#answerChart[data-animation=fadeOut]{-webkit-animation-name:fadeOutChart;animation-name:fadeOutChart;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#finalChart{height:100%;aspect-ratio:1;max-width:270px;max-height:270px;position:absolute}#finalChart[data-animation=fadeIn]{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeInChart;animation-name:fadeInChart;-webkit-animation-duration:1.5s;animation-duration:1.5s}#gameField{width:100%;height:calc(100vh - 75px);position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}#answerBlockFieldContainer{width:100%}#answerBlockField{position:relative;display:flex;flex:.7;min-height:0;max-height:270px;justify-content:center;align-items:center;width:100%}.guessRowInvis{opacity:.1}.guessRow{width:100%;justify-content:center;align-items:center;display:grid;grid-column-gap:5px}.guessRow0{grid-template-columns:.5fr repeat(4,minmax(10px,60px))}.guessRow1{grid-template-columns:.5fr repeat(5,minmax(10px,60px))}.colorRow{display:flex;justify-content:center;align-items:center}#playingFieldContainer{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;max-height:430px;width:100%;overflow:hidden}.playingFieldReg{aspect-ratio:7.5/10}.playingFieldHard{aspect-ratio:9.5/10}#playingField{height:100%;display:grid;grid-row-gap:5px;padding:10px;box-sizing:border-box;grid-template-rows:repeat(6,1fr)}#colorField{width:100%;padding:0 0 10px;box-sizing:border-box}.modal{display:none;position:fixed;z-index:1;padding-top:80px;left:0;top:0;width:100%;height:100%;box-sizing:border-box;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}#statsModalContent{max-width:500px}.modal-content{position:relative;background-color:var(--modal-bkg-color);margin:auto;padding:20px;border:1px solid var(--modal-brd-color);width:80%;max-width:700px;max-height:800px;overflow:auto}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes Bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-30px)}50%{transform:translateY(5px)}60%{transform:translateY(-15px)}80%{transform:translateY(2px)}100%{transform:translateY(0)}}@keyframes Bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-30px)}50%{transform:translateY(5px)}60%{transform:translateY(-15px)}80%{transform:translateY(2px)}100%{transform:translateY(0)}}@-webkit-keyframes PopIn{from{transform:scale(.9);opacity:0}40%{transform:scale(1.1);opacity:1}}@keyframes PopIn{from{transform:scale(.9);opacity:0}40%{transform:scale(1.1);opacity:1}}@-webkit-keyframes fadeInChart{from{opacity:0}to{opacity:1}}@keyframes fadeInChart{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutChart{from{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(360deg)}}@keyframes fadeOutChart{from{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(360deg)}}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.flexFooter{align-items:center;justify-content:space-evenly;padding-bottom:10px}#paintFoot{text-align:center}#practiceFoot{text-align:center;margin-bottom:5px}.footerText{font-weight:700;font-size:16px;letter-spacing:.5px;text-transform:uppercase;text-align:center;margin-bottom:10px}#timerHalf{flex:1;border-right:1px solid #000}#shareHalf{flex:1;text-align:center}#createHalf{flex:1;text-align:center}#shareButton{padding:15px 28px;background-color:#54b35a;color:var(--share-txt-color);border-radius:10%;border:0;cursor:pointer;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:1px}#createButton{padding:15px 28px;background-color:grey;color:var(--share-txt-color);border-radius:10%;border:0;cursor:pointer;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:1px}#timerTilNext{font-size:30px;font-weight:400;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:.05em}.flexStatisticsContainer{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.statistic{font-size:36px;font-weight:400}.statsContainer{max-width:80px;text-align:center}.close{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;right:30px}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.switch-button input{opacity:0;width:0;height:0;display:none}.switch-button{display:none;background-color:grey;width:300px;height:30px;text-align:center;position:absolute;top:10px;right:20px;cursor:pointer;border:1px solid #000}.switch-button-case{padding:0;display:inline-block;background:0 0;width:49%;height:100%;color:#fff;position:relative;border:none;text-transform:uppercase;letter-spacing:5px;padding-bottom:1px;cursor:pointer}.active-case{color:#151515;background-color:var(--active-case);cursor:auto}@media (max-width:600px){.modal-content{max-height:550px}.demoChartTextLeft{padding-right:0;text-align:center}.demoChartTextRight{padding-left:0}.fontIcon{line-height:2.3!important;margin-left:4px}.demoFlex{margin-right:20px}.demoFlexText{text-align:end}.fontIconRight{margin-left:3px}.demoAvgBlock{display:none}.playingFieldReg{aspect-ratio:7.5/10}.playingFieldHard{aspect-ratio:9.5/10}#accuracyContainer{font-size:16px}#accuracyStat{font-size:24px}#timerTilNext{font-size:24px}.actionButtonEnter{letter-spacing:1px}.switch-button{width:100px;height:20px;right:10px}.difficultySection{width:120px;height:20px;font-size:10px;right:11px;top:36px}.homeSection{top:35px;right:11px;font-size:10px}.switch-button-case{letter-spacing:1px;font-size:10px;width:47%;height:93%;top:-2px}#playingField{padding-top:4px;grid-row-gap:4px;padding-bottom:4px;max-height:400px}.guessRow0{grid-template-columns:.5fr repeat(4,minmax(10px,60px))}.guessRow1{grid-template-columns:.5fr repeat(5,minmax(10px,60px))}.deleteButton{font-size:20px}.guessBlock{border:3px solid var(--guess-blk-brd-color)}.revealBlock{padding:18px 18px}.avgBlock{font-size:11px}.colorButton{margin:1px 1px;border:3px solid var(--clr-btn-color);padding:18px 18px}.actionButton{border:3px solid var(--clr-btn-color);padding:8px 8px}.actionButtonEnter{padding:10.5px 8px}#answerChart{max-width:240px;max-height:240px}#answerBlockField{max-height:240px}.paletteButton{font-size:18px;right:-5px}}@media (max-width:400px){#answerBlockField{max-height:200px}}@media (min-width:600px){#gameField{min-height:750px}}