@import"https://fonts.googleapis.com/css2?family=Bowlby+One&display=swap";.switch label{position:relative;display:block}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;border:1px solid var(--default-color);border-radius:1rem;min-width:2.5rem;min-height:1.5rem;cursor:pointer;display:flex;align-items:center}.switch input:after{display:block;content:"";height:1rem;width:1rem;border-radius:50%;border:1px solid var(--default-color);background-color:var(--default-surface);position:absolute;transform:translate(.2rem);transition:all .2s ease-in-out}.switch input:checked:after{transform:translate(1.2rem)}.switch-icons{display:flex;top:0;left:1.75rem;position:absolute;height:100%;width:1rem;align-items:center;font-size:.75em}.switch input:checked+.switch-icons{left:.5rem}.switch-icons>svg{animation:rotate .35s ease-in-out}@keyframes rotate{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.modal-root{position:relative;z-index:10}.modal-root:focus{outline:none}.modal-background{position:fixed;width:100%;overflow-y:"auto";top:0}.modal-center{display:flex;min-height:100dvh;align-items:center;justify-content:center;padding:1rem}.modal-block{width:100%;max-width:28rem;max-height:90dvh;border-radius:.75rem;background-color:#ffffff0d;box-shadow:0 0 .3em -.2em #00000080;padding:var(--size-m);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);transition:all .3s ease-out;overflow-y:auto}.modal-block[data-closed]{transform:scale(.95);opacity:0}.modal-block>*:nth-child(n+1){margin-top:1rem}.modal-block>*:nth-child(1){margin-top:0}.modal-options{display:flex;justify-content:space-around}.game-page{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--size-m)}.game-page-options{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-s)}.game-page-board{display:grid;gap:var(--size-s);align-content:center;justify-content:center}.game-page-center{display:grid;flex-grow:1;justify-content:center;align-items:end;gap:var(--size-l)}.game-page-header{display:flex;justify-content:space-between;align-items:center;animation-duration:.35s;animation-delay:.05s;animation-name:entryTop;animation-timing-function:ease;animation-fill-mode:backwards}.game-page-settings{display:flex;align-items:center;gap:var(--size-s);font-size:var(--size-m)}.game-page-settings>.big-option{font-size:1.5em}.game-page-footer{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;align-items:center;justify-items:center;gap:var(--size-s);animation-duration:.35s;animation-delay:.05s;animation-name:entryBottom;animation-timing-function:ease;animation-fill-mode:backwards}@media (max-width: 412px){.game-page-footer{gap:.25rem}.game-page-settings>.big-option{font-size:1em}}.level-item{width:100%;height:100%;border-radius:.5em;box-sizing:border-box;padding:.5em;background:transparent;color:var(--default-color);display:flex;flex-direction:column;justify-content:space-between;transition:all .35s ease;background-color:var(--transparent-surface-color);height:var(--size-box);width:var(--size-box);animation-duration:.35s;animation-delay:calc(var(--n, 1) * .02s);animation-name:entryGrid;animation-timing-function:ease;animation-fill-mode:backwards}.level-pass{background:var(--secondary-surface);color:var(--secondary-color)}.level-option:hover,.level-option:focus{transform:scale(1.05);cursor:pointer}@keyframes entryGrid{0%{opacity:0;filter:brightness(2) saturate(2);transform:scale(.8)}to{opacity:1;filter:brightness(1) saturate(1);transform:scale(1)}}.fade-entry{animation-duration:.35s;animation-delay:.05s;animation-name:entryGrid;animation-timing-function:ease;animation-fill-mode:backwards}@media screen and (prefers-reduced-motion: reduce){.animate{animation:none!important}}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100dvh;line-height:1.5;margin:0;box-sizing:border-box}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--black-color: #000;--white-color: #fff;--dark-color: #091540;--light-color: #EEF0F2;--default-surface: var(--light-color);--default-color: var(--dark-color);--primary-surface: #C03221;--primary-color: var(--white-color);--secondary-surface: #D5B942;--secondary-color: var(--black-color);--logo-color-1: #329F5B;--logo-color-2: #166088;--logo-color-3: var(--primary-surface);--size-base: 1rem;--size-xs: .75rem;--size-s: 1rem;--size-m: 2rem;--size-l: 4rem;--size-xl: 8rem;--size-box: clamp(4.25rem, calc(2vh + 2rem) , 10vh);--transparent-surface-color: rgba(0,0,0,.2);--max-width-container: 95rem}@media (prefers-color-scheme: dark){:root{--default-surface: var(--dark-color);--default-color: var(--light-color);--primary-surface: #F26419;--primary-color: var(--black-color);--secondary-surface: #F6AE2D;--secondary-color: var(--black-color);--logo-color-1: #D90368;--logo-color-2: #5BC0EB;--logo-color-3: var(--primary-surface);--transparent-surface-color: rgba(0,0,0,.5)}}[data-theme=dark]{--default-surface: var(--dark-color);--default-color: var(--light-color);--primary-surface: #F26419;--primary-color: var(--black-color);--secondary-surface: #F6AE2D;--secondary-color: var(--black-color);--logo-color-1: #D90368;--logo-color-2: #5BC0EB;--logo-color-3: var(--primary-surface);--transparent-surface-color: rgba(0,0,0,.5)}[data-theme=light]{--default-surface: var(--light-color);--default-color: var(--dark-color);--primary-surface: #C03221;--primary-color: var(--white-color);--secondary-surface: #D5B942;--secondary-color: var(--black-color);--logo-color-1: #F0A6CA ;--logo-color-2: #3185FC;--logo-color-3: var(--primary-surface);--transparent-surface-color: rgba(0,0,0,.2)}body{background-color:var(--default-surface);color:var(--default-color);transition:all .2s}html{font-size:14px}a{font-weight:500;color:var(--primary-surface);text-decoration:inherit}a:hover{color:var(--secondary-surface)}a:focus{outline:var(--size-xs) auto var(--secondary-surface)}button,.button{border-radius:.5em;border:1px solid transparent;padding:var(--size-xs) var(--size-s);font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-surface);cursor:pointer;color:var(--primary-color);transition:border-color .25s;outline-color:var(--secondary-surface);transition:transform .2s cubic-bezier(.53,.12,.11,1.23)}button:hover,.button:hover{border-color:var(--secondary-surface)}button:focus,.button:focus button:focus-visible,.button:focus-visible{outline:var(--size-xs) auto var(--secondary-surface)}button:active{background-color:var(--secondary-surface);outline-color:var(--secondary-surface);transform:scale(.98)}.title{font-family:Bowlby One,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.1ch;margin:0}.h1{font-size:4rem}.h2{font-size:3rem}.h3,.h4{font-size:2.5rem}.text-xs{font-size:var(--size-xs)}.text-s{font-size:var(--size-s)}.text-m{font-size:var(--size-m)}.text-l{font-size:var(--size-l)}.text-xl{font-size:var(--size-xl)}.container{max-width:95rem;margin:auto;padding:var(--size-m)}.text-center{text-align:center}.item-grid{border-radius:.5em/1em;background-color:var(--transparent-surface-color);height:var(--size-box);width:var(--size-box)}.page{display:flex;flex-direction:column;align-items:center;gap:var(--size-m);justify-content:center}.layout{display:flex;flex-direction:column;min-height:100dvh}.layout>.container{flex-grow:1}.footer{max-width:var(--max-width-container);width:100%;padding:var(--size-m);font-size:var(--size-s);text-align:center;margin-left:auto;margin-right:auto;animation-duration:.35s;animation-delay:.05s;animation-name:entryBottom;animation-timing-function:ease;animation-fill-mode:backwards;display:flex;align-items:center;justify-content:center;gap:var(--size-xs)}.header-page{max-width:var(--max-width-container);width:100%;padding:var(--size-xs) var(--size-m);margin:auto;display:flex;justify-content:space-between;animation-duration:.35s;animation-delay:.05s;animation-name:entryTop;animation-timing-function:ease;animation-fill-mode:backwards}@keyframes entryTop{0%{opacity:0;transform:scaleY(.8) translateY(-10%)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes entryBottom{0%{opacity:0;transform:scaleY(.8) translateY(10%)}to{opacity:1;transform:scaleY(1) translateY(0)}}.center{text-align:center}input:not([type=checkbox]),.input:not([type=checkbox]){background:transparent;padding:var(--size-xs) var(--size-s);color:var(--default-color);outline:var(--size-xs) auto var(--default-color);border:0;margin:0}input:not([type=checkbox]):focus,.input:not([type=checkbox]):focus input:not([type=checkbox]):focus-visible,.input:not([type=checkbox]):focus-visible{outline:var(--size-xs) auto var(--secondary-surface)}.text-error{color:var(--primary-surface)}.content{display:flex;flex-direction:column;gap:var(--size-xs)}.game-box{animation-duration:.35s;animation-delay:calc(var(--n, 1) * .02s);animation-name:entryGrid;animation-timing-function:ease;animation-fill-mode:backwards}.game-box>*{animation-duration:.25s;animation-name:fallBox;animation-timing-function:cubic-bezier(.7,-.36,.3,1.58);animation-fill-mode:backwards}.button-icon{border-radius:50%;aspect-ratio:1/1;padding:var(--size-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.53,.12,.11,1.23)}.button-icon:hover{transform:scale(1.15)}.button-icon:active{transform:scale(.9)}.rotate-hover:hover{animation-duration:.35s;animation-name:spinner;animation-timing-function:ease;animation-fill-mode:backwards}.flow>*+*{margin-block-start:var(--size-s)}.video{aspect-ratio:16/9;width:100%;height:auto}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fallBox{0%{transform:scale(1)}20%{transform:scale(.95)}80%{transform:scale(1.1)}to{transform:scale(1)}}.fade-enter{opacity:0}.fade-enter-active,.fade-exit{opacity:1}.fade-exit-active{opacity:0}.fade-enter-active,.fade-exit-active{transition:opacity .2s,transform .2s}.tooltip{background-color:var(--default-surface);color:var(--default-color);font-size:var(--size-xs);padding:.5em;border-radius:.5em;width:max-content}.level-page-grid{display:grid;grid-template-columns:repeat(4,var(--size-box));gap:1rem;align-content:center;justify-content:center}@media (min-width: 412px){html{font-size:16px}}@media (min-width: 468px){.level-page-grid{grid-template-columns:repeat(5,var(--size-box))}}