.route-default-enter-from,.route-default-leave-to{opacity:0}.route-default-enter-to,.route-default-leave-from{opacity:1}.route-default-enter-active,.route-default-leave-active{position:absolute;top:var(--body-margin-top);right:var(--body-margin-right);bottom:var(--body-margin-bottom);left:var(--body-margin-left);transition-property:transform,opacity;transition-duration:.25s;transition-timing-function:ease-in-out}.route-slide-left-enter-from,.route-slide-right-enter-from,.route-slide-left-leave-to,.route-slide-right-leave-to{position:absolute;top:var(--body-margin-top);right:var(--body-margin-right);bottom:var(--body-margin-bottom);left:var(--body-margin-left)}.route-slide-left-enter-from,.route-slide-right-leave-to{transform:translate(100vw)}.route-slide-left-leave-to,.route-slide-right-enter-from{transform:translate(-100vw)}.route-slide-left-enter-active,.route-slide-right-enter-active,.route-slide-left-leave-active,.route-slide-right-leave-active{transition-property:transform,opacity;transition-duration:.25s;transition-timing-function:ease-in-out}@font-face{font-family:Assistant;src:url(/assets/Assistant-Light-CFaWIwA-.ttf) format("truetype")}:root{--color-level-0: #00000A;--color-level-1: rgba(0,0,10, .6);--color-level-1-hover: rgba(0,0,10, .8);--color-level-2: #375899;--color-muted: rgba(255, 255, 255, .4);--color-white: rgba(245, 250, 255, .9);--glow-white-shadow: 0 0 4px rgba(255, 255, 255, .8), 0 0 10px rgba(255, 255, 255, .8);--glow-white-filter: drop-shadow(0 0 4px rgba(255, 255, 255, .6)) drop-shadow(0 0 10px rgba(255, 255, 255, .6));--color-primary: rgba(252, 255, 126, 1);--color-primary-border: rgba(252, 255, 126, .1);--glow-primary-shadow: 0 0 4px rgba(252, 255, 126, .4), 0 0 12px rgba(252, 255, 126, .4);--glow-primary-filter: drop-shadow(0 0 4px rgba(252, 255, 126, .6)) drop-shadow(0 0 10px rgba(252, 255, 126, .6));--color-secondary: rgba(184, 177, 255, 1);--color-secondary-border: rgba(184, 177, 255, .1);--glow-secondary-shadow: 0 0 4px rgba(184, 177, 255, .6), 0 0 12px rgba(184, 177, 255, .6);--glow-secondary-filter: drop-shadow(0 0 4px rgba(184, 177, 255, .6)) drop-shadow(0 0 10px rgba(184, 177, 255, .6));--body-margin-top: env(safe-area-inset-top, 0);--body-margin-right: env(safe-area-inset-right, 0);--body-margin-bottom: env(safe-area-inset-bottom, 0);--body-margin-left: env(safe-area-inset-left, 0)}*{-webkit-overflow-scrolling:touch}a:focus{outline-color:var(--light-yellow-color)}html{display:flex;width:100%;height:-webkit-fill-available;flex:1 1 auto;box-sizing:border-box;overflow-y:hidden}*,*:before,*:after{box-sizing:inherit}body{display:flex;flex:1 1 auto;flex-direction:column;min-height:200px;width:100wh;margin:0;padding:var(--body-margin-top) var(--body-margin-right) var(--body-margin-bottom) var(--body-margin-left);background-color:var(--color-level-0);background-image:radial-gradient(50% 50% at 50% 50%,#0000,#00000080),url(/assets/app-background-DAch7wtk.jpg);background-position:0 0;background-repeat:no-repeat;background-size:100% auto;background-attachment:fixed;color:#fff;touch-action:pan-y;overflow-y:scroll}#app{display:flex;flex-direction:column;flex:1 1 auto}*{user-select:none;-webkit-user-select:none;touch-action:manipulation}body,input,select,textarea,button{font-family:Assistant,Helvetiva Neue,arial,sans-serif}.app-router-link{appearance:none;display:inline-block;background:transparent;border:none;box-shadow:none}.view{will-change:transform,opacity}:root{--font-size-small: clamp(.875rem, 2.5vw, 1.5vh);--font-size-base: clamp(1rem, 3vw, 2vh);--font-size-medium: clamp(1.5rem, 3.5vw, 3.5vh);--font-size-large: clamp(1.5rem, 4.5vw, 4.5vh);--font-size-larger: clamp(3rem, 6vw, 6vh);--font-size-largest: clamp(4rem, 8vw, 6vh)}.button{position:relative;min-width:5rem;padding:.75rem 1.5rem;font-size:var(--font-size-small);text-align:center;text-decoration:none;background-color:var(--color-level-1);color:var(--color-secondary);text-shadow:var(--glow-secondary-shadow);border:1px solid var(--color-secondary-border);border-radius:100rem;transition:all .3s ease}.button:before{content:"";position:absolute;z-index:1;inset:-.5rem}.button:active,.button:hover{background-color:var(--color-level-1-hover);box-shadow:var(--glow-secondary-shadow)}.button.primary{color:var(--color-primary);text-shadow:var(--glow-primary-shadow);border:1px solid var(--color-primary-border)}.button.primary:active,.button.primary:hover{background-color:var(--color-level-1-hover);box-shadow:var(--glow-primary-shadow);border-color:transparent}.button[disabled]{color:var(--color-white);border-color:var(--color-secondary-border);text-shadow:none;cursor:not-allowed;opacity:.4}.app-header{grid-area:header;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-column-gap:1rem;align-items:center;min-height:3rem;padding:.5rem}@media(min-width:640px){.app-header{padding:1rem}}.app-header .link-back{justify-self:flex-start;padding:.5rem;color:#fff;display:flex;justify-content:center;transition:all .3s ease}.app-header .link-back svg{width:auto;height:min(24px,4vh);filter:var(--glow-secondary-filter);transition:inherit}.app-header .link-back:hover svg{color:var(--color-primary);filter:var(--glow-primary-filter)}.app-header h1{margin:0;padding:0;font-size:var(--font-size-medium);font-weight:300;color:var(--color-white);text-align:center;text-shadow:var(--glow-secondary-shadow)}.view-page{flex:1 1 auto}.view-page .content{margin:0 auto;padding:4rem 2rem 0;list-style:none;max-width:30rem}.view-page h2{margin:var(--font-size-medium) 0 calc(var(--font-size-medium) / 2) 0;padding:0;font-size:var(--font-size-medium);font-weight:300;color:var(--color-white);text-align:left;text-shadow:var(--glow-secondary-shadow)}.view-page h2:first-child{margin-top:0}.view-page p{margin:0 0 var(--font-size-small) 0;padding:0;font-size:var(--font-size-small);font-weight:300;color:var(--color-white);text-align:left;text-shadow:var(--glow-secondary-shadow)}.view-page a{color:var(--color-primary);text-shadow:var(--glow-primary-shadow)}.view-levels{flex:1 1 auto;margin-bottom:var(--ad-banner-height)}.view-levels ul{margin:0;padding:1rem;list-style:none;width:100%;display:grid;align-items:stretch;justify-content:stretch;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-auto-rows:auto;grid-gap:1rem}@media(min-width:321px){.view-levels ul{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}}@media(min-width:640px){.view-levels ul{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}.view-levels ul>li{margin:0;padding:0;display:flex;max-width:16rem}.view-play{flex:1 1 auto;width:100vw;display:grid;grid-template-areas:"header" "question" "answer" "pad";grid-template-rows:auto 1fr 15% 45%;grid-template-columns:1fr}.view-edit-level{flex:1 1 auto;width:100vw;display:grid;grid-template-areas:"header" "question" "pad";grid-template-rows:auto 1fr 45%;grid-template-columns:1fr}.pad-container{grid-area:pad;display:grid;grid-template-rows:1fr}.view-edit-level .pad-container{grid-template-rows:10vh 1fr}.app-question{grid-area:question}.app-answer{grid-area:answer}.teaser-level{display:grid;width:100%;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;grid-row-gap:.75rem;justify-items:center;align-items:center;margin:0;padding:.75rem .75rem 1rem;background:var(--color-level-1);border-radius:1rem;box-shadow:none;border:none;text-decoration:none;text-align:center}@media(min-width:40rem){.teaser-level{padding:1.5rem}}div.teaser-level>*{opacity:.4}a.teaser-level:active,a.teaser-level:hover{background:var(--color-level-1-hover)}.teaser-level .app-time{justify-self:start}.teaser-level .level{align-self:center;font-size:var(--font-size-largest);line-height:1;color:var(--color-white);text-shadow:var(--glow-secondary-shadow)}.teaser-level .title{font-size:var(--font-size-base);color:var(--color-primary);text-shadow:var(--glow-primary-shadow)}.app-question{position:relative}.app-question svg{width:100%;height:100%}.app-question p{position:absolute;inset:15% 20% 40%;margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-size:min(20vw,8rem);font-variant-numeric:tabular-nums;font-weight:500;text-align:center;letter-spacing:2px;text-shadow:var(--text-shadow)}.app-question .number{color:var(--color-white);text-shadow:var(--glow-secondary-shadow)}.app-question .operator{padding:0 4vw;font-size:80%;color:var(--color-primary);text-shadow:var(--glow-primary-shadow)}.app-question.edit .question-part.empty:after,.app-question.edit .question-part.active:after{content:"_"}.app-question.edit .question-part.operator.empty:after{content:"-";color:var(--color-white);text-shadow:var(--glow-secondary-shadow)}.app-question.edit .question-part.active:after{animation:activeQuestionPart 1s infinite}@keyframes activeQuestionPart{0%{opacity:1}50%{opacity:0}to{opacity:1}}.app-numpad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;background:var(--color-level-0)}.app-operatorpad{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;background:var(--color-level-0)}.app-operatorpad button,.app-numpad button{margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:min(8vw,4vh);font-weight:500;text-align:center;color:var(--color-white);fill:var(--color-white);background:var(--color-level-0);border:none;box-shadow:none;border-radius:4px;transition:all 0s ease}.app-operatorpad button span,.app-numpad button span{text-shadow:var(--glow-secondary-shadow)}.app-operatorpad button:active,.app-numpad button:active{color:var(--color-primary);fill:var(--color-primary)}.app-operatorpad button:active span,.app-numpad button:active span{text-shadow:var(--glow-primary-shadow)}.numpad-0{grid-column:1 / 3}.numpad-backspace svg{width:auto;height:min(5vw,4vh);filter:var(--glow-secondary-filter)}.numpad-backspace:active svg{filter:var(--glow-primary-filter)}.app-rank{display:flex;justify-content:center}.app-rank svg{width:1.5rem;height:1.5rem;margin:0 .25rem}.app-rank.animate .on{opacity:0;animation:appRankStarOn .5s ease;animation-fill-mode:forwards}.app-rank.animate .off{animation:appRankStarOff2 .5s ease;display:none}.app-rank:not(.animate) .on{color:var(--color-white);filter:var(--glow-secondary-filter)}.app-rank:not(.animate) .off{opacity:.2}.app-rank.animate svg:nth-child(1){animation-delay:.2s}.app-rank.animate svg:nth-child(2){animation-delay:.4s}.app-rank.animate svg:nth-child(3){animation-delay:.6s}@keyframes appRankStarOn{0%{color:var(--color-muted);filter:none;transform:scale(0);opacity:0}60%{opacity:1;transform:scale(1.5)}to{color:var(--color-white);filter:var(--glow-secondary-filter);transform:scale(1);opacity:1}}@keyframes appRankStarOff{0%{color:var(--color-muted);filter:none;transform:scale(1)}60%{transform:scale(1.5)}to{color:var(--color-muted);transform:scale(1)}}@keyframes appRankStarOff2{0%{transform:scale(1)}60%{transform:scale(1.25)}to{transform:scale(1)}}.app-rank.large svg{width:8vw;height:8vw;margin:0 .5rem}.app-button{margin:0;padding:.5rem;width:min(28vw,140px);aspect-ratio:20 / 19;display:flex;justify-items:center;align-items:center;border-radius:1rem;background:var(--color-level-1);font-size:var(--font-size-base);letter-spacing:.05em;line-height:1;text-align:center;text-decoration:none}.app-button:active,.app-button:hover{background:var(--color-level-1-hover)}.app-button>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.app-button svg{margin:0 0 .5rem;width:40%;height:auto;color:var(--color-primary);filter:var(--glow-primary-filter)}.app-button .label{color:var(--color-primary);text-shadow:var(--glow-primary-shadow)}.app-time{margin:0;padding:0;display:grid;grid-template-columns:auto auto;grid-template-rows:auto;grid-column-gap:.5rem;align-items:center;justify-content:flex-start;color:var(--color-white);filter:var(--glow-secondary-filter)}.app-time dt{margin:0;padding:4% 0 0}.app-time dt svg{width:max(1.5rem,3vw);height:auto}.app-time dd{margin:0;font-size:var(--font-size-base)}.app-time.large dt svg{width:clamp(1rem,12vh,2.5rem)}.app-time.large dd{font-size:min(1.5rem,12vh,3rem)}.view-game-over{flex:1 1 auto;display:grid;width:100%;grid-template-columns:1fr;align-items:center;justify-items:center}.game-over-message{position:relative;margin:0 0 4vh;padding:0;font-size:var(--font-size-large);font-weight:100;letter-spacing:.4em;text-transform:uppercase;line-height:1;color:var(--color-white);text-shadow:var(--glow-secondary-shadow);opacity:0;transform:skew(20deg) translate(-100vw);animation:gameOverMessageEntry .75s ease 1.25s;animation-fill-mode:forwards}.game-over-message:after{content:"!";position:absolute;right:-.65em;top:0}@keyframes gameOverMessageEntry{0%{opacity:0;transform:skew(20deg) translate(-100vw)}70%{transform:skew(-10deg) translate(5vw)}to{opacity:1;transform:none}}.view-game-over .actions>*{animation:gameOverActions .5s ease;animation-fill-mode:backwards}.view-game-over .actions>*:nth-child(1){animation-delay:1.5s}.view-game-over .actions>*:nth-child(2){animation-delay:1.75s}.view-game-over .actions>*:nth-child(3){animation-delay:2s}@keyframes gameOverActions{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.view-game-over .app-time{opacity:0;transform:scale(0);animation:gameOverAppTime .3s ease 1s;animation-fill-mode:forwards}@keyframes gameOverAppTime{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.view-game-over .content{display:flex;flex-direction:column;align-items:center}.view-game-over .app-rank,.view-game-over .app-time{margin:0 0 4vh}.view-game-over h1{margin:0 0 1rem;padding:0;font-size:min(24px,5vh,60px);font-weight:400;color:#fff;text-shadow:var(--text-shadow)}.actions{display:flex;justify-content:center;padding:.75rem 0}.actions>.app-button{margin:0 2vw}.app-logo{--appLogoStartShadow: drop-shadow(0 0 4px rgba(184, 177, 255, .8)) drop-shadow(0 0 10px rgba(184, 177, 255, .8));color:#fffc;filter:var(--appLogoStartShadow);animation:appLogo 2s ease infinite}@keyframes appLogo{0%{filter:var(--appLogoStartShadow)}50%{color:#fff;filter:drop-shadow(0 0 8px rgba(184,177,255,.8)) drop-shadow(0 0 16px rgba(184,177,255,.8))}to{filter:var(--appLogoStartShadow)}}.view-worlds{padding:0 0 1.5rem;flex:1 1 auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-items:center;justify-content:center}.view-worlds .app-logo{margin-bottom:4vh;justify-self:center;width:80vw;height:auto}@media screen and (min-width:30rem){.view-worlds .app-logo{width:70vw}}.view-worlds>ul{align-self:flex-start;margin:0;padding:0 1.5rem;list-style:none;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-gap:min(4vw,1rem)}@media screen and (min-width:30rem){.view-worlds>ul{grid-template-columns:1fr 1fr}}.view-worlds>ul>li{margin:0;padding:0}.view-worlds .worlds .app-router-link{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"title title" "description description" "stars time";grid-gap:.25rem;padding:min(4vw,1.5rem) min(5vw,1.5rem);color:#fff;text-shadow:var(--text-shadow);text-decoration:none;text-align:left;background:var(--color-level-1);border-radius:min(2vw,16rem);border:none;transition:all .3s ease}.view-worlds .worlds .app-router-link:active,.view-worlds .worlds .app-router-link:hover{background:var(--color-level-1-hover)}.view-worlds .title{grid-area:title;font-size:var(--font-size-large);color:var(--color-primary);text-shadow:var(--glow-primary-shadow)}.view-worlds .description{grid-area:description;font-size:var(--font-size-base);color:var(--color-white);text-shadow:var(--glow-secondary-shadow)}.link-settings{display:inline-block;justify-self:right;background:transparent;filter:var(--glow-secondary-filter);color:var(--color-white);padding:1rem}.link-settings:hover{background:transparent;color:var(--color-primary);filter:var(--glow-primary-filter)}.link-settings svg{width:max(32px,4vh);height:max(32px,4vh);fill:currentColor}.app-answer{position:relative;background:var(--color-level-0);border-bottom:1px solid rgba(255,255,255,.1)}.app-answer:after{content:"";position:absolute;inset:2px 2px 50%;border-radius:4px;background:#ffffff08}.app-answer svg{width:100%;height:100%}.app-answer p{position:absolute;inset:0 0 5%;margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-size:min(18vw,6.5rem);line-height:1;font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-secondary);text-align:center;letter-spacing:6px;text-shadow:var(--glow-secondary-shadow)}.app-answer .correct{position:absolute;right:10vw;top:50%;font-size:min(10vw,10vh);transform:translateY(-25%) scale(0);opacity:0}.app-answer .correct.animate{animation:correctAnimation .75s ease}@keyframes correctAnimation{0%{transform:translateY(-25%) scale(0) rotate(0);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translateY(-175%) scale(1) rotate(10deg);opacity:0}}.app-answer .wrong{position:absolute;left:10vw;top:50%;font-size:min(10vw,10vh);transform:translateY(-25%) scale(0);opacity:0}.app-answer .wrong.animate{animation:wrongAnimation .75s ease}@keyframes wrongAnimation{0%{transform:translateY(-25%) scale(0) rotate(0);opacity:0}25%{opacity:1}75%{opacity:1}to{transform:translateY(-175%) scale(1) rotate(-10deg);opacity:0}}.app-checkbox{display:block;aspect-ratio:2 / 1;padding:.5rem;width:max(6vw,6vh);position:relative;transition:all .25s ease}.app-checkbox input{visibility:hidden;position:absolute}.app-checkbox .container{position:absolute;inset:0;border:2px solid var(--color-secondary);border-radius:100rem;box-shadow:var(--glow-secondary-shadow);transition:inherit}.app-checkbox input:checked~.container{border-color:var(--color-primary);box-shadow:var(--glow-primary-shadow)}.app-checkbox .paddle{display:block;width:50%;aspect-ratio:1 / 1;background-color:var(--color-secondary);box-shadow:var(--glow-secondary-shadow);border-radius:100%;transition:inherit}.app-checkbox input:checked~.paddle{background-color:var(--color-primary);box-shadow:var(--glow-primary-shadow);transform:translate(100%)}.view-settings{flex:1 1 auto}.view-settings .content{margin:0 auto;padding:4rem 2rem 0;list-style:none;max-width:30rem}.view-settings .content>li{margin:0 0 4vh;padding:0;display:flex;justify-content:space-between;align-items:center}.view-settings .content .label{font-size:var(--font-size-medium);color:var(--color-white);text-shadow:var(--glow-secondary-shadow)}