.dialog[data-v-599beebc]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-index-level-2);display:grid;place-items:center;background:#18181b59;opacity:.95}.dialog__window[data-v-599beebc]{padding:var(--space-xl) var(--space-2xl);border-radius:var(--primary-border-radius);color:var(--dialog-color);background:var(--dialog-bg);width:max-content;border:none}.dialog__window--shaking[data-v-599beebc]{animation:horizontal-shake var(--transition-duration) linear forwards}.dialog__content[data-v-599beebc]{display:flex;flex-direction:column;gap:var(--space-s);font-weight:var(--font-weight-small)}.dialog__content-title[data-v-599beebc]{font-size:var(--font-size-big);line-height:var(--line-height-big)}.dialog__footer[data-v-599beebc]{display:flex;flex-direction:row;justify-content:center;gap:var(--space-m);padding-top:var(--space-2xl);padding-bottom:var(--space-xs)}.dialog__button[data-v-599beebc]{cursor:pointer;padding:var(--space-s) var(--space-6xl);border:var(--dialog-btn-border);border-radius:var(--primary-border-radius);transition-property:box-shadow;transition-duration:var(--transition-duration-half);transition-timing-function:var(--transition-timing-function);text-transform:uppercase;font-size:var(--font-size-small);font-weight:var(--font-weight)}.dialog__button[data-v-599beebc]:last-child{color:var(--color-red)}.dialog__button[data-v-599beebc]:hover{background:var(--dialog-btn-bg-hover)}.dialog__button[data-v-599beebc]:active{background:var(--dialog-btn-bg-active)}.loader[data-v-7791d6b8]{display:grid;place-items:center;height:100vh;width:100vw}.loader__dots[data-v-7791d6b8]>*{font-size:3rem;opacity:0;animation:dots-7791d6b8 .5s infinite}.loader__dots[data-v-7791d6b8]>*:nth-child(1){animation-delay:0s}.loader__dots[data-v-7791d6b8]>*:nth-child(2){animation-delay:.125s}.loader__dots[data-v-7791d6b8]>*:nth-child(3){animation-delay:.25s}@keyframes dots-7791d6b8{0%{opacity:0}20%{opacity:1}70%{opacity:1}85%{opacity:0}to{opacity:0}}.annotation[data-v-7b3ae37f]{height:6rem;border-right:1px solid currentColor;padding-right:calc(var(--cell-tile-width) / 4);display:flex;flex-direction:column;gap:var(--space-s);overflow-y:auto;overflow-x:hidden;width:calc(100% - var(--cell-tile-width) / 4);text-align:right}.annotation[data-v-7b3ae37f] em{font-style:italic}.annotation li[data-v-7b3ae37f]:first-child:nth-last-child(n+2),.annotation li[data-v-7b3ae37f]:nth-child(2):nth-last-child(n+2){opacity:.75}.annotation li[data-v-7b3ae37f]:first-child:nth-last-child(n+3){opacity:.5}.tile[data-v-0d4e33b9]{cursor:pointer;fill:currentColor;aspect-ratio:1/1;color:var(--tile-color);background:var(--tile-bg);border-radius:inherit;transition-property:background,color,outline;transition-duration:var(--transition-duration-half);transition-timing-function:var(--transition-timing-function);position:relative;top:0;left:0;z-index:var(--z-index-level-1);min-height:100%}.tile--inverted[data-v-0d4e33b9]:not(.tile--saturated){background:var(--tile-bg-inverted);color:var(--tile-color-inverted)}.tile--saturated[data-v-0d4e33b9]{background:var(--tile-bg-saturated)}.cell[data-v-d861575b]{max-width:var(--cell-tile-width);border-radius:var(--cell-tile-border-radius);background:var(--cell-bg);user-select:none;box-shadow:var(--cell-shadow);cursor:pointer}.cell--center[data-v-d861575b]{background:var(--cell-bg-center)}.cell--center[data-v-d861575b],.cell--has-tile[data-v-d861575b]{box-shadow:none}.cell__bonus[data-v-d861575b]{font-weight:var(--font-weight-bigger);z-index:var(--z-index-level-1)}.cell__bonus--dw text[data-v-d861575b]{fill:var(--cell-color-dw)}.cell__bonus--tw text[data-v-d861575b]{fill:var(--cell-color-tw)}.cell__bonus--dl text[data-v-d861575b]{fill:var(--cell-color-dl)}.cell__bonus--tl text[data-v-d861575b]{fill:var(--cell-color-tl)}.cell__tile[data-v-d861575b]{width:100%;max-width:var(--cell-tile-width)}.tooltip[data-v-8f619d23]{position:absolute;top:calc(-1 * var(--space-xl));right:calc(-1 * var(--space-xl));width:var(--space-3xl);height:var(--space-3xl);z-index:var(--z-index-level-2);display:grid;place-items:center}.tooltip--flipped[data-v-8f619d23]{right:auto;left:calc(-1 * var(--space-xl))}.tooltip__score[data-v-8f619d23]{width:max-content;height:max-content;padding:0px var(--space-2xs);font-weight:var(--font-weight);background:var(--color-red);color:var(--color-white);font-size:var(--font-size-small)}.tooltip__score--shimmer[data-v-8f619d23]{background:linear-gradient(90deg,red,orange,#ff0,green,#0ff,#00f,violet,red);background-size:300% 100%;animation:shimmer 3s linear infinite}.outline[data-v-824582cc]{position:absolute;z-index:var(--z-index-level-1);outline:2px solid var(--tile-outline-color);border-radius:var(--cell-tile-border-radius);transition-property:top,left,width,height,outline;transition-duration:var(--transition-duration-half);transition-timing-function:var(--transition-timing-function);pointer-events:none}.endscreen[data-v-a8f7f7e7]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-index-level-3);display:grid;place-items:center;gap:var(--space-m);align-content:center;font-size:var(--font-size-big)}.endscreen__text[data-v-a8f7f7e7]{position:relative;user-select:none}.endscreen__hint[data-v-a8f7f7e7]{animation:double-tap-a8f7f7e7 calc(var(--transition-duration) * 10) var(--transition-timing-function) infinite;animation-delay:calc(var(--transition-duration) * 10);transform-origin:center;position:absolute;bottom:45%;width:max-content;user-select:none}@keyframes double-tap-a8f7f7e7{0%{transform:scale(1);opacity:1}5%{transform:scale(.9);opacity:.5}10%{transform:scale(1);opacity:1}15%{transform:scale(.9);opacity:.5}20%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.buttons[data-v-00e6269d]{height:calc(var(--cell-tile-width) * 1.6);width:100%;display:grid;place-items:center}.buttons__list[data-v-00e6269d]{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space-m);height:100%}.buttons__list-item[data-v-00e6269d]{width:calc((100% - var(--space-m) * 3) / 4)}.buttons__btn[data-v-00e6269d]{cursor:pointer;text-transform:uppercase;text-align:center;border-radius:var(--primary-border-radius);width:100%;height:100%;user-select:none;box-shadow:var(--btn-box-shadow);transition-property:box-shadow;transition-duration:var(--transition-duration-half);transition-timing-function:var(--transition-timing-function);border:var(--primary-border);font-size:var(--btn-font-size);color:var(--btn-color);font-weight:var(--btn-font-weight);letter-spacing:.25px;background:var(--btn-bg)}.buttons__btn[data-v-00e6269d]:hover:not(:active):not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-color-hover);box-shadow:var(--btn-box-shadow-hover)}.buttons__btn[data-v-00e6269d]:active:not(:disabled){background:var(--btn-bg-active);border-color:transparent}.buttons__btn[data-v-00e6269d]:disabled{border-color:transparent;box-shadow:none;cursor:not-allowed}.rack__cell[data-v-ba82ac26]{cursor:pointer;background:var(--cell-bg-footer);border-radius:calc(var(--cell-tile-border-radius) * 2);box-shadow:var(--cell-shadow-footer)}.rack__cell--disabled[data-v-ba82ac26]{opacity:var(--opacity-disabled);cursor:not-allowed}.rack__cell--disabled[data-v-ba82ac26]>*{pointer-events:none}.rack__count[data-v-ba82ac26]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;user-select:none}.footer[data-v-bba435b3]{justify-self:center;align-self:end;display:flex;flex-direction:column;align-items:center;gap:var(--space-m);width:100%;margin-bottom:var(--space-l)}.select[data-v-fddcf525]{position:relative;display:inline-block}.select__custom[data-v-fddcf525]{text-decoration:underline}.select__native[data-v-fddcf525]{position:absolute;inset:0;opacity:0;cursor:pointer}.select--disabled .select__custom[data-v-fddcf525]{pointer-events:none;text-decoration:none}.select--disabled .select__native[data-v-fddcf525]{cursor:not-allowed}.header[data-v-d2e9a148]{width:100%;z-index:var(--z-index-level-2);padding:var(--primary-padding) 0;align-self:start}.header__group[data-v-d2e9a148]{display:flex;flex-direction:column;gap:var(--space-xs)}.main[data-v-f1ef4d8d]{transition-property:filter,opacity;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);width:100%;min-height:100vh;height:100vh;max-height:100vh;gap:var(--space-s);display:grid;grid-template-rows:1fr auto 1fr;align-items:center;padding-left:var(--primary-padding);padding-right:var(--primary-padding);justify-items:center}.main__center[data-v-f1ef4d8d]{position:relative}.main__center-annotation[data-v-f1ef4d8d]{position:absolute;top:-7rem}.main--blurred[data-v-f1ef4d8d]{filter:blur(.5rem);opacity:var(--opacity-disabled)}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre,button,ol,ul,li,body{all:unset}*{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}text{fill:currentColor}@keyframes horizontal-shake{0%{transform:translate(0)}25%{transform:translate(4px)}50%{transform:translate(-4px)}75%{transform:translate(4px)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}:root{--primary-border: 1px solid var(--btn-border-color);--primary-padding: var(--space-s);--primary-border-radius: 2px;--cell-tile-width: var(--space-4xl);--cell-tile-gap: var(--space-2xs);--cell-tile-border-radius: var(--space-xs);--opacity-disabled: .7;--primary-font-weight: var(--font-weight-small);--primary-font-size: var(--font-size);--primary-color: var(--color-gray-darkest);--primary-bg: var(--color-gray-fainter);--secondary-font-size: var(--font-size-small);--secondary-color: var(--color-gray-light);--cell-color-dw: var(--color-blue);--cell-color-tw: var(--color-red);--cell-color-dl: var(--color-green);--cell-color-tl: var(--color-yellow);--cell-bg: var(--color-white);--cell-bg-center: var(--color-purple-light);--cell-bg-footer: var(--color-gray-faint);--cell-shadow: var(--box-shadow-level-0);--cell-shadow-footer: var(--box-shadow-inner);--tile-color: var(--primary-color);--tile-color-inverted: var(--color-gray-fainter);--tile-bg: var(--color-pink);--tile-bg-inverted: var(--color-purple-dark);--tile-bg-saturated: var(--color-pink-complementary);--tile-outline-color: var(--color-purple);--btn-bg: transparent;--btn-bg-hover: var(--color-gray-faintest);--btn-bg-active: var(--color-gray-faint);--btn-border-color-hover: var(--color-gray-light);--btn-border-color: var(--color-gray-lighter);--btn-font-weight: var(--font-weight);--btn-font-size: var(--font-size-small);--btn-color: var(--primary-color);--btn-box-shadow: var(--box-shadow-level-0);--btn-box-shadow-hover: var(--box-shadow-level-1);--dialog-color: var(--color-gray-fainter);--dialog-bg: var(--color-gray-darker);--dialog-btn-border: 1px solid var(--color-gray-faintest);--dialog-btn-bg-hover: var(--color-gray-dark);--dialog-btn-bg-active: var(--color-gray-darkest);--box-shadow-level-0: 0 1px 2px var(--color-gray-faint);--box-shadow-level-1: 0 1px 3px 0 var(--color-gray-lightest), 0 1px 2px -1px var(--color-gray-lightest);--box-shadow-inner: inset 0 1px 2px 0 var(--color-gray-lightest)}@media(prefers-color-scheme:dark){:root{--primary-font-weight: var(--font-weight-smaller);--primary-font-size: var(--font-size);--primary-color: var(--color-white);--primary-bg: var(--color-navy-dark);--secondary-font-size: var(--font-size-small);--secondary-color: var(--color-gray-faint);--cell-color-dw: var(--color-cyan);--cell-color-tw: var(--color-red);--cell-color-dl: var(--color-green);--cell-color-tl: var(--color-orange);--cell-bg: var(--color-navy-darkest);--cell-bg-center: var(--color-navy);--cell-bg-footer: var(--color-navy-darker);--cell-shadow: inset 0 1px 2px 0 var(--color-gray-darkest);--cell-shadow-footer: var(--box-shadow-inner);--tile-color: var(--color-gray-darkest);--tile-color-inverted: var(--color-gray-darkest);--tile-bg: var(--color-green);--tile-bg-inverted: var(--color-gray-faint);--tile-bg-saturated: var(--color-green-complementary);--tile-outline-color: var(--color-white);--btn-bg: transparent;--btn-bg-hover: var(--color-navy);--btn-bg-active: var(--color-navy-darker);--btn-border-color-hover: var(--color-gray-faint);--btn-border-color: var(--color-gray-lightest);--btn-font-weight: var(--font-weight-small);--btn-font-size: var(--font-size);--btn-color: var(--primary-color);--btn-box-shadow: var(--box-shadow-level-0);--btn-box-shadow-hover: var(--box-shadow-level-1);--dialog-color: var(--color-gray-darkest);--dialog-bg: var(--color-gray-fainter);--dialog-btn-border: 1px solid var(--color-gray-darkest);--dialog-btn-bg-hover: var(--color-white);--dialog-btn-bg-active: var(--color-gray-lightest);--box-shadow-level-0: 0 1px 2px var(--color-navy-dark);--box-shadow-level-1: 0 1px 3px 0 var(--color-navy-darkest), 0 1px 2px -1px var(--color-navy-darkest);--box-shadow-inner: inset 0 1px 2px 0 var(--color-navy-darkest)}}#app{background:var(--primary-bg);color:var(--primary-color);font-size:var(--primary-font-size);font-weight:var(--primary-font-weight)}.app__limit-max-width{max-width:calc(var(--cell-count-per-axis) * (var(--cell-tile-gap) + var(--cell-tile-width)) - var(--cell-tile-gap));width:100%}.app__make-secondary{font-size:var(--secondary-font-size);color:var(--secondary-color)}.app__create-grid--for-board{display:grid;grid-template-columns:repeat(var(--cell-count-per-axis),minmax(0,1fr));grid-template-rows:repeat(var(--cell-count-per-axis),auto);gap:var(--cell-tile-gap)}.app__create-grid--for-board>*{display:grid;aspect-ratio:1/1}.app__create-grid--for-board>*>*{grid-area:1/1}.app__create-grid--for-rack{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(1,auto);gap:calc(var(--cell-tile-gap) * 2)}.app__create-grid--for-rack>*{display:grid;aspect-ratio:1/1}.app__create-grid--for-rack>*>*{grid-area:1/1}@supports not (color: color(display-p3 1 1 1)){:root{--color-white: rgb(255, 255, 255);--color-gray-faintest: rgb(250, 250, 250);--color-gray-fainter: rgb(244, 244, 245);--color-gray-faint: rgb(228, 228, 231);--color-gray-lightest: rgb(212, 212, 216);--color-gray-lighter: rgb(161, 161, 170);--color-gray-light: rgb(113, 113, 122);--color-gray: rgb(82, 82, 91);--color-gray-dark: rgb(63, 63, 70);--color-gray-darker: rgb(39, 39, 42);--color-gray-darkest: rgb(24, 24, 27);--color-navy-darkest: rgb(24, 24, 48);--color-navy-darker: rgb(32, 32, 64);--color-navy-dark: rgb(36, 36, 76);--color-navy: rgb(48, 48, 96);--color-navy-light: rgb(95, 120, 85);--color-blue: rgb(8, 120, 183);--color-cyan: rgb(10, 190, 228);--color-red: rgb(238, 83, 83);--color-green: rgb(0, 190, 145);--color-green-complementary: rgb(0, 255, 195);--color-yellow: rgb(234, 173, 12);--color-orange: rgb(255, 160, 68);--color-pink-complementary: rgb(214, 140, 228);--color-pink: rgb(232, 197, 241);--color-purple-light: rgb(149, 129, 250);--color-purple: rgb(110, 86, 228);--color-purple-vivid: rgb(140, 75, 230);--color-purple-dark: rgb(99, 70, 245);--color-purple-darker: rgb(79, 55, 200);--color-purple-darkest: rgb(84, 48, 160)}}@supports (color: color(display-p3 1 1 1)){:root{--color-white: color(display-p3 1 1 1);--color-gray-faintest: color(display-p3 .98 .98 .98);--color-gray-fainter: color(display-p3 .956 .956 .96);--color-gray-faint: color(display-p3 .894 .894 .905);--color-gray-lightest: color(display-p3 .831 .831 .847);--color-gray-lighter: color(display-p3 .631 .631 .666);--color-gray-light: color(display-p3 .443 .443 .478);--color-gray: color(display-p3 .321 .321 .356);--color-gray-dark: color(display-p3 .247 .247 .274);--color-gray-darker: color(display-p3 .152 .152 .164);--color-gray-darkest: color(display-p3 .094 .094 .105);--color-navy-darkest: color(display-p3 .094 .094 .188);--color-navy-darker: color(display-p3 .125 .125 .25);--color-navy-dark: color(display-p3 .141 .141 .298);--color-navy: color(display-p3 .188 .188 .376);--color-navy-light: color(display-p3 .372 .47 .333);--color-blue: color(display-p3 .031 .47 .717);--color-cyan: color(display-p3 .039 .745 .894);--color-red: color(display-p3 .933 .325 .325);--color-green: color(display-p3 0 .745 .568);--color-green-complementary: color(display-p3 0 1 .764);--color-yellow: color(display-p3 .917 .678 .047);--color-orange: color(display-p3 1 .627 .266);--color-pink-complementary: color(display-p3 .839 .549 .894);--color-pink: color(display-p3 .909 .772 .945);--color-purple-light: color(display-p3 .584 .505 .98);--color-purple: color(display-p3 .431 .337 .894);--color-purple-vivid: color(display-p3 .549 .294 .901);--color-purple-dark: color(display-p3 .388 .274 .96);--color-purple-darker: color(display-p3 .309 .215 .784);--color-purple-darkest: color(display-p3 .329 .188 .627)}}.fade-enter-active,.fade-leave-active{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);transition-property:opacity}.fade-enter-from,.fade-leave-to{opacity:0}.fade-up-down-enter-active,.fade-up-down-leave-active{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);transition-property:opacity,transform}.fade-up-down-enter-from,.fade-up-down-leave-to{opacity:0;transform:translate3d(0,1rem,0)}.fade-down-up-enter-active,.fade-down-up-leave-active{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);transition-property:opacity,transform}.fade-down-up-enter-from,.fade-down-up-leave-to{opacity:0;transform:translate3d(0,-1rem,0)}.fade-down-enter-active,.fade-down-leave-active{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);transition-property:opacity,transform}.fade-down-enter-from{transform:translate3d(0,-1rem,0)}.fade-down-enter-from,.fade-down-leave-to{opacity:0}.fade-from-right-enter-active{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);transition-property:opacity,transform}.fade-from-right-enter-from{opacity:0;transform:translate(-1rem)}:root{--space-6xs: 1px;--space-5xs: .05rem;--space-4xs: .1rem;--space-3xs: .15rem;--space-2xs: .2rem;--space-xs: .25rem;--space-s: .5rem;--space-m: .75rem;--space-l: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 1.75rem;--space-4xl: 2rem;--space-5xl: 2.25rem;--space-6xl: 2.5rem;--font-size-smaller: 12px;--font-size-small: 14px;--font-size: 16px;--font-size-big: 18px;--font-size-bigger: 20px;--font-size-biggest: 24px;--line-height-smaller: 1.125rem;--line-height-small: 1.25rem;--line-height: 1.5rem;--line-height-big: 1.75rem;--line-height-bigger: 1.75rem;--font-weight-smaller: 200;--font-weight-small: 300;--font-weight: 400;--font-weight-big: 500;--font-weight-bigger: 600;--transition-timing-function: ease;--z-index-level-1: 10;--z-index-level-2: 20;--z-index-level-3: 30}