.header[data-v-2d74d5a5]{width:100%;display:grid;place-items:center;border-bottom:var(--primary-border);z-index:var(--z-index-level-2);padding:var(--primary-padding);justify-self:center;align-self:start;height:5.3rem}.header__wrapper[data-v-2d74d5a5]{display:flex;flex-direction:column;gap:var(--space-xs)}.header__player[data-v-2d74d5a5]{display:flex;align-items:flex-end;gap:var(--space-3xs);align-items:center;font-weight:var(--font-weight);flex-direction:row;font-size:var(--font-size-big)}.tile{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:not(.tile--saturated){background:var(--tile-bg-inverted);color:var(--tile-color-inverted)}.tile--saturated{background:var(--tile-bg-saturated)}.cell[data-v-12b96bc4]{max-width:var(--cell-tile-width);aspect-ratio:1/1;border-radius:var(--primary-border-radius);background:var(--cell-bg);-webkit-user-select:none;user-select:none;box-shadow:var(--cell-shadow);cursor:pointer}.cell--center[data-v-12b96bc4]{background:var(--cell-bg-center)}.cell--center[data-v-12b96bc4],.cell--has-tile[data-v-12b96bc4]{box-shadow:none}.cell__bonus[data-v-12b96bc4]{font-weight:var(--font-weight-bigger)}.cell__bonus--dw text[data-v-12b96bc4]{fill:var(--cell-color-dw)}.cell__bonus--tw text[data-v-12b96bc4]{fill:var(--cell-color-tw)}.cell__bonus--dl text[data-v-12b96bc4]{fill:var(--cell-color-dl)}.cell__bonus--tl text[data-v-12b96bc4]{fill:var(--cell-color-tl)}.cell__tile[data-v-12b96bc4]{width:100%;max-width:var(--cell-tile-width)}.tooltip[data-v-f20d19d2]{position:absolute;inset:auto;bottom:var(--space-xl);left:var(--space-xl);width:30px;height:30px;z-index:var(--z-index-level-2);display:grid;place-items:center}.tooltip__score[data-v-f20d19d2]{width:max-content;height:max-content;padding:0px var(--space-2xs) var(--space-5xs) var(--space-2xs);font-weight:var(--font-weight);background:var(--color-red);color:var(--color-white);border-radius:var(--primary-border-radius);font-size:var(--font-size-small)}.tooltip__score--shimmer[data-v-f20d19d2]{background:linear-gradient(90deg,red,orange,#ff0,green,#0ff,#00f,violet,red);background-size:300% 100%;animation:shimmer 3s linear infinite}.outline[data-v-8622a899]{position:absolute;z-index:var(--z-index-level-1);outline:2px solid var(--tile-outline-color);border-radius:var(--primary-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}.grid[data-v-f2e97784]{aspect-ratio:1/1}.rack__cell[data-v-26b06259]{cursor:pointer;background:var(--cell-bg-footer);border-radius:calc(var(--primary-border-radius) * 2);box-shadow:var(--cell-shadow-footer)}.rack__cell--disabled[data-v-26b06259]{opacity:.7;cursor:not-allowed}.rack__cell--disabled[data-v-26b06259]>*{pointer-events:none}.rack__count[data-v-26b06259]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--secondary-color);font-size:var(--font-size-small);-webkit-user-select:none;user-select:none}.rack__count-item[data-v-26b06259]{width:max-content;height:max-content;position:static}.buttons[data-v-d0367874]{height:calc(var(--cell-tile-width) * 1.6);width:100%;display:grid;place-items:center}.buttons__list[data-v-d0367874]{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space-m);height:100%}.buttons__list-item[data-v-d0367874]{width:25%}.buttons__btn[data-v-d0367874]{cursor:pointer;text-align:center;border-radius:var(--primary-border-radius);width:100%;height:100%;font-weight:var(--font-weight);border:var(--primary-border);-webkit-user-select:none;user-select:none;transition-property:box-shadow;transition-duration:var(--transition-duration-half);transition-timing-function:var(--transition-timing-function)}.buttons__btn[data-v-d0367874]:hover:not(:active):not(:disabled){background:var(--button-bg-hover)}.buttons__btn[data-v-d0367874]:active:not(:disabled){background:var(--button-bg-active)}.buttons__btn[data-v-d0367874]:disabled{border-color:transparent;opacity:.7;cursor:not-allowed}.footer[data-v-521d925e]{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)}.annotation[data-v-75dcb20f]{color:var(--secondary-color);height:6rem;border-left:1px solid var(--secondary-color);padding-left:calc(var(--cell-tile-width) / 4);padding-right:calc(var(--cell-tile-width) / 2);display:flex;flex-direction:column;gap:var(--space-s);font-size:var(--font-size-small);overflow-y:auto;overflow-x:hidden;width:100%}.annotation[data-v-75dcb20f] em{font-style:italic}.main[data-v-6dea718e]{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--blurred[data-v-6dea718e]{filter:blur(.2rem);opacity:.9}.main__center[data-v-6dea718e]{position:relative}.main__center-annotation[data-v-6dea718e]{position:absolute;top:-7rem}.dialog[data-v-7c9b25a2]{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-7c9b25a2]{padding:var(--space-l) var(--space-xl);border-radius:var(--primary-border-radius);color:var(--dialog-color);background:var(--dialog-bg);width:max-content;min-width:24rem;margin-top:17rem}.dialog__window--shaking[data-v-7c9b25a2]{animation:horizontal-shake var(--transition-duration) linear forwards}.dialog__content[data-v-7c9b25a2]{display:flex;flex-direction:column;gap:var(--space-s);font-weight:var(--font-weight-small)}.dialog__content-title[data-v-7c9b25a2]{font-size:var(--font-size-big);line-height:var(--line-height-big)}.dialog__footer[data-v-7c9b25a2]{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space-m);padding-top:var(--space-xl);padding-bottom:var(--space-xs)}.dialog__button[data-v-7c9b25a2]{cursor:pointer;padding:var(--space-s);border:var(--dialog-button-border);border-radius:var(--primary-border-radius);transition-property:box-shadow;transition-duration:var(--transition-duration-half);transition-timing-function:var(--transition-timing-function)}.dialog__button[data-v-7c9b25a2]:last-child{color:var(--color-red)}.dialog__button[data-v-7c9b25a2]:hover{background:var(--dialog-button-bg-hover)}.dialog__button[data-v-7c9b25a2]:active{background:var(--dialog-button-bg-active)}.endscreen{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;z-index:var(--z-index-level-3);color:var(--primary-color)}.loader[data-v-f41be66a]{position:fixed;background:var(--primary-bg);width:100vw;height:100vh;z-index:var(--z-index-level-3);display:grid;place-content:center}.loader__logo[data-v-f41be66a]{display:flex;flex-direction:row;gap:calc(var(--cell-tile-gap) * 1.25)}.loader__tile[data-v-f41be66a]{pointer-events:none;width:var(--cell-tile-width);border-radius:var(--primary-border-radius)}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,body,#app{height:100%;width:100%}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-color: var(--color-gray-darkest);--primary-bg: var(--color-gray-fainter);--primary-padding: var(--space-s);--primary-border-color: var(--color-gray);--primary-border: 1.5px solid var(--primary-border-color);--primary-border-radius: var(--space-xs);--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-tile-width: var(--space-4xl);--cell-tile-gap: var(--space-2xs);--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-saturated);--tile-outline-color: var(--color-purple);--button-bg-hover: var(--color-white);--button-bg-active: var(--color-gray-lightest);--dialog-color: var(--color-gray-fainter);--dialog-bg: var(--color-gray-darker);--dialog-button-border: 1px solid var(--color-gray-faintest);--dialog-button-bg-hover: var(--color-gray-dark);--dialog-button-bg-active: var(--color-gray-darkest)}.app{color:var(--primary-color);background:var(--primary-bg);font-size:var(--font-size);font-weight:var(--font-weight-small);display:flex;flex-direction:column;align-items:center}.app--blurred{filter:blur(.1rem)}.app__width-content{max-width:calc(var(--cell-count-per-axis) * (var(--cell-tile-gap) + var(--cell-tile-width)));width:100%}.app__grid--board{display:grid;grid-template-columns:repeat(var(--cell-count-per-axis),minmax(0,1fr));grid-template-rows:repeat(var(--cell-count-per-axis),minmax(0,1fr));gap:var(--cell-tile-gap)}.app__grid--board>*{position:relative;aspect-ratio:1/1}.app__grid--board>*>*{position:absolute;inset:0}.app__grid--footer{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));gap:calc(var(--cell-tile-gap) * 2)}.app__grid--footer>*{position:relative;aspect-ratio:1/1}.app__grid--footer>*>*{position:absolute;inset:0}@media(prefers-color-scheme:dark){:root{--primary-color: var(--color-gray-faint);--primary-bg: var(--color-navy-dark);--primary-border-color: var(--color-gray-lightest);--secondary-color: var(--color-gray-lighter);--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: var(--box-shadow-inner-dark);--cell-shadow-footer: var(--box-shadow-inner-dark);--tile-color-inverted: var(--color-gray-darkest);--tile-bg: var(--color-purple-darkest);--tile-bg-inverted: var(--color-gray-faint);--tile-bg-saturated: var(--color-purple-vivid);--tile-outline-color: var(--color-white);--button-bg-hover: var(--color-navy-light);--button-bg-active: var(--color-navy-darkest);--dialog-color: var(--color-gray-darkest);--dialog-bg: var(--color-gray-fainter);--dialog-button-border: 1px solid var(--color-gray-darkest);--dialog-button-bg-hover: var(--color-white);--dialog-button-bg-active: var(--color-gray-lightest)}}@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(56, 56, 104);--color-blue: rgb(8, 120, 183);--color-cyan: rgb(10, 190, 228);--color-red: rgb(238, 83, 83);--color-green: rgb(17, 172, 132);--color-yellow: rgb(234, 173, 12);--color-orange: rgb(255, 160, 68);--color-pink-saturated: rgb(202, 121, 221);--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 .219 .219 .407);--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 .066 .674 .517);--color-yellow: color(display-p3 .917 .678 .047);--color-orange: color(display-p3 1 .627 .266);--color-pink-saturated: color(display-p3 .792 .474 .866);--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-left-enter-active{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);transition-property:opacity,transform}.fade-from-left-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;--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);--box-shadow-inner-dark: inset 0 1px 2px 0 var(--color-gray-darkest);--z-index-level-1: 10;--z-index-level-2: 20;--z-index-level-3: 30}