:root{--app-theme-font: "Arimo", sans-serif;--app-max-width: 500px;--menu-max-width: 400px;--visible-light-only: hidden;scroll-behavior:smooth;font-size:.75rem;--piece-size: 4rem}:root,:root[data-theme=dark]{--mdc-theme-background: #282828;--mdc-theme-primary: hsl(75, 94%, 34%);--mdc-theme-secondary: hsl(45, 94%, 37%);--mdc-theme-tertiary: hsl(0 0% 25% / 1);--mdc-theme-4th: rgb(69, 164, 237);--mdc-theme-5th: hsl(315, 94%, 31%);--mdc-theme-on-primary: #ffffff;--mdc-theme-button: #282828;--mdc-theme-button-text: #cccccc;--mdc-menu-separator: rgba(255, 255, 255, .12);--mdc-theme-text-primary-on-background: #cccccc;--mdc-theme-text-secondary-on-background: #999999;--mdc-theme-button-active-overlay: rgba(0, 0, 0, .2)}@media screen and (prefers-color-scheme:light){:root{--mdc-theme-background: #ffffff;--mdc-theme-secondary: hsl(45 100% 40% / 1);--mdc-theme-tertiary: hsl(43 4% 45% / 1);--mdc-theme-on-primary: #ffffff;--mdc-theme-button: #fdfdfd;--mdc-theme-button-text: hsl(0, 0%, 25%);--mdc-theme-button-active-overlay: rgba(0, 0, 0, .1);--mdc-menu-separator: rgba(0, 0, 0, .3);--mdc-theme-text-primary-on-background: hsl(0, 0%, 25%);--mdc-theme-text-secondary-on-background: hsl(43 4% 39% / 1);--visible-light-only: visible}}:root[data-accessibility="1"]{--mdc-theme-primary: hsl(181 90% 40% / 1);--mdc-theme-secondary: hsl(19 90% 60% / 1);--mdc-theme-4th: hsl(75, 90%, 40%)}:root[data-accessibility="1"] #buttonAccessibiltyMode{text-shadow:0px 0px 11px var(--mdc-theme-primary);color:var(--mdc-theme-primary)}@media screen and (min-width:23.125rem){:root{font-size:1em}}body{font:1em Inter,sans-serif;font-weight:400;line-height:1.5rem;background-color:var(--mdc-theme-background);color:var(--mdc-theme-text-primary-on-background);margin:0;padding:0}button,.btn{font-family:var(--app-theme-font);font-size:1.5rem;font-weight:500;text-transform:uppercase;background-color:var(--mdc-theme-button);color:var(--mdc-theme-button-text);border:0px solid transparent;border-radius:.5rem;-webkit-user-select:none;user-select:none;box-sizing:border-box;box-shadow:2px 1px 4px #0000004d;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem;position:relative;transition:all .3s ease-out;-webkit-tap-highlight-color:transparent}button:active,.btn:active{box-shadow:0 0 #0000004d;background-color:var(--mdc-theme-button-active-overlay)}@media(hover:hover){button:hover,.btn:hover{box-shadow:0 0 #0000004d}button:hover .btn__scrim,.btn:hover .btn__scrim{opacity:1;background-color:var(--mdc-theme-button-active-overlay)}}.btn__scrim{border-radius:.5rem;transition:background-color .2s ease-out;background-color:transparent;cursor:pointer;position:absolute;width:100%;height:100%;left:0}.btn--primary{background-color:var(--mdc-theme-primary);color:var(--mdc-theme-on-primary)}.btn--full{display:flex;justify-content:center}.btn__icon{padding:0 .1rem .1rem}.btn--flat{box-shadow:none;background-color:#0000001a}a.unset{text-decoration:none;color:inherit}ul{list-style-image:url(/images/icon.simple.svg);padding:0;margin:0;padding-inline-start:1rem}li{padding-left:.5rem;padding-bottom:.5rem}mark{font-family:var(--app-theme-font);background-color:var(--mdc-theme-text-secondary-on-background);color:var(--mdc-theme-background);padding:0 .4rem;box-sizing:border-box;display:inline-block;font-size:.9rem;border-radius:.4rem}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.rating__star{color:var(--mdc-theme-secondary);padding:0 .3rem}.rating__star--filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--1 .rating__star:nth-child(1){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--2 .rating__star:nth-child(1){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--2 .rating__star:nth-child(2){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--3 .rating__star:nth-child(1){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--3 .rating__star:nth-child(2){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--3 .rating__star:nth-child(3){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--4 .rating__star:nth-child(1){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--4 .rating__star:nth-child(2){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--4 .rating__star:nth-child(3){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--4 .rating__star:nth-child(4){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--5 .rating__star:nth-child(1){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--5 .rating__star:nth-child(2){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--5 .rating__star:nth-child(3){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--5 .rating__star:nth-child(4){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rating--5 .rating__star:nth-child(5){font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.heading-1{font-family:var(--app-theme-font);font-size:1.8rem;font-weight:500;text-transform:uppercase}.heading-2{font-family:var(--app-theme-font);font-size:1.5rem;font-weight:500;text-transform:uppercase}.heading-3{font-family:var(--app-theme-font);font-size:1rem;font-weight:500;text-transform:uppercase}.text-primary{color:var(--mdc-theme-text-primary-on-background)}.text-secondary{color:var(--mdc-theme-text-secondary-on-background)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-3{font-size:3rem}.visible-light-only{visibility:var(--visible-light-only)}.flex{display:flex}.flex-inline{display:inline-flex}.flex-column{flex-direction:column}.flex-align-center{align-items:center}.flex-justify-center{justify-content:center}.flex-justify-right{justify-content:right}.flex-grow-0{flex-grow:0}.flex-grow-1,.flex-grow-2{flex-grow:1}.flex-gap-1{gap:1rem}.w-100{width:100%}.mh-100{min-height:100vh;min-height:100svh}.square{aspect-ratio:1/1}.p-1{padding:1rem}.pt-1{padding-top:1rem}.pr-1{padding-right:1rem}.px-1{padding-left:1rem;padding-right:1rem}.py-1{padding-top:1rem;padding-bottom:1rem}.mb-1{margin-bottom:1rem}.mt-1{margin-top:1rem}.my-1{margin-top:1rem;margin-bottom:1rem}.box-border{box-sizing:border-box}.app-container{display:flex;flex-direction:row;height:100%;align-items:center;justify-content:center}.app{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--app-max-width);height:100%;overflow-x:clip}.page-wrapper{position:absolute;top:0;width:100%}.page{position:relative;display:flex;flex-direction:column;width:100%;align-items:center;box-sizing:border-box;background-color:var(--mdc-theme-background)}.app-header{padding-top:1rem;padding-bottom:1rem;z-index:1000;width:100%;max-width:var(--app-max-width);background-color:var(--mdc-theme-background);box-sizing:border-box;position:fixed;box-shadow:0 0 #0000004d;transition:box-shadow .3s ease-out}.app-header__icons{min-width:25%;display:flex;gap:.5rem}:root.scrolled .app-header{box-shadow:0 2px 2px #0000004d}:root.scrolled .app-header button,:root.scrolled .app-header .btn{box-shadow:0 0 #0000004d;background-color:#0000001a}.app-header+div{margin-top:5rem}.page-enter-active,.page-leave-active{transition:all .4s cubic-bezier(.42,0,0,1)}.page-enter-from{opacity:0;transform:translateY(25%)}.page-leave-to{opacity:0;transform:translate(100%)}.page-enter-to{opacity:1;transform:translateY(0)}.page-leave-from{opacity:1;transform:translate(0)}#page-home.page-leave-to{transform:translate(-100%)}#page-home.page-enter-from{opacity:0;transform:translate(-25%)}#page-home.page-enter-to{opacity:1;transform:translate(0)}#page-home.page-enter-active{transition-delay:.15s}.board__piece{background-color:var(--mdc-theme-tertiary);color:var(--mdc-theme-on-primary);border-radius:15%;box-sizing:border-box;border-bottom:.3rem solid rgba(0,0,0,.12);border-right:.3rem solid rgba(0,0,0,.12);cursor:move;display:flex;height:100%;width:100%;align-items:center;justify-content:center;font-family:var(--app-theme-font);font-size:2rem;font-weight:800;text-shadow:0px 0px 2px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none;touch-action:none}.board__piece--ok{background-color:var(--mdc-theme-primary)}.board__piece--near{background-color:var(--mdc-theme-secondary)}.board__piece--dragged{animation:piece-pulse .5s ease-in-out infinite;box-shadow:2px 2px 12px #00000080;z-index:100;position:absolute}.board__piece--dropping{z-index:100;position:relative;animation:piece-dropping .2s ease-in-out normal}.board__piece--final{background-color:var(--mdc-theme-primary);animation:piece-final 1s ease-in-out infinite}:root[data-accessibility="1"] .board__piece--final{animation:piece-final-multi 1s ease-in-out infinite}.board__piece--swapping{position:relative;transition-property:top,left;transition-duration:.1s;transition-timing-function:ease-out}.board__dropzone{border-radius:15%;background-color:#fff}.board__dropzone .board__piece{opacity:.8}@keyframes piece-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes piece-dropping{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes piece-final{0%{background-color:var(--mdc-theme-primary)}50%{background-color:var(--mdc-theme-4th);transform:scale(1.025)}to{background-color:var(--mdc-theme-primary)}}@keyframes piece-final-multi{0%{background-color:var(--mdc-theme-secondary)}50%{background-color:var(--mdc-theme-4th);transform:scale(1.025)}to{background-color:var(--mdc-theme-primary)}}.game-state{display:none}:root[data-game-state=won] .game-state--won{display:block}:root[data-game-state=lost] .game-state--lost{display:block}:root[data-game-state] .game-state--visible{display:block}.nav-menu[data-v-71c98d5b]{position:fixed;z-index:1001;min-width:75%;max-width:var(--menu-max-width)}@media screen and (min-width:500px){.nav-menu[data-v-71c98d5b]{min-width:var(--menu-max-width)}}.nav-menu>div[data-v-71c98d5b]{overflow:hidden}.nav-menu__scrim[data-v-71c98d5b]{position:fixed;z-index:1000;width:100vh;max-width:var(--app-max-width);min-height:100vh;background-color:#000000b3}.nav-menu__panel[data-v-71c98d5b]{position:relative;display:flex;flex-direction:column;background-color:var(--mdc-theme-background);box-shadow:2px 0 4px #0000004d;min-height:100vh;padding:1rem}.nav-menu__header[data-v-71c98d5b]{cursor:pointer}.nav-menu__list[data-v-71c98d5b]{list-style-type:none;padding:0 1rem;margin:0;border-top:1px solid var(--mdc-menu-separator)}.nav-menu__item[data-v-71c98d5b]{margin:1rem 0;display:flex;align-items:center;gap:1rem;text-wrap:nowrap;border-radius:.5rem;padding:0;-webkit-tap-highlight-color:transparent}.nav-menu__item--active[data-v-71c98d5b],.nav-menu__item[data-v-71c98d5b]:hover{background-color:var(--mdc-theme-button-active-overlay)}.nav-menu__link[data-v-71c98d5b]{color:var(--mdc-theme-text-primary-on-background);text-decoration:none;display:flex;gap:.75rem;align-items:center;flex:1;cursor:pointer;padding:1rem}.nav-menu__item-icon[data-v-71c98d5b]{transform:translateY(.1rem)}.menu-enter-active[data-v-71c98d5b],.menu-leave-active[data-v-71c98d5b]{transition:all .4s cubic-bezier(.42,0,0,1)}.menu-enter-from[data-v-71c98d5b],.menu-leave-to[data-v-71c98d5b]{opacity:0;transform:translate(-50%)}.menu-enter-to[data-v-71c98d5b],.menu-leave-from[data-v-71c98d5b]{opacity:1;transform:translate(0)}.menuscrim-enter-active[data-v-71c98d5b],.menuscrim-leave-active[data-v-71c98d5b]{transition:all .4s cubic-bezier(.42,0,0,1)}.menuscrim-enter-from[data-v-71c98d5b],.menuscrim-leave-to[data-v-71c98d5b]{opacity:0}.menuscrim-enter-to[data-v-71c98d5b],.menuscrim-leave-from[data-v-71c98d5b]{opacity:1}.grow-v-enter-active[data-v-2cf7fc29],.grow-v-leave-active[data-v-2cf7fc29]{display:grid;transition:all .2s ease-out}.grow-v-enter-from[data-v-2cf7fc29],.grow-v-leave-to[data-v-2cf7fc29]{grid-template-rows:0fr}.grow-v-enter-to[data-v-2cf7fc29],.grow-v-leave-from[data-v-2cf7fc29]{grid-template-rows:1fr}.grow-v-enter-active *[data-v-2cf7fc29],.grow-v-leave-active *[data-v-2cf7fc29]{overflow:hidden}.board[data-v-c4b8bc09]{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:.5rem;width:100%}.board__slot[data-v-c4b8bc09]{background-color:#00000040;border-radius:15%;height:var(--piece-size);width:var(--piece-size)}.piece-demo[data-v-67063795]{display:flex;gap:.5rem;align-items:center}.piece-demo .board__piece[data-v-67063795]{width:4rem;height:4rem}.archive__list[data-v-b045885c]{width:100%;box-sizing:border-box}.migration-success-toast[data-v-1b922dc2]{position:fixed;top:20px;right:20px;background:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:16px;border-radius:4px;font-size:14px;font-weight:600;z-index:1000;box-shadow:0 4px 12px #00000026}.fade-enter-active[data-v-1b922dc2],.fade-leave-active[data-v-1b922dc2]{transition:opacity .3s ease}.fade-enter-from[data-v-1b922dc2],.fade-leave-to[data-v-1b922dc2]{opacity:0}.slide-down-enter-active[data-v-1b922dc2],.slide-down-leave-active[data-v-1b922dc2]{transition:all .3s ease}.slide-down-enter-from[data-v-1b922dc2],.slide-down-leave-to[data-v-1b922dc2]{opacity:0;transform:translateY(-20px)}
