html{box-sizing:border-box;font-size:100%;overflow-x:hidden}html.blue{background:linear-gradient(180deg,white 0% 5%,var(--blueA) 100vh)}html.yellow{background:linear-gradient(180deg,white 0% 5%,var(--yellowA) 100vh)}html.green{background:linear-gradient(180deg,white 0% 5%,var(--greenA) 100vh)}html.orange{background:linear-gradient(180deg,white 0% 5%,var(--orangeA) 100vh)}html.pink{background:linear-gradient(180deg,white 0% 5%,var(--pinkA) 100vh)}html.teal{background:linear-gradient(180deg,white 0% 5%,var(--tealA) 100vh)}html.purple{background:linear-gradient(180deg,white 0% 5%,var(--purpleA) 100vh)}body{position:relative;margin:0;padding:40px 0 20px;min-height:100vh}*,*:before,*:after{box-sizing:inherit}a,a:visited,a:active{text-decoration:none}.hidden{display:none}.opacity{opacity:1!important}.meterdiv p{margin-bottom:3px}.new-meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;margin-inline:auto;width:80%;max-width:600px;height:15px;background:#e2e2e2;border:solid 1px #222;border-radius:10px;overflow:hidden}.new-meter.blue .new-meter__fill{background:linear-gradient(90deg,var(--blueC),var(--blueGradient) 100%)}.new-meter.yellow .new-meter__fill{background:linear-gradient(90deg,var(--yellowC),var(--yellowGradient) 100%)}.new-meter.green .new-meter__fill{background:linear-gradient(90deg,var(--greenC),var(--greenGradient) 100%)}.new-meter.orange .new-meter__fill{background:linear-gradient(90deg,var(--orangeC),var(--orangeGradient) 100%)}.new-meter.pink .new-meter__fill{background:linear-gradient(90deg,var(--pinkC),var(--pinkGradient) 100%)}.new-meter.teal .new-meter__fill{background:linear-gradient(90deg,var(--tealC),var(--tealGradient) 100%)}.new-meter.purple .new-meter__fill{background:linear-gradient(90deg,var(--purpleC),var(--purpleGradient) 100%)}.new-meter__fill{height:100%;border-radius:10px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px darkgray}input[type=range].blue{background:var(--blueB)}input[type=range].blue:disabled{background-color:#d3d3d3}input[type=range].blue::-webkit-slider-thumb{background:var(--blueC)}input[type=range].blue::-moz-range-thumb{background:var(--blueC)}input[type=range].blue::-ms-thumb{background:var(--blueC)}input[type=range].blue::-moz-range-progress{background-color:var(--blueC)}input[type=range].blue::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--blueC) var(--range-progress),var(--blueB) var(--range-progress))}input[type=range].blue::-ms-track{background-color:var(--blueC)}input[type=range].blue:disabled::-webkit-slider-thumb{background:gray}input[type=range].blue:disabled::-moz-range-thumb{background:gray}input[type=range].blue:disabled::-ms-thumb{background:gray}input[type=range].blue:disabled::-webkit-slider-runnable-track{background:#d3d3d3}input[type=range].blue:disabled::-moz-range-progress{background-color:#d3d3d3}input[type=range].yellow{background:var(--yellowB)}input[type=range].yellow:disabled{background-color:#d3d3d3}input[type=range].yellow::-webkit-slider-thumb{background:var(--yellowC)}input[type=range].yellow::-moz-range-thumb{background:var(--yellowC)}input[type=range].yellow::-ms-thumb{background:var(--yellowC)}input[type=range].yellow::-moz-range-progress{background-color:var(--yellowC)}input[type=range].yellow::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--yellowC) var(--range-progress),var(--yellowB) var(--range-progress))}input[type=range].yellow::-ms-track{background-color:var(--yellowC)}input[type=range].yellow:disabled::-webkit-slider-thumb{background:gray}input[type=range].yellow:disabled::-moz-range-thumb{background:gray}input[type=range].yellow:disabled::-ms-thumb{background:gray}input[type=range].yellow:disabled::-webkit-slider-runnable-track{background:#d3d3d3}input[type=range].yellow:disabled::-moz-range-progress{background-color:#d3d3d3}input[type=range].green{background:var(--greenB)}input[type=range].green:disabled{background-color:#d3d3d3}input[type=range].green::-webkit-slider-thumb{background:var(--greenC)}input[type=range].green::-moz-range-thumb{background:var(--greenC)}input[type=range].green::-ms-thumb{background:var(--greenC)}input[type=range].green::-moz-range-progress{background-color:var(--greenC)}input[type=range].green::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--greenC) var(--range-progress),var(--greenB) var(--range-progress))}input[type=range].green::-ms-track{background-color:var(--greenC)}input[type=range].green:disabled::-webkit-slider-thumb{background:gray}input[type=range].green:disabled::-moz-range-thumb{background:gray}input[type=range].green:disabled::-ms-thumb{background:gray}input[type=range].green:disabled::-webkit-slider-runnable-track{background:#d3d3d3}input[type=range].green:disabled::-moz-range-progress{background-color:#d3d3d3}input[type=range].orange{background:var(--orangeB)}input[type=range].orange:disabled{background-color:#d3d3d3}input[type=range].orange::-webkit-slider-thumb{background:var(--orangeC)}input[type=range].orange::-moz-range-thumb{background:var(--orangeC)}input[type=range].orange::-ms-thumb{background:var(--orangeC)}input[type=range].orange::-moz-range-progress{background-color:var(--orangeC)}input[type=range].orange::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--orangeC) var(--range-progress),var(--orangeB) var(--range-progress))}input[type=range].orange::-ms-track{background-color:var(--orangeC)}input[type=range].orange:disabled::-webkit-slider-thumb{background:gray}input[type=range].orange:disabled::-moz-range-thumb{background:gray}input[type=range].orange:disabled::-ms-thumb{background:gray}input[type=range].orange:disabled::-webkit-slider-runnable-track{background:#d3d3d3}input[type=range].orange:disabled::-moz-range-progress{background-color:#d3d3d3}input[type=range].pink{background:var(--pinkB)}input[type=range].pink:disabled{background-color:#d3d3d3}input[type=range].pink::-webkit-slider-thumb{background:var(--pinkC)}input[type=range].pink::-moz-range-thumb{background:var(--pinkC)}input[type=range].pink::-ms-thumb{background:var(--pinkC)}input[type=range].pink::-moz-range-progress{background-color:var(--pinkC)}input[type=range].pink::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--pinkC) var(--range-progress),var(--pinkB) var(--range-progress))}input[type=range].pink::-ms-track{background-color:var(--pinkC)}input[type=range].pink:disabled::-webkit-slider-thumb{background:gray}input[type=range].pink:disabled::-moz-range-thumb{background:gray}input[type=range].pink:disabled::-ms-thumb{background:gray}input[type=range].pink:disabled::-webkit-slider-runnable-track{background:#d3d3d3}input[type=range].pink:disabled::-moz-range-progress{background-color:#d3d3d3}input[type=range].teal{background:var(--tealB)}input[type=range].teal:disabled{background-color:#d3d3d3}input[type=range].teal::-webkit-slider-thumb{background:var(--tealC)}input[type=range].teal::-moz-range-thumb{background:var(--tealC)}input[type=range].teal::-ms-thumb{background:var(--tealC)}input[type=range].teal::-moz-range-progress{background-color:var(--tealC)}input[type=range].teal::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--tealC) var(--range-progress),var(--tealB) var(--range-progress))}input[type=range].teal::-ms-track{background-color:var(--tealC)}input[type=range].teal:disabled::-webkit-slider-thumb{background:gray}input[type=range].teal:disabled::-moz-range-thumb{background:gray}input[type=range].teal:disabled::-ms-thumb{background:gray}input[type=range].teal:disabled::-webkit-slider-runnable-track{background:#d3d3d3}input[type=range].teal:disabled::-moz-range-progress{background-color:#d3d3d3}input[type=range].purple{background:var(--purpleB)}input[type=range].purple:disabled{background-color:#d3d3d3}input[type=range].purple::-webkit-slider-thumb{background:var(--purpleC)}input[type=range].purple::-moz-range-thumb{background:var(--purpleC)}input[type=range].purple::-ms-thumb{background:var(--purpleC)}input[type=range].purple::-moz-range-progress{background-color:var(--purpleC)}input[type=range].purple::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--purpleC) var(--range-progress),var(--purpleB) var(--range-progress))}input[type=range].purple::-ms-track{background-color:var(--purpleC)}input[type=range].purple:disabled::-webkit-slider-thumb{background:gray}input[type=range].purple:disabled::-moz-range-thumb{background:gray}input[type=range].purple:disabled::-ms-thumb{background:gray}input[type=range].purple:disabled::-webkit-slider-runnable-track{background:#d3d3d3}input[type=range].purple:disabled::-moz-range-progress{background-color:#d3d3d3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:solid 1px darkgray;border-radius:100%;cursor:pointer;transform:translateY(-25%)}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:solid 1px darkgray;border-radius:100%;cursor:pointer}input[type=range]::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:solid 1px darkgray;border-radius:100%;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:100%;border-radius:4px}input[type=range]::-moz-range-progress{height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px}.switch{position:relative;display:inline-block;width:45px;height:25.5px;margin:5px auto}.switch.blue input:checked+.slider{background-color:var(--blueC)}.switch.yellow input:checked+.slider{background-color:var(--yellowC)}.switch.green input:checked+.slider{background-color:var(--greenC)}.switch.orange input:checked+.slider{background-color:var(--orangeC)}.switch.pink input:checked+.slider{background-color:var(--pinkC)}.switch.teal input:checked+.slider{background-color:var(--tealC)}.switch.purple input:checked+.slider{background-color:var(--purpleC)}.switch__input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#ccc;border-radius:25.5px;transition:.4s;-webkit-transition:.4s;cursor:pointer}.slider:before{position:absolute;content:"";width:19.5px;aspect-ratio:1;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s;-webkit-transition:.4s}input:checked+.slider:before{transform:translate(19.5px);-ms-transform:translateX(19.5px)}.button{width:90px;aspect-ratio:2;background-color:#fff;border:none;border-radius:10px;cursor:pointer;transition:.3s;font-weight:700;font-size:clamp(.7rem,.6526rem + .2105vw,.8rem);margin:10px}@media (min-width: 30em){.button{margin:15px;width:100px}}.button:hover{transform:scale(.95)}.button:active{transform:scale(.9)}.button.blue{background-color:var(--blueC);color:var(--blueA)}.button.yellow{background-color:var(--yellowC);color:var(--yellowA)}.button.green{background-color:var(--greenC);color:var(--greenA)}.button.orange{background-color:var(--orangeC);color:var(--orangeA)}.button.pink{background-color:var(--pinkC);color:var(--pinkA)}.button.teal{background-color:var(--tealC);color:var(--tealA)}.button.purple{background-color:var(--purpleC);color:var(--purpleA)}.panel{display:flex;flex-direction:column;width:95%;padding:20px 0;margin-inline:auto;margin-bottom:25px;border-radius:50px}.panel.blue{background-color:var(--blueA);border:solid 2px var(--blueC)}.panel.blue svg{color:var(--blueC)}.panel.yellow{background-color:var(--yellowA);border:solid 2px var(--yellowC)}.panel.yellow svg{color:var(--yellowC)}.panel.green{background-color:var(--greenA);border:solid 2px var(--greenC)}.panel.green svg{color:var(--greenC)}.panel.orange{background-color:var(--orangeA);border:solid 2px var(--orangeC)}.panel.orange svg{color:var(--orangeC)}.panel.pink{background-color:var(--pinkA);border:solid 2px var(--pinkC)}.panel.pink svg{color:var(--pinkC)}.panel.teal{background-color:var(--tealA);border:solid 2px var(--tealC)}.panel.teal svg{color:var(--tealC)}.panel.purple{background-color:var(--purpleA);border:solid 2px var(--purpleC)}.panel.purple svg{color:var(--purpleC)}@media (min-width: 43.75em){.panel{margin-bottom:50px}}:root{--GR_greenIndA: rgb(115, 214, 115);--GR_redIndA: rgb(244, 132, 132);--BY_blueIndA: rgb(115, 115, 214);--BY_yellowIndA: rgb(244, 244, 132);--TT_tealIndA: rgb(64, 176, 166);--TT_tanIndA: rgb(225, 190, 106);--OB_orangeIndA: rgb(255, 194, 10);--OB_blueIndA: rgb(12, 123, 220);--BP_blueIndA: rgb(26, 133, 255);--BP_pinkIndA: rgb(212, 17, 89);--YP_yellowIndA: rgb(254, 254, 98);--YP_pinkIndA: rgb(211, 95, 183);--GR_greenIndB: darkgreen;--GR_redIndB: darkred;--BY_blueIndB: darkblue;--BY_yellowIndB: darkgoldenrod;--blueA: rgb(238, 238, 255);--yellowA: rgb(255, 255, 238);--greenA: rgb(238, 255, 238);--orangeA: rgb(255, 246, 238);--pinkA: rgb(255, 238, 238);--tealA: rgb(238, 255, 255);--purpleA: rgb(245, 235, 255);--blueB: rgb(200, 200, 255);--yellowB: rgb(255, 255, 200);--greenB: rgb(200, 255, 200);--orangeB: rgb(255, 225, 200);--pinkB: rgb(255, 200, 200);--tealB: rgb(200, 255, 223);--purpleB: rgb(223, 162, 255);--blueC: rgb(100, 100, 200);--yellowC: rgb(212, 212, 90);--greenC: rgb(100, 200, 100);--orangeC: rgb(212, 150, 90);--pinkC: rgb(200, 100, 100);--tealC: rgb(100, 200, 162);--purpleC: rgb(162, 80, 200);--basicGradient: rgb(0, 0, 0);--blueGradient: rgb(115, 229, 229);--yellowGradient: rgb(255, 255, 116);--greenGradient: rgb(142, 255, 104);--orangeGradient: rgb(255, 203, 151);--pinkGradient: rgb(255, 139, 207);--tealGradient: rgb(28, 255, 240);--purpleGradient: rgb(241, 111, 255)}html,.answers__button__text{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,sans-serif;color:#222}h1{text-transform:uppercase;letter-spacing:3px;font-size:clamp(1.4rem,.7647rem + 1.7647vw,2rem)}@media (min-width: 43.75em){h1{letter-spacing:4px}}@media (min-width: 56.25em){h1{letter-spacing:6px}}h2{text-transform:uppercase;letter-spacing:6px}h3{font-size:.8rem}p{font-size:clamp(.8rem,.7053rem + .4211vw,1rem)}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.wave-effect,.wave-effect--perfect,.wave-effect--highscore,.wave-effect--basic{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-inline:auto;gap:6px}.wave-effect span,.wave-effect--perfect span,.wave-effect--highscore span,.wave-effect--basic span{display:inline-block;width:-moz-min-content;width:min-content;margin:0;animation-name:wave;animation-duration:.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;font-weight:700}.wave-effect span+.pos-1,.wave-effect--perfect span+.pos-1,.wave-effect--highscore span+.pos-1,.wave-effect--basic span+.pos-1{animation-delay:.1s}.wave-effect span+.pos-2,.wave-effect--perfect span+.pos-2,.wave-effect--highscore span+.pos-2,.wave-effect--basic span+.pos-2{animation-delay:.2s}.wave-effect span+.pos-3,.wave-effect--perfect span+.pos-3,.wave-effect--highscore span+.pos-3,.wave-effect--basic span+.pos-3{animation-delay:.3s}.wave-effect span+.pos-4,.wave-effect--perfect span+.pos-4,.wave-effect--highscore span+.pos-4,.wave-effect--basic span+.pos-4{animation-delay:.4s}.wave-effect span+.pos-5,.wave-effect--perfect span+.pos-5,.wave-effect--highscore span+.pos-5,.wave-effect--basic span+.pos-5{animation-delay:.5s}.wave-effect span+.pos-6,.wave-effect--perfect span+.pos-6,.wave-effect--highscore span+.pos-6,.wave-effect--basic span+.pos-6{animation-delay:.6s}.wave-effect--highscore{color:green}.wave-effect--perfect{color:#b576d0}.home{text-align:center;margin-bottom:150px}.home.blue a,.home.blue span,.home.blue h1{color:var(--blueC)}.home.yellow a,.home.yellow span,.home.yellow h1{color:var(--yellowC)}.home.green a,.home.green span,.home.green h1{color:var(--greenC)}.home.orange a,.home.orange span,.home.orange h1{color:var(--orangeC)}.home.pink a,.home.pink span,.home.pink h1{color:var(--pinkC)}.home.teal a,.home.teal span,.home.teal h1{color:var(--tealC)}.home.purple a,.home.purple span,.home.purple h1{color:var(--purpleC)}.home h1{margin-top:100px;font-size:clamp(1.6rem,1.1737rem + 1.8947vw,2.5rem)}.home p{font-size:clamp(1rem,.8105rem + .8421vw,1.4rem)}.home a{font-weight:700}.home a:hover{text-decoration:underline}.home img{position:fixed;width:clamp(250px,60%,600px);top:50%;left:10px;transform:translateY(-50%);z-index:-1;opacity:.2}.home__text-container{width:80%;margin-inline:auto}.home__text-container span{font-weight:700}.home__controls{width:clamp(300px,60%,800px);margin-inline:auto;font-weight:700}.home__controls--A{display:grid;grid-template-columns:1fr 1fr 1fr}.home__controls--B{display:grid;grid-template-columns:1fr 1fr}.play-game{position:relative;text-align:center;padding-top:5px}.play-game.blue .play-game__question i{color:var(--blueC)}.play-game.blue .play-game__progress{background-color:var(--blueC);color:var(--blueA)}.play-game.blue .answers__option{background:linear-gradient(135deg,var(--blueC),var(--blueGradient) 60%,var(--blueC) 100%)}.play-game.blue .answers__option button{background-color:var(--blueB)}.play-game.blue .answers__option button .answers__button__alpha{background-color:var(--blueC)}.play-game.yellow .play-game__question i{color:var(--yellowC)}.play-game.yellow .play-game__progress{background-color:var(--yellowC);color:var(--yellowA)}.play-game.yellow .answers__option{background:linear-gradient(135deg,var(--yellowC),var(--yellowGradient) 60%,var(--yellowC) 100%)}.play-game.yellow .answers__option button{background-color:var(--yellowB)}.play-game.yellow .answers__option button .answers__button__alpha{background-color:var(--yellowC)}.play-game.green .play-game__question i{color:var(--greenC)}.play-game.green .play-game__progress{background-color:var(--greenC);color:var(--greenA)}.play-game.green .answers__option{background:linear-gradient(135deg,var(--greenC),var(--greenGradient) 60%,var(--greenC) 100%)}.play-game.green .answers__option button{background-color:var(--greenB)}.play-game.green .answers__option button .answers__button__alpha{background-color:var(--greenC)}.play-game.orange .play-game__question i{color:var(--orangeC)}.play-game.orange .play-game__progress{background-color:var(--orangeC);color:var(--orangeA)}.play-game.orange .answers__option{background:linear-gradient(135deg,var(--orangeC),var(--orangeGradient) 60%,var(--orangeC) 100%)}.play-game.orange .answers__option button{background-color:var(--orangeB)}.play-game.orange .answers__option button .answers__button__alpha{background-color:var(--orangeC)}.play-game.pink .play-game__question i{color:var(--pinkC)}.play-game.pink .play-game__progress{background-color:var(--pinkC);color:var(--pinkA)}.play-game.pink .answers__option{background:linear-gradient(135deg,var(--pinkC),var(--pinkGradient) 60%,var(--pinkC) 100%)}.play-game.pink .answers__option button{background-color:var(--pinkB)}.play-game.pink .answers__option button .answers__button__alpha{background-color:var(--pinkC)}.play-game.teal .play-game__question i{color:var(--tealC)}.play-game.teal .play-game__progress{background-color:var(--tealC);color:var(--tealA)}.play-game.teal .answers__option{background:linear-gradient(135deg,var(--tealC),var(--tealGradient) 60%,var(--tealC) 100%)}.play-game.teal .answers__option button{background-color:var(--tealB)}.play-game.teal .answers__option button .answers__button__alpha{background-color:var(--tealC)}.play-game.purple .play-game__question i{color:var(--purpleC)}.play-game.purple .play-game__progress{background-color:var(--purpleC);color:var(--purpleA)}.play-game.purple .answers__option{background:linear-gradient(135deg,var(--purpleC),var(--purpleGradient) 60%,var(--purpleC) 100%)}.play-game.purple .answers__option button{background-color:var(--purpleB)}.play-game.purple .answers__option button .answers__button__alpha{background-color:var(--purpleC)}.play-game__progress{position:relative;display:flex;justify-content:center;align-items:center;margin:5px auto;padding:4px}.play-game__progress p{margin:0;font-size:clamp(.7rem,.3684rem + 1.4737vw,1.4rem)}.play-game__question{font-size:clamp(1.2rem,.8211rem + 1.6842vw,2rem);width:95%;margin-inline:auto}.play-game__question p{margin:20px auto}.scoreboard{position:absolute;width:40%;height:100%;right:0;display:flex;gap:5px;padding-right:5px;justify-content:right;align-items:center}@media (min-width: 43.75em){.scoreboard{gap:6px;padding-right:6px}}@media (min-width: 56.25em){.scoreboard{gap:10px;padding-right:10px}}.scoreboard p{font-size:clamp(.6rem,.1765rem + 1.1765vw,1rem)}.timer{position:relative;height:50px}.timer__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:3}.timer__meter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:80%;max-width:600px}.answers{width:95%;display:grid;margin-inline:auto;grid-template-columns:repeat(1,70%);justify-content:center;gap:10px}@media (min-width: 30em){.answers{grid-template-columns:repeat(2,minmax(100px,300px));width:87.5%;gap:15px}}@media (min-width: 43.75em){.answers{width:80%;gap:20px}}.answers__option{display:flex;justify-content:center;background:#222;border-radius:500px;padding:4px;aspect-ratio:3.7}.answers__option:hover{transform:scale(.97)}.answers__option:active{transform:scale(.95)}.answers__option.disabled{transform:scale(1);opacity:.7}.answers__button{display:grid;grid-template-columns:1fr 5fr;gap:10px;align-items:center;text-align:left;width:100%;max-width:400px;aspect-ratio:4;border:none;border-radius:500px;padding-left:10px;transition:.3s;cursor:pointer;opacity:.7}.answers__button:disabled{color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.answers__button__alpha{background-color:#222;color:#222;font-size:1.35rem;font-weight:700;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:100%}@media (min-width: 30em){.answers__button__alpha{font-size:clamp(.65rem,.3184rem + 1.4737vw,1.35rem)}}.answers__button__text{font-size:clamp(1rem,.4rem + 2.6667vw,1.2rem);font-weight:100;margin:0}@media (min-width: 30em){.answers__button__text{font-size:clamp(.65rem,.3184rem + 1.4737vw,1.35rem)}}.nodes{display:flex;text-align:left;width:100%;padding:0 5px;margin:20px auto 0}.node,.node--incorrect,.node--correct{aspect-ratio:4;max-height:10px;background-color:#222;display:inline-block;width:100%}.node--correct.greenred{background-color:var(--GR_greenIndA)}.node--correct.greenred .recap__result{color:var(--GR_greenIndB)}.node--correct.blueyellow{background-color:var(--BY_blueIndA)}.node--correct.blueyellow .recap__result{color:var(--BY_blueIndB)}.node--correct.tealtan{background-color:var(--TT_tealIndA)}.node--correct.tealtan .recap__result{color:var(--TT_tealIndB)}.node--correct.orangeblue{background-color:var(--OB_orangeIndA)}.node--correct.orangeblue .recap__result{color:var(--OB_orangeIndB)}.node--correct.bluepink{background-color:var(--BP_blueIndA)}.node--correct.bluepink .recap__result{color:var(--BP_blueIndB)}.node--correct.yellowpink{background-color:var(--YP_yellowIndA)}.node--correct.yellowpink .recap__result{color:var(--YP_yellowIndB)}.node--incorrect.greenred{background-color:var(--GR_redIndA)}.node--incorrect.greenred .recap__result{color:var(--GR_redIndB)}.node--incorrect.blueyellow{background-color:var(--BY_yellowIndA)}.node--incorrect.blueyellow .recap__result{color:var(--BY_yellowIndB)}.node--incorrect.tealtan{background-color:var(--TT_tanIndA)}.node--incorrect.tealtan .recap__result{color:var(--TT_tanIndB)}.node--incorrect.orangeblue{background-color:var(--OB_blueIndA)}.node--incorrect.orangeblue .recap__result{color:var(--OB_blueIndB)}.node--incorrect.bluepink{background-color:var(--BP_pinkIndA)}.node--incorrect.bluepink .recap__result{color:var(--BP_pinkIndB)}.node--incorrect.yellowpink{background-color:var(--YP_pinkIndA)}.node--incorrect.yellowpink .recap__result{color:var(--YP_pinkIndB)}.node__container{display:flex;margin-bottom:2px;padding:0 1px}.results__button{margin-top:20px}@media (min-width: 43.75em){.results__button{margin-top:40px}}.start-game{display:flex;flex-direction:column;justify-content:center;align-items:center}.start-game__panel{max-width:500px;background-color:#fff;border:solid 2px darkgray}.start-game__panel--top{display:grid;grid-template-columns:1fr}.start-game__panel--top div{display:flex;flex-direction:column;align-items:center}.start-game__panel--section{width:80%;display:flex;flex-direction:column;margin-inline:auto;margin-bottom:50px}.start-game__panel label{text-align:left;align-items:left}.start-game__panel hr{margin:25px auto;color:#d3d3d3;width:80%;height:2px}.start-game__range{width:100%;height:10px;border-radius:4px;margin:10px 0 15px;cursor:pointer}.start-game__output{margin:0 auto;font-weight:700;font-size:clamp(1rem,.4706rem + 1.4706vw,1.5rem)}.gameover__popup{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 40px);z-index:1;background-color:#0006}.gameover__panel{position:absolute;top:0;left:50%;transform:translate(-50%);max-width:750px;margin-top:50px;background-color:#fff;border:solid 2px darkgray;z-index:3}.gameover__title{font-size:clamp(1.2rem,1.0579rem + .6316vw,1.5rem)}.gameover__close{position:absolute;top:4%;right:4%;cursor:pointer;font-size:1.6rem}.gameover__close:hover{transform:scale(.95)}.gameover__close:active{transform:scale(.9)}.gameover__buttons{display:flex;justify-content:center;align-items:center;margin-top:15px;width:95%;margin-inline:auto}@media (min-width: 30em){.gameover__buttons{margin-top:30px}}.gameover__end-message{font-size:clamp(.8rem,.7053rem + .4211vw,1rem);padding-inline:5px}.stats{text-align:center}.stats__panel{max-width:800px;background-color:#fff;border:solid 2px darkgray}.stats__text{display:flex;justify-content:center;margin-top:10px;margin-bottom:10px;gap:35px}.stats__text p{width:-moz-max-content;width:max-content;margin:0;flex:1}.stats__text--p1{text-align:right}.stats__text--p2{text-align:left}.stats__text span{font-size:clamp(.8rem,.7053rem + .4211vw,1rem)}.stats__entries{margin-inline:auto}.stats__entry div{display:flex;justify-content:center;align-items:center}.stats__perfect-score{display:flex;flex-wrap:wrap;gap:3px}.stats__perfect-score div{display:flex}.stats__buttons{display:flex;justify-content:center;gap:25px;margin-top:30px;width:90%;margin-inline:auto}@media (min-width: 30em){.stats__buttons{gap:50px}}@media (min-width: 43.75em){.stats__buttons{gap:75px}}@media (min-width: 56.25em){.stats__buttons{gap:100px}}.stats__reset-history,.stats__reset-highscore{width:150px;aspect-ratio:3}.stats__new-game{display:block;margin:40px auto}.stats__category-averages{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.recap,.recap--incorrect,.recap--correct{display:grid;grid-template-columns:1fr;justify-content:space-around}.recap.blue .recap__answers__guess,.blue.recap--incorrect .recap__answers__guess,.blue.recap--correct .recap__answers__guess{background-color:var(--blueB)}.recap.yellow .recap__answers__guess,.yellow.recap--incorrect .recap__answers__guess,.yellow.recap--correct .recap__answers__guess{background-color:var(--yellowB)}.recap.green .recap__answers__guess,.green.recap--incorrect .recap__answers__guess,.green.recap--correct .recap__answers__guess{background-color:var(--greenB)}.recap.orange .recap__answers__guess,.orange.recap--incorrect .recap__answers__guess,.orange.recap--correct .recap__answers__guess{background-color:var(--orangeB)}.recap.pink .recap__answers__guess,.pink.recap--incorrect .recap__answers__guess,.pink.recap--correct .recap__answers__guess{background-color:var(--pinkB)}.recap.teal .recap__answers__guess,.teal.recap--incorrect .recap__answers__guess,.teal.recap--correct .recap__answers__guess{background-color:var(--tealB)}.recap.purple .recap__answers__guess,.purple.recap--incorrect .recap__answers__guess,.purple.recap--correct .recap__answers__guess{background-color:var(--purpleB)}.recap--correct.greenred{background-color:var(--GR_greenIndA)}.recap--correct.greenred .recap__result{color:var(--GR_greenIndB)}.recap--correct.blueyellow{background-color:var(--BY_blueIndA)}.recap--correct.blueyellow .recap__result{color:var(--BY_blueIndB)}.recap--correct.tealtan{background-color:var(--TT_tealIndA)}.recap--correct.tealtan .recap__result{color:var(--TT_tealIndB)}.recap--correct.orangeblue{background-color:var(--OB_orangeIndA)}.recap--correct.orangeblue .recap__result{color:var(--OB_orangeIndB)}.recap--correct.bluepink{background-color:var(--BP_blueIndA)}.recap--correct.bluepink .recap__result{color:var(--BP_blueIndB)}.recap--correct.yellowpink{background-color:var(--YP_yellowIndA)}.recap--correct.yellowpink .recap__result{color:var(--YP_yellowIndB)}.recap--incorrect.greenred{background-color:var(--GR_redIndA)}.recap--incorrect.greenred .recap__result{color:var(--GR_redIndB)}.recap--incorrect.blueyellow{background-color:var(--BY_yellowIndA)}.recap--incorrect.blueyellow .recap__result{color:var(--BY_yellowIndB)}.recap--incorrect.tealtan{background-color:var(--TT_tanIndA)}.recap--incorrect.tealtan .recap__result{color:var(--TT_tanIndB)}.recap--incorrect.orangeblue{background-color:var(--OB_blueIndA)}.recap--incorrect.orangeblue .recap__result{color:var(--OB_blueIndB)}.recap--incorrect.bluepink{background-color:var(--BP_pinkIndA)}.recap--incorrect.bluepink .recap__result{color:var(--BP_pinkIndB)}.recap--incorrect.yellowpink{background-color:var(--YP_pinkIndA)}.recap--incorrect.yellowpink .recap__result{color:var(--YP_pinkIndB)}.recap__result{height:40px;display:flex;align-items:center;justify-content:center}.recap__result__text{transition:.2s;font-weight:700;margin:0}.recap__title p{margin:0}.recap__answers{display:flex;flex-direction:column;justify-content:center;margin:10px auto}.recap__answers__item{margin:2px auto;padding:2px 4px}.recap__answers__guess{background-color:#fff;border-radius:5px}.pagination{display:flex;justify-content:center;align-items:center;color:#222;background-color:#fff}.pagination__button{width:40px;display:flex;justify-content:center;align-items:center;font-size:1.4rem}.pagination svg{color:#222}.log{position:relative;z-index:2;margin-top:10px}.log.blue{background-color:var(--blueA)}.log.yellow{background-color:var(--yellowA)}.log.green{background-color:var(--greenA)}.log.orange{background-color:var(--orangeA)}.log.pink{background-color:var(--pinkA)}.log.teal{background-color:var(--tealA)}.log.purple{background-color:var(--purpleA)}.log table{width:100%;border-collapse:collapse;font-size:clamp(.75rem,.6316rem + .5263vw,1rem)}.log table th{background-color:#fff;padding:3px}.log table tr{height:55px;border:none}.log table td{padding:3px}.log__guess{font-weight:700;width:-moz-max-content;width:max-content;margin-inline:auto;padding:2px}.log__guess--correct.greenred{color:var(--GR_greenIndA)}.log__guess--correct.blueyellow{color:var(--BY_blueIndA)}.log__guess--correct.tealtan{color:var(--TT_tealIndA)}.log__guess--correct.orangeblue{color:var(--OB_orangeIndA)}.log__guess--correct.bluepink{color:var(--BP_blueIndA)}.log__guess--correct.yellowpink{color:var(--YP_yellowIndA)}.log__guess--correct.yellowpink{background-color:#0003}.log__guess--incorrect.greenred{color:var(--GR_redIndA)}.log__guess--incorrect.blueyellow{color:var(--BY_yellowIndA)}.log__guess--incorrect.tealtan{color:var(--TT_tanIndA)}.log__guess--incorrect.orangeblue{color:var(--OB_blueIndA)}.log__guess--incorrect.bluepink{color:var(--BP_pinkIndA)}.log__guess--incorrect.yellowpink{color:var(--YP_pinkIndA)}.log__guess--incorrect.blueyellow{background-color:#0003}nav{position:fixed;width:100%;height:40px;top:0;background-color:#222;display:flex;justify-content:left;align-items:center;z-index:99}nav.blue h1{color:var(--blueB)}nav.blue .nav__icon{background-color:var(--blueA)}nav.yellow h1{color:var(--yellowB)}nav.yellow .nav__icon{background-color:var(--yellowA)}nav.green h1{color:var(--greenB)}nav.green .nav__icon{background-color:var(--greenA)}nav.orange h1{color:var(--orangeB)}nav.orange .nav__icon{background-color:var(--orangeA)}nav.pink h1{color:var(--pinkB)}nav.pink .nav__icon{background-color:var(--pinkA)}nav.teal h1{color:var(--tealB)}nav.teal .nav__icon{background-color:var(--tealA)}nav.purple h1{color:var(--purpleB)}nav.purple .nav__icon{background-color:var(--purpleA)}@media (min-width: 43.75em){nav{justify-content:center}}.nav__title{width:-moz-max-content;width:max-content;cursor:pointer}.nav__title h1{color:#fff;font-size:clamp(.8rem,.4684rem + 1.4737vw,1.5rem);font-weight:900;margin-inline:10px}.nav__icons{position:absolute;right:0;display:flex}.nav__icon{width:24px;aspect-ratio:1;border-radius:100%;margin-inline:6px;display:flex;justify-content:center;align-items:center;transition:.3s;cursor:pointer}@media (min-width: 43.75em){.nav__icon{width:28px;margin-inline:8px}}@media (min-width: 56.25em){.nav__icon{width:30px;margin-inline:10px}}.nav__icon:hover{transform:scale(.95);box-shadow:0 0 10px #fff}.nav__icon:active{transform:scale(.9)}.nav__icon svg{color:#222;font-size:clamp(.9rem,.7579rem + .6316vw,1.2rem)}.settings{display:flex;justify-content:center;align-items:center;height:100%;width:50px}.settings__dropdown{position:absolute;right:5px;top:25px;display:none;border-radius:10px;background-color:#222;color:#fff;width:200px;padding-bottom:15px;text-align:center;z-index:101;box-shadow:5px 5px 20px #00000080}.settings__dropdown.active{display:grid;grid-template-columns:1fr}.settings__dropdown h4{margin:10px;font-weight:100;letter-spacing:3px}.settings__background{position:absolute;top:0;left:0;display:none;background-color:transparent;height:100vh;width:100vw;z-index:100}.settings__background.active{display:grid;grid-template-columns:1fr}.theme__button{cursor:pointer;margin-inline:auto;margin-bottom:4px;padding:4px 12px;width:80%;border-radius:5px;color:#222;font-size:1rem;display:flex;justify-content:space-between}.theme__button.blue{background-color:var(--blueA);border:solid 2px var(--blueC)}.theme__button.blue div{background:linear-gradient(135deg,var(--blueC),var(--blueGradient) 60%,var(--blueC) 100%);border:1px solid var(--blueC)}.theme__button.yellow{background-color:var(--yellowA);border:solid 2px var(--yellowC)}.theme__button.yellow div{background:linear-gradient(135deg,var(--yellowC),var(--yellowGradient) 60%,var(--yellowC) 100%);border:1px solid var(--yellowC)}.theme__button.green{background-color:var(--greenA);border:solid 2px var(--greenC)}.theme__button.green div{background:linear-gradient(135deg,var(--greenC),var(--greenGradient) 60%,var(--greenC) 100%);border:1px solid var(--greenC)}.theme__button.orange{background-color:var(--orangeA);border:solid 2px var(--orangeC)}.theme__button.orange div{background:linear-gradient(135deg,var(--orangeC),var(--orangeGradient) 60%,var(--orangeC) 100%);border:1px solid var(--orangeC)}.theme__button.pink{background-color:var(--pinkA);border:solid 2px var(--pinkC)}.theme__button.pink div{background:linear-gradient(135deg,var(--pinkC),var(--pinkGradient) 60%,var(--pinkC) 100%);border:1px solid var(--pinkC)}.theme__button.teal{background-color:var(--tealA);border:solid 2px var(--tealC)}.theme__button.teal div{background:linear-gradient(135deg,var(--tealC),var(--tealGradient) 60%,var(--tealC) 100%);border:1px solid var(--tealC)}.theme__button.purple{background-color:var(--purpleA);border:solid 2px var(--purpleC)}.theme__button.purple div{background:linear-gradient(135deg,var(--purpleC),var(--purpleGradient) 60%,var(--purpleC) 100%);border:1px solid var(--purpleC)}.theme__button div{width:20px;aspect-ratio:1;border:1px solid #222;border-radius:100%}.indicator__grid{display:grid;grid-template-columns:1fr 1fr 1fr}.indicator__button{cursor:pointer;margin-inline:auto;margin-bottom:4px;padding:4px 12px;width:80%;border-radius:5px;color:#222;display:flex;justify-content:center;background-color:#eee;border:solid 2px #222}.indicator__button.greenred #sampleA{background-color:var(--GR_greenIndA)}.indicator__button.greenred #sampleB{background-color:var(--GR_redIndA)}.indicator__button.blueyellow #sampleA{background-color:var(--BY_blueIndA)}.indicator__button.blueyellow #sampleB{background-color:var(--BY_yellowIndA)}.indicator__button.tealtan #sampleA{background-color:var(--TT_tealIndA)}.indicator__button.tealtan #sampleB{background-color:var(--TT_tanIndA)}.indicator__button.orangeblue #sampleA{background-color:var(--OB_orangeIndA)}.indicator__button.orangeblue #sampleB{background-color:var(--OB_blueIndA)}.indicator__button.bluepink #sampleA{background-color:var(--BP_blueIndA)}.indicator__button.bluepink #sampleB{background-color:var(--BP_pinkIndA)}.indicator__button.yellowpink #sampleA{background-color:var(--YP_yellowIndA)}.indicator__button.yellowpink #sampleB{background-color:var(--YP_pinkIndA)}.indicator__samples{display:flex;align-items:center;justify-content:space-around}.indicator__sample{width:15px;margin-inline:2px;aspect-ratio:1;border:1px solid #222}.unit{display:flex;width:95%;margin-inline:auto}.unit__button{width:50%;margin:1px auto;padding:4px;background-color:#eee;color:#222;font-size:.8rem;border:solid 2px #222;border-radius:5px}.theme__button,.indicator__button,.unit__button{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,sans-serif}.theme__button.active,.indicator__button.active,.unit__button.active{opacity:.7;transform:scale(.97)}.theme__button:hover,.indicator__button:hover,.unit__button:hover{opacity:.85;transform:scale(.97)}.footer{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:20px;color:#fff;background-color:#222;z-index:99;font-weight:100;letter-spacing:3px;font-size:clamp(.4rem,.3053rem + .4211vw,.6rem)}.footer.blue{color:var(--blueB)}.footer.blue a{color:var(--blueC)}.footer.yellow{color:var(--yellowB)}.footer.yellow a{color:var(--yellowC)}.footer.green{color:var(--greenB)}.footer.green a{color:var(--greenC)}.footer.orange{color:var(--orangeB)}.footer.orange a{color:var(--orangeC)}.footer.pink{color:var(--pinkB)}.footer.pink a{color:var(--pinkC)}.footer.teal{color:var(--tealB)}.footer.teal a{color:var(--tealC)}.footer.purple{color:var(--purpleB)}.footer.purple a{color:var(--purpleC)}.footer__link{cursor:pointer;color:#fff}.footer__link:hover{text-decoration:underline}