@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css);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}html{font-size:4dvh}body,html{font-family:Inter}body{font-weight:200;margin:0}button{align-items:center;background:rgba(255,196,24,.812);border:1px solid #7b7b7b;box-shadow:0 1px 2px #0000003d;color:#202020;display:flex;font-family:Lato;font-size:max(3dvh,14px);font-weight:400;height:6.5dvh;margin:4dvh auto 0;opacity:1;opacity:.85;padding-left:15px;padding-right:10px;transform:rotate(-2deg);transition:all .1s ease-out;width:180px}button .icon{color:#533a5b;font-size:5dvh;position:absolute;right:15px}button:hover{cursor:pointer;opacity:.95;transform:rotate(-2deg) scale(1.025)}.main{background-image:linear-gradient(0deg,#a18cd1 0,#fbc2eb);height:100dvh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.main .container{display:flex;height:80dvh;margin:0}.main .container .column{align-items:center;display:flex;flex:1 1;height:80dvh;justify-content:center}.game{margin:0 auto;text-align:center;width:56vw}.game #question{font-size:9dvh;height:10dvh}.game #answer{background-color:#fff;border:2px solid #7b7b7b;border-radius:8px;display:block;font-size:max(5dvh,18px);height:8dvh;line-height:8dvh;margin:2dvh auto 0;text-align:center;transition:background-color .5s ease-in-out}.game #answer.good{background-color:#4caf50}.game #answer.bad{background-color:#f14848}.game button.again{justify-content:center;margin-top:6dvh;padding:4dvh 1dvh;width:80%}.game .depletion{--speed:5s;background:#00000059;border-radius:8px;box-shadow:inset 0 1px 2px #00000040,0 1px #ffffff14;height:2.4dvh;margin:4dvh auto;padding:.6dvh;width:52vw}.game .depletion .depletion-bar{border-radius:8px;height:100%;margin:0;transition-property:background-color;vertical-align:middle;width:52vw}.game .depletion.depletion-start{background:#00000040}.game .depletion.depletion-start .depletion-bar{background-color:#ef476f;transition:width var(--speed) linear,background-color .4s linear;width:0}.game .number-pad{grid-gap:0;cursor:default;display:grid;font-size:4dvh;gap:0;grid-auto-flow:row;grid-template-areas:"seven eight nine back" "four five six ." "one two three ." ". z enter enter";grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:34dvh;margin:0 auto;-webkit-user-select:none;user-select:none}.game .number-pad div{align-items:center;background-image:linear-gradient(0deg,#fdde89 0,#f7d196);border:2px solid #7b7b7b;border-radius:8px;box-shadow:0 1px 2px #0000003d;display:flex;justify-content:center;margin:2px}.game .number-pad .enter{grid-area:enter;min-width:0;min-width:auto}.game .number-pad .back{grid-area:back}.game .number-pad .z{grid-area:z}.game .number-pad .one{grid-area:one}.game .number-pad .two{grid-area:two}.game .number-pad .three{grid-area:three}.game .number-pad .four{grid-area:four}.game .number-pad .five{grid-area:five}.game .number-pad .six{grid-area:six}.game .number-pad .seven{grid-area:seven}.game .number-pad .eight{grid-area:eight}.game .number-pad .nine{grid-area:nine}.game img.sad{background:#32414b;border-radius:4vw;margin-top:6dvh;padding:10px;width:80%}.game .sum-full{background:#ffffff40;border-radius:2dvh;font-family:monospace;margin:2dvh auto 0;padding:10px;width:80%}.game .sum-full div{font-size:5dvh;padding-right:40px;text-align:right}.game .sum-full .factor2{border-bottom:.5dvh solid #ee594e;position:relative}.game .sum-full .factor2:after{color:#ee594e;content:"x";font-weight:700;position:absolute;right:0}.game .sum-full.addition .factor2:after{content:"+"}.game .sum-full.subtraction .factor2:after{content:"-"}.game .sum-full.division .factor2:after{content:":"}#reward-modal{align-items:center;background:#0000008c;display:flex;flex:1 1;height:80dvh;justify-content:center;position:absolute;width:100vw;z-index:2}#reward-modal img{border:8px solid #ffeb3b;border-radius:8px;max-height:60dvh;max-width:92vw}.lives{margin-top:.5dvh;vertical-align:middle}.lives,.lives .live{display:inline-block}.lives .live{background:hsla(0,0%,100%,.239);border:1px solid #767676;border-radius:8px;color:#e4155b;font-size:4dvh;height:5.5dvh;margin:0 5px 0 0;text-align:center;-webkit-user-select:none;user-select:none;width:6dvh}.lives .live span{vertical-align:middle}#menu{background:#fff;border-radius:9px;box-shadow:4px 5px 5px #0000003d;font-family:monospace;font-size:16px;padding:5px 10px;position:absolute;right:4vw;top:2dvh;width:88vw;z-index:4}#menu .row{background:#f3f3f3;border:1px solid #939393;border-radius:2px;margin:5px 0;padding:4px 0 1px}#menu .row:last-child{border-bottom:1px solid #939393}#menu .row div{display:block;margin-bottom:10px;text-align:center}#menu .row .label{margin-bottom:6px;width:inherit}#menu .row input,#menu .row select{background:#fff;border:1px solid #000;font-family:monospace;font-size:16px;padding:2px 4px;width:70px}#menu .row select{width:200px}#menu .row ul.picker{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:0;padding:0}#menu .row ul.picker li{background-color:#fff;border:1px solid #000;cursor:pointer;margin-bottom:2px;padding:2px 8px}#menu .row ul.picker li.selected{background-color:#e9a4e9}#menu .row a.author{border-bottom:2px solid #ff9800;color:#423d4f;cursor:pointer;padding:0 1vw 1px;text-decoration:none}.mobile #rewards{align-items:center;background:#ff291912;bottom:7dvh;box-shadow:inset 0 .25vw .5vw #00000040,0 .25vw #ffffff14;display:flex;height:13dvh;overflow-x:auto;overflow-y:hidden;position:absolute;width:100vw;z-index:3}.mobile #rewards .reward-image-wrapper{height:12dvh;margin:1.5dvh 0 0 10px;max-width:10dvh}.mobile #rewards .reward-image-wrapper img{border:2px solid #ffeb3b;border-radius:8px;cursor:pointer;max-height:10dvh;max-width:10dvh}.mobile #rewards.reward-shown{background:#0000008c}.mobile #rewards.reward-shown img{opacity:.56}.status-bar{background:#fff3;bottom:0;height:7dvh;left:0;padding:0 5px;position:fixed;width:calc(100vw - 10px)}.status-bar .correct{background:#ffdf3ba3;border:1px solid #494949;border-radius:8px;display:inline-block;font-size:3dvh;height:5.5dvh;margin-right:5vw;margin-top:.5dvh;min-width:6dvh;text-align:center;vertical-align:middle}.status-bar .correct p{transform:translateY(-50%)}.status-bar .right{position:absolute;right:1vw;top:1dvh}.status-bar .right .settings-button{background-color:#ffffff40;border:1px solid #767676;border-radius:1vw;cursor:pointer;height:5dvh;width:5dvh;z-index:3}.status-bar .right .settings-button:focus,.status-bar .right .settings-button:hover{background:#ffffff61}.status-bar.reward-shown{background:#0000008c}.konijnen.main{background-image:linear-gradient(0deg,#7780b3 0,#d2d8e9)}.konijnen.main ul.picker li.selected{background-color:#b9e4ff!important}.konijnen.main .game button{background-color:rgba(75,220,255,.812)}.konijnen.main .game .depletion-start .depletion-bar{background-color:#f44336}.konijnen.main .live{color:#e70000!important}.dinos.main{background-image:linear-gradient(0deg,#cdf7bf 0,#7aa27b)}.dinos.main ul.picker li.selected{background-color:#b4fe5e!important}.dinos.main .game button{background-color:#ffd618cf}.dinos.main .game .depletion-start .depletion-bar{background-color:#f1ae00}.dinos.main .live{color:#f44336!important}@media(min-aspect-ratio:1/5){.mobile .game{width:90vw}.mobile .game .depletion,.mobile .game .depletion-bar{width:88vw}}@media(min-aspect-ratio:1/2){.mobile .game{width:68vw}.mobile .game .depletion,.mobile .game .depletion-bar{width:66vw}}@media(min-aspect-ratio:3/5){.mobile .game{width:56vw}.mobile .game .depletion,.mobile .game .depletion-bar{width:55vw}}@media(min-aspect-ratio:4/5){.mobile .game{width:38vw}.mobile .game .depletion,.mobile .game .depletion-bar{width:36vw}}@media(min-aspect-ratio:13/10){.mobile .game{width:31vw}.mobile .game .depletion,.mobile .game .depletion-bar{width:30vw}}@media(min-aspect-ratio:8/5){.mobile .game{width:26vw}.mobile .game .depletion,.mobile .game .depletion-bar{width:25vw}}@media(min-aspect-ratio:2/1){.mobile .game{width:20vw}.mobile .game .depletion,.mobile .game .depletion-bar{width:19vw}}@media(min-aspect-ratio:3/1){.mobile .game,.mobile .game .depletion,.mobile .game .depletion-bar{width:13vw}}.main.desktop .container{display:flex;height:100dvh}.main.desktop .container .column{flex:4 1;height:100dvh}.main.desktop .container .column:first-child{flex:7 1;min-width:435px}.main.desktop .container .column:last-child{flex:7 1;justify-content:left}.main.desktop #reward{text-align:center}.main.desktop #reward img{border:6px solid #ffeb3b;border-radius:8px;max-height:min(71dvh,460px);max-width:min(33dvw,460px)}.main.desktop .game{font-size:inherit;margin:0 auto;text-align:center;width:17vw}.main.desktop .game #question{font-size:10dvh}.main.desktop .game #answer{margin-top:3dvh;width:100%}.main.desktop .game .depletion,.main.desktop .game .depletion .depletion-bar{width:100%}.main.desktop .game .depletion.depletion-start .depletion-bar{width:0}.main.desktop .game button{width:80%}.main.desktop .game img.sad{margin-top:0dvh}.main.desktop .game #points{font-family:Lato;font-size:max(2.5dvh,12px);font-weight:400;margin:10dvh auto 0}.main.desktop .game #points #correct{background:#ffc107;border:1px solid #3f3f3f;border-radius:64px;display:inline-block;height:5dvh;line-height:5dvh;width:5dvh}.main.desktop .game .lives{margin-top:2dvh}.main.desktop #rewards{height:71dvh;margin-left:1dvw;padding:2dvh 2dvh 0 0;text-align:left;width:37dvw}.main.desktop #rewards .reward-image-wrapper{display:inline-block;height:21%;margin:0 0 2dvh 2vh;max-width:21%;vertical-align:top}.main.desktop #rewards .reward-image-wrapper img{border:2px solid #ffeb3b;border-radius:8px;cursor:pointer;max-height:100%;max-width:100%}.main.desktop .settings-button{background:#ffffff40;border-radius:4px;cursor:pointer;height:4dvh;padding:4px;position:absolute;right:1dvh;top:1dvh;width:4dvh;z-index:3}.main.desktop .settings-button:focus,.main.desktop .settings-button:hover{background:#ffffff61}@media(min-aspect-ratio:11/5){.main.desktop .game{width:15vw}}@media(min-aspect-ratio:13/5){.main.desktop .game{width:13vw}}#menu.desktop{background:#fffffff5;border-radius:2px;font-size:18px;padding:11px 24px;right:1dvh;top:60px;width:520px}#menu.desktop .row{background:#0000;border:0;border-bottom:1px solid #000;border-radius:0;margin:0;padding:5px 0}#menu.desktop .row:last-child{border-bottom:0}#menu.desktop .row div{display:inline-block;margin:0;padding:3px 0;text-align:left;vertical-align:middle}#menu.desktop .row .label{width:150px}#menu.desktop .row input,#menu.desktop .row select{font-size:inherit;width:170px}#menu.desktop .row a.author{border-bottom:2px solid #0000;color:#423d4f;padding:0 2px 1px;text-decoration:none}#menu.desktop .row a.author:hover{border-bottom:2px solid #ff9800;cursor:pointer}@media(max-height:440px){#menu{background:#fffffff5;border-radius:2px;bottom:8dvh;font-size:18px;font-size:4dvh;line-height:4dvh;padding:11px 24px;right:1dvh;top:60px;top:auto;width:520px;width:auto}#menu .row{background:#0000;border:0;border-bottom:1px solid #000;border-radius:0;margin:0;padding:5px 0}#menu .row:last-child{border-bottom:0}#menu .row div{display:inline-block;margin:0;padding:3px 0;text-align:left;vertical-align:middle}#menu .row .label{width:150px}#menu .row input,#menu .row select{font-size:inherit;width:170px}#menu .row a.author{border-bottom:2px solid #0000;color:#423d4f;padding:0 2px 1px;text-decoration:none}#menu .row a.author:hover{border-bottom:2px solid #ff9800;cursor:pointer}#menu .row{padding:.2dvh 0}}@media(max-height:440px)and (max-width:440px){#menu .row div{display:block}#menu .row .label{margin:0}}