*{box-sizing:border-box}html{font-size:20px}@media screen and (max-width:540px){html{font-size:3.7vmin}}body{font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;transition:background-color 250ms;margin:0}#MainHeaderText,#drchoice,#drnotiftext,.displaybuttons{font-family:Poppins,Verdana,sans-serif}#loading{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;background-color:#fff;color:#000;z-index:101;transition:none;opacity:1}#loading img{transform:scale(1);transition:none}#loading.hidden{transition:opacity 1s cubic-bezier(.85, 0, .15, 1);opacity:0}#loading.hidden img{transform:scale(.2);transition:transform 1s cubic-bezier(.85, 0, .15, 1)}#GameResults{display:none}.dark,.dark #loading,.dark .modal{color:#d8d8d8}.dark,.dark #loading,.dark .modal-content{background:#1b1b1b}.dark .flagbutton .flagpic{opacity:.75}.dark .flagbutton[data-disabled]>*{opacity:.1}.dark .flagbutton:hover .flagpic,.dark .flagbutton_flaggle .flagpic{opacity:1}.dark .flagbutton[data-disabled]:hover>*{opacity:.1}.dark_colorkeys{color:#8484dc;border-color:#8484dc}.dark .guessindicators{border-color:#4b4b4b;background:#464646}.dark .guessindicators.flag_guessed,.dark .guessindicators.guessed{border-color:#4b4b4b;background:#1b1b1b}.dark .guessindicators.current{border-color:#8484dc;background:#464646}.dark .colors{box-shadow:0 .15rem .5rem rgba(149,149,226,.75)}.dark .colors[data-disabled]{box-shadow:0 0 0 rgba(149,149,226,0)}.dark .guessindicators.purple{border-color:#7070b8;background:#7070b8}.dark #dailyflaggle,.dark #middlediv,.dark #middlediv:active,.dark #randomflaggle,.dark #sharebutton,.dark .displaybuttons{box-shadow:0 .15rem .25rem rgba(149,149,226,.5)}.dark #guesses{box-shadow:0 0 0 rgba(149,149,226,0)}.dark .displaybuttons:active:not([disabled]){box-shadow:0 0 0 rgba(0,0,0,.5)}.dark .displaybuttons.disabled{border:.1rem solid rgba(149,149,226,.425);background-color:rgba(149,149,226,.425)}.dark #middlediv{background:#2b2b2b;color:#fff}.dark #keyscontainer{background:#1b1b1b;background:linear-gradient(180deg,rgba(27,27,27,0) 0,#1b1b1b 75%)}.dark .flagbutton{box-shadow:0 0 .3rem rgba(0,0,0,.5)}.dark .flagbutton:hover{border:.1rem solid rgba(149,149,226,.5)}.HeaderBody{align-items:center;justify-content:center}.MainHeader{display:flex;align-items:center;justify-content:center;border-bottom:.05rem solid grey;width:26rem;padding-top:.5rem;margin:0 auto}#HeaderMessage{text-align:center;margin-top:.25rem}#MainHeaderText{text-align:center;margin-left:auto;margin-right:auto;font-weight:700}.material-icons-outlined{margin-left:.35rem;margin-right:.35rem;display:inline-block}#flag{cursor:default;opacity:0}#howto:hover,#settings:hover,#stats:hover{color:grey;cursor:pointer}#keyscontainer{width:100%;text-align:center;position:fixed;bottom:0;padding:.5rem;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 5%,#fff 100%)}#colorkeys{width:25.5rem;align-items:center;justify-content:center;margin:0 auto;display:flex;justify-content:space-between;gap:.2rem}.colors{border-style:solid;border-width:.05rem;text-align:center;width:3.5rem;height:3.5rem;display:inline-block;cursor:pointer;box-shadow:0 .15rem .5rem #000;transition:border-width 150ms,opacity 150ms,scale 150ms}.colors[data-disabled]{box-shadow:0 0 .1rem rgba(0,0,0,.5) inset;transform:scale(.825)}.colors[data-disabled][data-wrong]{opacity:.1}#demogreen,#green{background:green}#red{background:red}#black{background:#1d1d1d}#yellow{background:#ff0}#blue{background:#00f}#lightblue{background:#66edff}#white{background:#fff}#orange{background:#ff7b00}.modal{justify-content:center;align-items:center;display:none;position:fixed;z-index:100;padding-top:1rem;padding-bottom:1rem;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;background-color:#fff;margin:auto;padding:0;border:.05rem solid #888;width:25rem;box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.2),0 .3rem 1rem 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{from{top:-15rem;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-15rem;opacity:0}to{top:0;opacity:1}}.close{font-size:1.4rem;font-weight:700;cursor:pointer;position:absolute;top:0;right:.5rem;cursor:pointer}.close:focus,.close:hover{color:grey;text-decoration:none}.modal-header{text-align:center;font-weight:700}.modalheadertext{letter-spacing:.05rem;margin:0;padding:.75rem}.modal-body{border-top:.05rem solid grey;padding-bottom:1rem}#flagsmodalbody{padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:1.5rem;text-align:center}#settingsmodalbody{padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;text-align:center}#howtomodalbody{padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;font-size:.9rem;text-align:left}.colorchange,.colorchange *{-webkit-animation:colorchange 10s infinite;animation:colorchange 10s infinite;font-weight:700}@-webkit-keyframes colorchange{0%{color:red}20%{color:#ff7b00}40%{color:#ffd104}60%{color:green}80%{color:#3838ff}100%{color:red}}@keyframes colorchange{0%{color:red}20%{color:#ff7b00}40%{color:#ffd104}60%{color:green}80%{color:#3838ff}100%{color:red}}.flaggletext{position:relative;display:inline-block;background:linear-gradient(to bottom,#06c 0,#06c 50%,#fc0 50%,#fc0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wavy.animate span{-webkit-animation:animate 2s ease-in-out;animation:animate 2s ease-in-out;-webkit-animation-delay:calc(.1s * var(--i));animation-delay:calc(.1s * var(--i))}.wavy span{position:relative;display:inline-block;font-size:2em}@-webkit-keyframes animate{0%{transform:translateY(0)}20%{transform:translateY(-.25rem)}100%,40%{transform:translateY(0)}}@keyframes animate{0%{transform:translateY(0)}20%{transform:translateY(-.25rem)}100%,40%{transform:translateY(0)}}.switch{position:relative;display:inline-block;width:2.3rem;height:1.3rem}.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:.9rem;width:.9rem;left:.2rem;bottom:.2rem;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#8484dc}input:focus+.slider{box-shadow:0 0 .05rem #8484dc}input:checked+.slider:before{transform:translateX(1rem)}.slider.round{border-radius:.65rem}.slider.round:before{border-radius:50%}.settingsfont{font-weight:bolder}.settingsdivs{display:flex;justify-content:space-between;vertical-align:baseline;padding-bottom:1rem;border-bottom:.05rem solid grey}#darktheme{padding-top:1rem}#statsmodalbody{text-align:center;justify-content:center}#statsdisplay{display:inline-block;width:100%;height:6.5rem;margin-bottom:.75rem}.statstab{display:inline-table;width:3.5rem;text-align:center;margin-left:.25rem;margin-right:.25rem;height:5rem}.statstext{font-size:2.25rem;font-weight:700}.statsdesc{font-size:.8rem;line-height:.9rem}#gamediv{margin:0 auto;margin-top:.5rem;padding-bottom:4.5rem;width:26rem;text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;align-content:stretch}#choices{text-align:center;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:space-between;margin:.5rem auto;padding:.1rem;gap:.35rem .25rem}.flagbutton{width:4.95rem;height:5rem;background-color:rgba(0,0,0,.05);cursor:pointer;border:.1rem solid transparent;box-shadow:0 0 .3rem rgba(0,0,0,.35);transition:opacity 150ms,box-shadow 150ms,border 150ms,background-color 150ms;position:relative;transform:scale(1)}#middlediv.enabled,.flagbutton_flaggle{background-color:#8484dc;color:#fff;cursor:pointer}.flagbutton_flaggle .flagpic{opacity:1}.flagbutton:hover{border:.1rem solid rgba(0,0,0,.5);box-shadow:0 .15rem .5rem rgba(0,0,0,.35)}.flagpic{width:4.6rem;height:2.5rem;-o-object-fit:contain;object-fit:contain;margin:.25rem auto -.2rem;transition:opacity 150ms}.flagbutton[data-disabled]{cursor:default;box-shadow:0 0 .5rem rgba(0,0,0,.15) inset;background-color:rgba(0,0,0,.025)}.flagbutton[data-disabled]>*{opacity:.1}.flagbutton[data-disabled] .flagpic{-webkit-filter:grayscale(1);filter:grayscale(1)}.flagbutton[data-disabled]:hover{transform:none}.flagname{font-size:.75rem;font-weight:700;transition:opacity 150ms;line-height:.85rem;height:1.7rem;display:block;transition:opacity 150ms}.DisplayBody{align-items:center;justify-content:center}#guesses{border:none;background-color:rgba(216,216,216,0);height:1.2rem;width:auto;margin:.3rem 0 0;padding:.1rem;vertical-align:middle;box-shadow:0 .15rem .25rem transparent;transition:opacity 150ms,background-color 150ms;position:relative}#middlediv:active{top:.1rem;box-shadow:0 0 0 rgba(0,0,0,.5);opacity:.85}#resultguesses .flaggle{border:none;background:0 0;margin-left:.5rem;display:inline-block}.guessindicators{height:.9rem;width:.9rem;border-radius:50%;border:.05rem solid;border-color:#8f8f8f;background-color:#fff;display:inline-block;margin-left:.1rem;margin-right:.1rem;transition:transform 150ms,scale 150ms}.guessindicators.flag_guessed{border-radius:0;border:.1rem solid;border-color:#252525;background:#252525}.guessindicators.current{transform:scale(2);border-color:#8484dc;background:#fff;border-width:.1rem;margin-left:.5rem;margin-right:.5rem}.guessindicators.guessed{border-width:.3rem;border-color:#252525}.guessindicators.purple{border:.25rem solid;background:#7070b8;border-color:#7070b8}.guessindicators.guessed.green{background:green}.guessindicators.guessed.red{background:red}.guessindicators.guessed.black{background:#000}.guessindicators.guessed.yellow{background:#ff0}.guessindicators.guessed.blue{background:#00f}.guessindicators.guessed.lightblue{background:#66edff}.guessindicators.guessed.white{background:#fff}.guessindicators.guessed.orange{background:#ff7b00}.displaybuttons{font-size:1.1rem;color:#fff;height:2.7rem;width:7rem;padding:.375rem;border:.1rem solid #8484dc;background-color:#8484dc;box-shadow:0 .15rem .25rem rgba(0,0,0,.5);transition:border-width 150ms,opacity 150ms;cursor:pointer;position:relative}#gamediv .displaybuttons{margin-top:.25rem}.displaybuttons:active:not([disabled]){top:.1rem;background-color:#7777af;border:.1rem solid #7777af;box-shadow:0 0 0 rgba(0,0,0,.5);opacity:.85}.displaybuttons.disabled{opacity:.3;cursor:default}#drchoice{width:15rem;height:2rem;margin:0 auto;display:inline-flex;margin-top:1.5rem;margin-bottom:.5rem}#drchoiceleft{border-right-width:.05rem}#drchoiceright{border-left-width:.05rem}#drchoiceleft,#drchoiceright{width:50%;height:2rem;cursor:pointer;transition:border 150ms,box-shadow 150ms;background-color:#858585;border:.1rem solid #797979}#drchoiceleft.selected,#drchoiceright.selected{background-color:#8484dc;border:.1rem solid #8484dc;border-bottom:.2rem solid #646499;cursor:default}.statsmodetext{line-height:1.75rem;font-size:.9rem;color:#fff}.resultsmodal{display:block;position:fixed;z-index:100;padding-top:1rem;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}#gameresults-content{text-align:center;padding-bottom:1rem}#flagglepic{width:23rem;height:12rem;-o-object-fit:contain;object-fit:contain;-webkit-filter:drop-shadow(0 0 0.2rem rgba(0,0,0,0.5));filter:drop-shadow(0 0 .2rem rgba(0, 0, 0, .5));margin-top:1rem}#flaggleresultsdata{margin-bottom:1rem}.statsmodetextresults{font-weight:700;line-height:1.75rem}.modalfooter{width:100%;margin:0 auto;height:3.9rem;display:inline-flex}.dailycountdowntext{font-weight:700;letter-spacing:.1rem;font-size:1.5rem}#nextdaily{font-size:.9rem}.footerhalf{display:flex;width:50%;flex-direction:column;justify-content:center;height:100%;vertical-align:middle;padding-right:auto;padding-left:auto;text-align:center}#footerleft{border-right:.1rem solid grey}#sharebutton,#sharebuttonstat{margin:auto;font-weight:700;font-size:1.25rem}#middlediv{width:8rem;position:-webkit-sticky;position:sticky;top:.5rem;z-index:5;background:#f5f5f5;border:none;color:#000;box-shadow:0 .15rem .35rem rgba(0,0,0,.25);padding:0 0 .4rem}#drnotiftext{font-size:.85rem;font-weight:700;letter-spacing:.1rem}#dailyflaggle{margin-left:.5rem}#randomflaggle{margin-right:.5rem}#dailyflaggle.sticky,#randomflaggle.sticky{position:-webkit-sticky;position:sticky;top:.75rem;z-index:5}#flaglistnotif{text-align:center;font-weight:700}#disclaimer{justify-content:left;text-align:left;margin-top:1rem;border-bottom:.05rem solid grey}#disctext{font-size:.8rem}.textlink{font-style:none;color:#8484dc;font-weight:700;-webkit-text-decoration:none;text-decoration:none}.textlink:hover{-webkit-text-decoration:underline;text-decoration:underline}#about{justify-content:center;text-align:center;font-size:.65rem;margin-top:.5rem}#minidiff{font-size:.75rem;opacity:.8}#disctextnosue{font-size:.6rem;opacity:.1}.hmslider{-webkit-appearance:none;width:100%;height:.5rem;border-radius:.25rem;background:#8484dc;outline:0;transition:opacity .2s}.hmslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;cursor:pointer;border:.05rem solid rgba(0,0,0,.2);box-shadow:0 0 .4rem 0 rgba(0,0,0,.2)}.hmslider::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;cursor:pointer;border:.05rem solid rgba(0,0,0,.2);box-shadow:0 0 .4rem 0 rgba(0,0,0,.2)}.settingsdivsdiff{display:flex;justify-content:space-between;vertical-align:baseline;padding-bottom:1rem}#demokeyscontainer{width:100%;text-align:center;align-content:center}#democolorkeys{width:47%;align-items:center;justify-content:center;margin:0 auto;display:flex;justify-content:space-between;margin-top:1rem;gap:.2rem}.democolors{border-style:solid;border-width:.1rem;text-align:center;width:3.5rem;height:3.5rem;display:inline-block;cursor:default;box-shadow:0 .15rem .5rem rgba(0,0,0,.75);transition:border-width 150ms,box-shadow 150ms,opacity 150ms,scale 150ms}.demotext{width:50%}#demodiv{display:flex;width:100%}#demoorange{background:#ff7b00;opacity:.1;transform:scale(.9);border-width:.05rem;box-shadow:0 0 0 transparent;transform:scale(.9)}#demoyellow{background:#ff0}#demogreen{background:green;border-width:.05rem;box-shadow:0 0 0 transparent;transform:scale(.9)}.dark #demoorange{color:#8484dc;border-color:#8484dc}.dark #demoyellow{color:#8484dc;border-color:#8484dc;box-shadow:0 .15rem .5rem rgba(149,149,226,.75)}.dark #demogreen{color:#8484dc;border-color:#8484dc}#textorange{color:#ff7b00}#textgreen{color:green}.buildinfo{opacity:.5;margin-top:.5rem;display:inline-block;font:0.5rem}