style.min.css

body,html{color:var(--txt);background:var(--back);overflow-x:hidden;overflow-y:auto;padding:0;margin:0;font-size:16px;font-family:'Nunito Sans',sans-serif;line-height:1.1;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{overflow-y:hidden}main{max-width:924px;margin:0 auto;margin-top:1.5em;padding:0 min(5vw,25px);display:grid;gap:0 1em;grid-template-rows:auto;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 350px;grid-template-areas:"title title twitter" "head head head" "faq faq faq" "start start start" "gameover gameover gameover" "timechoice timechoice news" "col1 col2 news"}@media (min-width:1000px){main{width:924px;margin-top:5vh}body{padding-left:calc(100vw - 100%)}#scroll{height:27.5em!important;overflow:scroll!important}#shadow{bottom:-50px!important}#tikkie .box{line-height:1.1!important;float:right;width:calc(100% - 700px)}}br{display:block;margin:.5em 0;content:" ";line-height:1em}#eval br,.mob{display:none!important}.desk{display:inherit!important}#popup .desk{display:unset!important}.social .desk{display:inline-block!important}.big{display:inherit!important}@media (max-width:1000px){main{width:fit-content;margin-left:auto;margin-right:auto;grid-template-rows:auto;grid-template-columns:350px 350px;grid-template-areas:"title twitter" "head head" "gameover gameover" "faq faq" "start start" "timechoice news" "col1 news" "col2 news"}body{padding-bottom:2em}}@media (max-width:765px){h1{font-size:min(10vw, 2.2em)!important}#eval br,.mob{display:inherit!important}#popup .mob{display:unset!important}.social .mob{display:inline-block!important}#popup .desk,.desk,.social .desk{display:none!important}main{max-width:450px;grid-template-rows:auto;grid-template-columns:minmax(120px,1fr);grid-template-areas:"title" "twitter" "start" "news" "timechoice" "col1" "col2" "faq" "gameover"}}p{margin-top:0;margin-bottom:1rem}#start a{max-width:10em;margin:.75em 0 -.25em;font-weight:700}.hide{display:none!important}#title{grid-area:title}#twitter{grid-area:twitter}#head{margin-top:.15em;grid-area:head}#start{grid-area:start}#timechoice{grid-area:timechoice}#col1{grid-area:col1}#col2{grid-area:col2}#news{grid-area:news;min-width:0}#faq{grid-area:faq;margin-top:.2em;margin-bottom:2em}#faq i{opacity:.6;font-size:.9em;font-style:normal}h1{color:var(--bw);font-weight:900;text-align:left;font-family:'Nunito Sans',sans-serif;line-height:1.1;font-size:min(5vw, 2.2em);margin:0 0 5px}b{display:block;font-weight:800;font-size:1.05em;margin:1em 0 .4em}#toggles{-webkit-transition:opacity .5s,-webkit-filter .5s;transition:opacity .5s,-webkit-filter .5s;transition:opacity .5s,filter .5s;transition:opacity .5s,filter .5s,-webkit-filter .5s;margin-top:-.6em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}#toggles .flex{flex:1 1 230px;align-self:auto}#toggles .flex:nth-child(1){padding-right:.4em}#toggles .flex:nth-child(2){padding-left:.4em}.freeze{opacity:.2;transition:opacity .5s}#twitter{display:flex;align-items:center;justify-content:right;vertical-align:middle;text-align:right;font-size:1.2em;color:var(--light-txt);opacity:.8;font-weight:700}#twitter i{margin:0 .35em}#twitter .fa-twitter{margin-right:.15em}#moon,#sun{margin-left:0!important}#twitter a{color:var(--light-txt)}#twitter a:hover{text-decoration:none;color:var(--txt);cursor:pointer}#head p{margin-top:-.15em}p{font-size:1em;margin-bottom:.5em}.container{width:100%;height:100%}@keyframes swipe{from{max-height:0;opacity:0;color:var(--box)}to{max-height:6em;opacity:100%;color:var(--light-txt)}}a{font-weight:700;text-decoration:none;background:0 0}.statbtns{display:grid;gap:0 6px;grid-template-rows:1fr;grid-template-columns:repeat(3,1fr)}#statbtns i{font-size:.95em;margin:0 .2em}#pinned{padding:.6em .5em;-webkit-animation:none;animation:none;margin:1em 0 .6em}.box{border:2px solid var(--border);line-height:1.1;background:var(--box);margin-top:.4em;margin-bottom:.8em;padding:.6em;overflow:none;border-radius:.6em;text-align:left;max-height:50em}.scroll .box{max-height:3.6em}.box:not(#chartbox):not(#pinned):not(#firstnews){animation:swipe .35s ease-out}#pinned img{margin-left:.1em}#content img,.box .logo{float:left;margin-right:.5em;border-radius:30%}#shadow{width:115%;left:-5px;height:6em;position:absolute;bottom:0;z-index:10;background:linear-gradient(0deg,var(--back) 50%,rgba(0,0,0,0) 100%)}@media (min-width:765px){#disclaimer{margin-top:1.5em}#popup .btn{width:fit-content!important}.faqbox{margin:0 0 1em 1em;float:right;font-size:16px}#scroll{margin-bottom:-50px;height:700px;position:relative;padding-top:.1px;overflow:hidden}#shadow{bottom:-30px}#tikkie .box{max-width:650px}}#stats .box{margin-bottom:.4em}#faq p{font-size:.955em;line-height:1.2;margin-bottom:.5em}.faqbox{padding:.75em 1em;animation:none!important;transition:none!important;font-weight:700;line-height:.9}.faqbox b{color:var(--light-txt);margin:0;display:inline}.faqbox a{text-decoration:none}#firstnews{margin-bottom:75px}#news{height:100%;padding:0;position:relative}.app{display:inline;font-size:.9em;margin:1px 0 0 0;font-weight:600}.newstitle{display:block;margin-top:.3em;margin-bottom:0}#down,#sdown{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#content{margin:0;display:inline-block;vertical-align:top}#arrows{margin-left:0;width:28px;height:100%;display:inline-block;-webkit-filter:var(--arrows);filter:var(--arrows)}#date,#weekday{font-weight:700}#today{margin:.3em 0}#btn-cont{display:flex;flex-direction:row}#timechoice .btn{display:flex;justify-content:center;align-items:center;font-size:1.1em!important;width:34px;height:34px;margin-top:.2em;margin-right:.5em;background:var(--back);--scalar:1.05!important}#timechoice i{font-size:.85em;margin:1px 0 -1px;color:var(--light-txt)}.tsel{background:var(--light-txt)!important}.tsel i{color:var(--back)!important}.btn{cursor:pointer;text-align:center;display:inline-block;font-weight:600;font-size:1em!important;border:2px solid var(--light-txt);padding:0;margin:0 0 .6em;border-radius:6px;background:var(--back);opacity:1;transition:transform .05s ease,opacity .5s ease,color .1s ease,background .1s ease,border .1s ease}*,:focus{-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation;outline:0}button,div,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.txt{color:var(--txt);border-color:var(--btn-border);display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;line-height:1;padding:.5em .8em;font-weight:400;font-size:.9em;min-width:4em;position:relative;background:var(--back);transition:transform .05s ease,opacity .5s ease,color .1s ease,background .1s ease!important}.txt i{margin-right:.6em;width:20px}.btn.txt::after{font-family:"Font Awesome 5 Pro";font-weight:400;position:absolute;right:.5em;opacity:1;transition:opacity .1s ease}.btn.txt:not(.paused):not(.txtsel)::after{content:'';opacity:0}.txtsel:not(.paused)::after{content:"\f00c"}.btn.txt.paused::after,.txtsel.paused::after{content:"\f2f2"}@media (min-width:1000px){.btn.txt::after{font-weight:300}#timechoice .btn{margin-bottom:0}#btn-cont .btn:hover,.txt:hover:not(.txtsel):not(.freeze div a):not(.paused){background:var(--hover)}#btn-cont .tsel:hover,.txtsel:hover:not(.freeze div a):not(.paused){background:var(--inv-hover)!important;border-color:#00000000}}#start p{max-width:650px}#disclaimer{font-size:.75em;color:var(--light-txt);opacity:.8}#curtain{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--back);z-index:9;opacity:0;transition:opacity .25s ease}#popup{box-sizing:border-box;position:fixed;top:min(24em,50vh);left:50vw;transform:translate(-50%,-50%);width:min(500px,calc(100vw - min(10vw,50px)));margin:0 auto;min-height:5em;max-height:100%;background:var(--box);border:2px solid var(--border);line-height:1.1;padding:.7em .8em;border-radius:.6em;z-index:10;opacity:0;transition:opacity .25s ease}#popup .btn{background:var(--popup-btn);border-color:var(--border-thick);margin:.5em .5em 0 0;box-sizing:border-box;width:100%;padding:.45em .7em}#popup p{margin:.4em 0 0 0}#poptext i{font-size:.8em;margin:0 .1em 0 .25em}#popup b,#popup i{display:inline}#popup i{margin-right:.2em}.freeze div a{cursor:default!important}.txtsel{border-color:var(--light-txt);background:var(--light-txt);color:var(--back)!important}.txtsel i{color:var(--back)!important}.btn i{color:var(--light-txt)}.active{opacity:60%}.inactive{opacity:20%}::-webkit-input-placeholder{font-size:1em;font-weight:600;color:var(--light-txt)}:-ms-input-placeholder{font-size:1em;font-weight:600;color:var(--light-txt)}::-ms-input-placeholder{font-size:1em;font-weight:600;color:var(--light-txt)}::placeholder{font-size:1em;font-weight:600;color:var(--light-txt)}.flip{display:inline-block;-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}input:focus,textarea:focus{outline:0}:focus{outline:0}input,select,textarea{-webkit-appearance:none}hr{border:0;margin:.25em 0 .75em 0}#news ::-webkit-scrollbar{width:0;background:0 0}#scroll{scrollbar-width:none}#chartbox{padding:.4em}.chartcnt{height:8em;margin-bottom:.3em}#faq a:not(.faqbtn),.more{color:var(--link)!important;text-decoration:none;background:0 0;cursor:pointer}#faq a:hover:not(.faqbtn),.more:hover,.wip a:hover{color:var(--link-hover)!important;text-decoration:underline}.statbtn{background:var(--popup-btn);border:2px solid var(--border);font-size:1.06em;font-weight:600;padding:4px 5px;padding-top:5px;border-radius:5px;cursor:pointer;transition:.1s}.statbtnactive{border-top:3.5px solid var(--border-thick);padding-top:3.5px;background:var(--stat-back)}.statbtn:hover{background:var(--stat-back)}.statbtn i{font-size:1em;padding-right:1px;color:var(--light-txt)}#chartbox .row{margin:0}hr{border-top:1px solid var(--hr)}.tut{border-color:var(--tut-border);background:var(--tut-box)}.tut p{margin:0;display:inline-block;width:calc(100% - 15px)}.tut #x{font-size:1.4em;font-weight:900;color:var(--tut-x);position:absolute;margin:-.3em 0 0 0;cursor:pointer}.remtut{-webkit-animation:hide .12s linear forwards!important;animation:hide .12s linear forwards!important;opacity:0;margin:0;padding:0}.remtut p{display:none}.remtut i{-webkit-animation:hidex .12s ease-out forwards!important;animation:hidex .12s ease-out forwards!important}@keyframes hide{from{color:var(--dark-txt);max-height:8em;opacity:1;margin-top:.4em;margin-bottom:.8em;border-width:2px;padding:.6em}to{color:var(--tut-box);border-width:0;max-height:0;opacity:0;margin:0;padding:0 .6em;display:none}}@keyframes hidex{from{font-size:initial;padding:10px}to{font-size:0;padding:0}}.faqbtn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:1em}strong{font-weight:700}.paused{opacity:.7;cursor:default;transition:opacity .5s}@keyframes hidex{from{font-size:initial;padding:10px}to{font-size:0;padding:0}}#btn-cont .btn:hover::before,.txt.nudge:hover::before{animation:none}.nudge{animation:nudge .5s ease alternate-reverse 1s 100;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;--scalar:1.035}.txt.nudge{--scalar:1.015}@keyframes nudge{from{transform:scale(var(--scalar));box-shadow:0 0 .5em 0 var(--box)}to{transform:scale(1)}}.a{color:var(--link);font-weight:700}#tikkie .box i{margin-top:.3em;float:right;color:var(--tut-x)}#tikkie .box{line-height:1;font-weight:500;color:var(--light-txt);display:block;background:var(--tut-box);border-color:var(--tut-border);cursor:pointer;box-shadow:0 0 .5em 0 var(--tut-box)}#gameover .cont{max-width:650px}#gameover{-webkit-animation:fadein .5s ease-in;animation:fadein .5s ease-in;margin-top:0;grid-area:gameover}#gameover .faqbtn{margin-bottom:.5em}#gameover b{margin:.4em 0;font-size:1.35em}#gameover p{margin-bottom:.7em}#mobile i{margin-right:.25em!important}#mobile .btn{--scalar:1.01}#result{max-width:700px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin:1.5em auto}.res{display:block;margin:0 auto;line-height:.5;display:flex;align-items:center}.res i{font-size:2.7em;margin-right:.2em;width:1.1em}.res div{display:inline-block}#res-dead,#res-meas,#res-pop{font-size:1.8em;font-weight:900}.better{color:var(--better)}.worse{color:var(--worse)}.byline{font-size:.8em;font-weight:700}.social .btn{display:inline-block;margin-right:.5em;margin-bottom:1em!important;width:fit-content;min-width:0;padding:.5em .55em}.social .btn i{margin:1px 0 -1px 0!important;font-size:1.1em}.fad.fa-tools{position:absolute;margin-top:80px;top:30%;left:50%;transform:translate(-50%,-50%);font-size:15em;color:var(--txt);opacity:.1}.wip{position:absolute;margin-top:80px;top:30%;left:50%;transform:translate(-50%,-50%);width:min(80vw,20em)}.wip h2{font-weight:900;text-align:center;margin:.2em 0 .2em 0}.wip a{color:var(--link)}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@media (max-width:1000px){#popup{top:50vh}.txt{padding-top:.4em;padding-bottom:.4em}#col1{margin-top:.75em}#col1 .btn:last-child{margin-bottom:0}#col2{margin-bottom:1em}#btns-base b:first-child{margin-top:0!important}b{margin-top:.8em!important}}@media (max-width:765px){#gameover p{line-height:1.05}.newstitle{font-size:.95em}#result{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:1em;margin:1em 0}.res{margin:0 0 0 2em}.txt i{margin:1px .8em -1px 0}.tut{margin:1em 0 .6em}.tut p{width:calc(100% - 20px)}.tut i{font-size:1.2em;margin:-10px;padding:8px 10px}.faqbox{max-width:100%}.btn{margin-bottom:.45em}body,html{font-size:18px}#col1{margin-top:.5em}.chartcnt{height:7em}#toggles{margin-top:0}#twitter{margin:0;justify-content:left;margin-bottom:.6em;text-align:left;font-size:1.2em;color:var(--light-txt);font-weight:700}.faqbtn{margin-bottom:1em}#head{display:none}#scroll{max-height:26em;height:auto}#start a{margin-bottom:1em}#start p{line-height:1.2}}@media (max-width:370px){body,html{font-size:16px}.big{display:none}.statbtn{font-size:15px}body,html{font-size:16px}}#light{--bw:black;--hover:rgba(33, 37, 41, 0.05);--inv-hover:rgba(51, 51, 51, 0.95);--back:white;--popup-btn:#ececec;--link:#1f5085;--link-hover:#133c68;--box:#dadada;--txt:#212529;--light-txt:#2e2e2e;--btn-border:#444c55;--stat-back:white;--hr:#00000028;--border:#8d8d8d;--border-thick:#797979;--input:white;--tut-box:#f0dcc1;--tut-border:#aa9c8b;--tut-x:#796853;--better:#42a442;--worse:#f03c3c}#dark{--bw:white;--hover:rgba(236, 236, 236, .07);--inv-hover:rgba(236, 236, 236, .9);--back:#212529;--popup-btn:#2d3339;--link:#85c0ff;--link-hover:#b4d8ff;--box:#343a3f;--light-txt:#ececec;--txt:white;--btn-border:#ececec;--hr:#ffffff1a;--stat-back:#212529;--border:hsl(210, 5%, 45%);--border-thick:#a2a6ab;--input:#343a3f;--tut-box:#403b30;--tut-border:#796853;--tut-x:#aa9c8b;--better:#66ef66;--worse:#ff6363}[data-color-scheme=dark]{color-scheme:dark}[data-color-scheme=light]{color-scheme:light}.notrans *{transition:none!important}