footer[data-v-5969d55b]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:40px;gap:10px 20px;background:var(--white);color:var(--black);font-size:1.1em;transition:background var(--fast),color var(--fast)}input[data-v-248a0a98]{font-weight:var(--bold);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase}div[data-v-334af84f]{display:flex;justify-content:center;gap:5px}span[data-v-334af84f]{transition:color var(--fast)}.char[data-v-2dfe6750]{--color: color-mix( in lch, var(--primary), var(--secondary) calc(100% * var(--dist, 0)) );position:relative;grid-column:calc(var(--col) + 2)}.letter[data-v-2dfe6750]{display:grid;place-items:center;width:40px;height:40px;background:var(--color);color:var(--white);font-weight:var(--extra-bold);font-size:1.2rem;text-transform:uppercase;transition:background var(--fast),color var(--fast)}.link[data-v-2dfe6750]{position:absolute;top:100%;left:50%;width:10px;height:5px;translate:-50% 0;scale:1.1;background:var(--color);content:"";clip-path:polygon(50% 100%,0% 0%,100% 0%);transition:background var(--fast)}.grid[data-v-8535bd0d]{display:grid;grid-template-columns:repeat(4,auto)!important;gap:5px}.table[data-v-a6af1d07]{max-width:100%;max-height:calc(10*(1lh + 10px));overflow-x:auto;overflow-y:auto;background:var(--white);transition:background var(--fast)}table[data-v-a6af1d07]{border-collapse:collapse;text-align:center}table button[data-v-a6af1d07]{width:100%;height:100%;min-height:0;padding:5px 15px;gap:0;border-radius:0;background:none;cursor:pointer}thead tr[data-v-a6af1d07]{position:sticky;top:0}th button[data-v-a6af1d07]{position:relative}th button svg[data-v-a6af1d07]{position:absolute;right:0}th[data-v-a6af1d07]:not(:has(button)),td[data-v-a6af1d07]{padding:5px 10px}.row[data-v-a6af1d07]{transition:background var(--fast)}.row[data-v-a6af1d07]:hover{background:var(--light-gray);cursor:pointer}th[data-v-a6af1d07],.label[data-v-a6af1d07]{background:var(--light-gray);font-weight:var(--bold);transition:background var(--fast)}.upper[data-v-a6af1d07]{text-transform:uppercase}.selected[data-v-a6af1d07]{font-weight:var(--bold)}.details[data-v-a6af1d07]{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.detail[data-v-a6af1d07]{display:grid;grid-template-columns:max-content 1fr;justify-items:flex-start;width:100%;gap:10px 20px;text-align:left}.detail[data-v-a6af1d07]>:nth-child(odd){font-weight:var(--bold)}.detail[data-v-a6af1d07]>:empty:after{content:"-";color:var(--gray);transition:color var(--fast)}.links[data-v-a6af1d07]{display:flex;flex-wrap:wrap;gap:5px 10px}.links>button[data-v-a6af1d07]{padding:0;color:var(--primary)}.chart text[data-v-a6af1d07]{fill:var(--black);font-size:60px;transition:fill var(--fast)}.axes[data-v-a6af1d07]{fill:none;stroke:var(--black);stroke-width:5px;transition:stroke var(--fast)}.bar[data-v-a6af1d07]{fill:none;stroke-width:90px;transition:stroke var(--fast)}.x-axis[data-v-a6af1d07]{dominant-baseline:hanging;text-anchor:middle;translate:0 2em}.y-axis[data-v-a6af1d07]{dominant-baseline:central;text-anchor:middle;translate:-4em 0}.x-label[data-v-a6af1d07]{dominant-baseline:hanging;text-anchor:middle;translate:0 .5em}.y-label[data-v-a6af1d07]{dominant-baseline:central;text-anchor:end;translate:-.5em 0}.keyboard[data-v-96952163]{display:grid;position:sticky;bottom:0;grid-template-columns:repeat(20,1fr);grid-auto-rows:40px;align-self:stretch;width:100vw;padding:5px max(5px,(100% - 300px) / 2);translate:0 0;border-top:solid 2px var(--light-gray);background:var(--white);font-weight:var(--bold);font-size:1.1rem;transition:background var(--fast),border-color var(--fast),translate var(--fast)}.hide[data-v-96952163]{translate:0 100%}.key[data-v-96952163]{grid-column-end:span 2;padding:2px;background:var(--off-white) content-box;touch-action:none;transition:background var(--fast)}.key[data-v-96952163]:active{background-color:var(--gray)}@media (hover){.key[data-v-96952163]:hover{background-color:var(--gray)}}.first-col[data-v-96952163]{grid-column-start:1}.second-row[data-v-96952163]{grid-column-start:2}.big[data-v-96952163]{grid-column-end:span 3}.buttons[data-v-fb4478e2]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px}.grid[data-v-fb4478e2]{display:grid;grid-template-columns:repeat(6,40px);place-items:center;gap:5px}.row[data-v-fb4478e2]{display:grid;position:relative;grid-template-columns:subgrid;grid-column:1 / -1;place-items:center}.spacer[data-v-fb4478e2]{grid-column:1 / -1;width:100%;height:10px}.message[data-v-fb4478e2]{z-index:1;position:absolute;bottom:calc(100% + 10px);padding:5px 10px;background:var(--black);color:var(--white);transition:background var(--fast),color var(--fast)}[data-v-fb4478e2] .input{grid-column:2 / 6}.message[data-v-fb4478e2],.hint[data-v-fb4478e2],.clear[data-v-fb4478e2],[data-v-fb4478e2] .input,.submit[data-v-fb4478e2]{grid-row:1}.clear[data-v-fb4478e2]{grid-column:5;background:none!important}.submit[data-v-fb4478e2]{grid-column:2;background:none!important}.hint[data-v-fb4478e2]{grid-column:6}.special[data-v-fb4478e2]{stroke:var(--gray);transition:stroke var(--fast)}.saved-game[data-v-39ecea81]{display:grid;grid-template-columns:20px 5px repeat(4,20px) 5px repeat(4,20px) 5px 20px;align-items:center;padding:5px;text-align:center;text-decoration:none;text-transform:uppercase}.saved-game[data-v-39ecea81]:hover{background:var(--light-gray)}.char-a[data-v-39ecea81],.char-b[data-v-39ecea81]{color:var(--white)}.char-a[data-v-39ecea81]{background:var(--primary)}.char-b[data-v-39ecea81]{background:var(--secondary)}.count[data-v-39ecea81]{color:var(--black);font-size:.75rem}.games[data-v-c3b2186b]{display:grid;grid-template-columns:repeat(auto-fit,225px);place-content:center;width:100%;gap:10px}header[data-v-7d07c94b]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:10px;gap:10px;border-bottom:solid 2px var(--light-gray);background:var(--off-white);color:var(--black);font-size:1.2rem;line-height:1;white-space:nowrap;transition:background var(--fast),color var(--fast),border-color var(--fast)}header[data-v-7d07c94b]>*{flex:1 0 0}.title[data-v-7d07c94b]{font-weight:var(--bold);text-align:left}h1[data-v-7d07c94b]{margin:0;font-weight:unset;font-size:inherit}nav[data-v-7d07c94b]{display:flex;justify-content:flex-end;gap:5px}.link[data-v-7d07c94b]{display:grid;place-items:center;width:30px;height:30px;padding:0}@media (max-width: 600px){header[data-v-7d07c94b]{font-size:1rem}.link[data-v-7d07c94b]{width:20px;height:20px}}@media (max-width: 400px){.title[data-v-7d07c94b]{display:none}h1[data-v-7d07c94b]{text-align:left}}:root[data-dark=false]{--primary: hsl(195, 100%, 35%);--secondary: hsl(10, 80%, 65%);--black: hsl(195, 50%, 25%);--dark-gray: hsl(195, 10%, 50%);--gray: hsl(195, 10%, 75%);--light-gray: hsl(10, 20%, 95%);--off-white: hsl(10, 50%, 98%);--white: hsl(10, 100%, 100%);--easy: hsl(170, 75%, 40%);--medium: hsl(250, 55%, 65%);--hard: hsl(340, 60%, 60%)}:root[data-dark=true]{--primary: hsl(195, 80%, 50%);--secondary: hsl(10, 100%, 70%);--black: hsl(195, 100%, 100%);--dark-gray: hsl(195, 10%, 70%);--gray: hsl(195, 10%, 40%);--light-gray: hsl(195, 5%, 20%);--off-white: hsl(195, 10%, 10%);--white: hsl(195, 25%, 0%);--easy: hsl(170, 75%, 40%);--medium: hsl(250, 55%, 65%);--hard: hsl(340, 60%, 60%)}:root{--success: var(--easy);--error: var(--hard);--info: var(--primary);--bold: 600;--extra-bold: 900;--fast: .1s;--slow: .5s}*{box-sizing:border-box;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{background:var(--white);color:var(--black);font-family:Quicksand,sans-serif;text-align:center;transition:background var(--fast),color var(--fast)}body{display:flex;flex-direction:column;min-height:100dvh;margin:0;transition:padding var(--fast)}#app{display:contents}main{display:flex;flex-grow:1;flex-direction:column}section{--col: 600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px max(40px,(100% - var(--col)) / 2);gap:20px;background:var(--white);color:var(--black);transition:background var(--fast),color var(--fast),border-color var(--fast)}section:only-child{flex-grow:1}section:not(:last-child){border-bottom:solid 2px var(--light-gray)}section:nth-child(2n){background:var(--off-white)}h2{display:flex;align-items:center;margin:0;gap:10px;font-weight:var(--bold);font-size:1.2rem}strong,b{font-weight:var(--bold)}p{width:100%;margin:0;line-height:2;text-align:left}ul,ol{width:100%;margin:0;padding-left:30px;line-height:2;text-align:left}li{padding-left:10px}hr{width:100%;height:2px;margin:40px 0;border:none;background:var(--light-gray);transition:background var(--fast)}a{color:var(--primary);transition:color var(--fast),background var(--fast),border-color var(--fast)}a:hover{color:var(--black)}form{display:contents}input{min-width:0;max-width:100%;min-height:40px;padding:5px 15px;border:solid 2px var(--light-gray);border-radius:999px;background:var(--white);color:inherit;font:inherit;text-align:center;transition:background var(--fast),color var(--fast),border-color var(--fast)}input:hover{border-color:var(--gray)}button{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;max-width:100%;padding:5px 10px;gap:5px;border:none;background:none;color:inherit;font:inherit;cursor:pointer;transition:background var(--fast),color var(--fast)}button.primary{min-height:40px;padding:5px 15px;border-radius:999px;background:var(--primary);color:var(--white)}button.primary:hover{background:var(--black)}button.secondary{min-height:40px;padding:5px 15px;border-radius:999px;color:var(--primary)}button.secondary:hover{background:var(--light-gray)}button.square{width:40px;min-width:unset;height:40px;min-height:unset;padding:0;border-radius:999px}.inactive,.active{position:relative;border-radius:0}.inactive:after,.active:after{position:absolute;right:0;bottom:-2px;left:0;height:2px;scale:0 1;background:var(--primary);content:"";transition:background var(--fast),scale var(--fast)}.active:after{scale:1 1}::placeholder{color:var(--gray);transition:color var(--fast)}[disabled]{filter:saturate(0);opacity:.5;pointer-events:none}:focus-visible{outline:solid 2px var(--primary);outline-offset:-2px}html:not([data-headlessui-focus-visible]) :focus-visible{outline:none}.gray{color:var(--gray);transition:color var(--fast)}.success{color:var(--success);transition:color var(--fast)}.info{color:var(--info);transition:color var(--fast)}.error{color:var(--error);transition:color var(--fast)}.lucide{width:unset;height:1em}.tippy-box{padding:0!important;border-radius:0!important;background:var(--black)!important;color:var(--white)!important;font:inherit!important;transition:background var(--fast),color var(--fast)!important}.tippy-content{padding:5px 10px!important;transition:unset!important}.tippy-arrow{color:var(--black)!important;transition:color var(--fast)!important}.tippy-arrow:before{scale:.75!important}.pulse{animation:pulse 1s var(--delay, 0s) infinite both}@keyframes pulse{50%{scale:1.25}}.flip{animation:flip var(--slow) var(--delay, 0s) both}@keyframes flip{0%{transform:perspective(500px) rotateX(90deg);filter:drop-shadow(0 .5em var(--gray))}to{transform:perspective(500px) rotateX(0);filter:drop-shadow(0 0 var(--gray))}}.wiggle-char{display:inline-block;white-space:pre-wrap}.wiggle-always{animation:wiggle 3s var(--delay, 0s) infinite both cubic-bezier(.5,0,.5,1)}:has(>.wiggle-hover):hover .wiggle-hover{animation:wiggle 3s var(--delay, 0s) infinite both cubic-bezier(.5,0,.5,1)}@keyframes wiggle{0%{translate:0 0;filter:drop-shadow(0 0 var(--gray))}10%{translate:0 -.2em;filter:drop-shadow(0 .2em var(--gray))}20%{translate:0 0;filter:drop-shadow(0 0 var(--gray))}}.slide-enter-active,.slide-leave-active{transition:translate var(--fast),opacity var(--fast)!important}.slide-enter-from{translate:0 10px;opacity:0}.slide-leave-to{translate:0 -10px;opacity:0}.particle{position:fixed;top:var(--y);left:var(--x);width:var(--size);height:var(--size);background:var(--primary);animation:particle 1s linear;mix-blend-mode:difference;clip-path:polygon(50% 100%,60% 60%,100% 50%,60% 40%,50% 0%,40% 40%,0% 50%,40% 60%,50% 100%);pointer-events:none;transition:background var(--fast)}@keyframes particle{0%{opacity:0}50%{opacity:1}to{translate:0 calc(-1 * var(--size));opacity:0}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}