html{overflow-y:scroll;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;line-height:1}form{margin:0}fieldset{margin:0;padding:0;border:0}button,input,select,textarea{font-size:100%;font-family:inherit;margin:0;padding:0;vertical-align:baseline;*vertical-align: middle}button,input{line-height:normal;overflow:visible}textarea{overflow:auto;vertical-align:top;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}figure{margin:0}img{-ms-interpolation-mode:bicubic;display:block}ol,ul{margin:0;padding:0}dl,dd{margin:0}li{display:block;padding:0;margin:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:inherit;font-size:inherit;margin:0}p,blockquote{margin:0}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit;font-size:inherit}cite{font-style:normal}ins{text-decoration:none}dfn{font-style:inherit}del{text-decoration:none}mark{background:none;color:inherit}address{font-style:normal}tt,code,kbd,samp{font-family:inherit;font-size:inherit}b,strong{font-weight:inherit}em{font-style:inherit}small{font-size:100%}q{quotes:none}q:before,q:after{content:"";content:none}a{font-weight:inherit;color:inherit;text-decoration:none}a:hover,a:active{outline:none}a img{border:none}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}th{font-weight:inherit}:root{--step--2: clamp(.69rem, calc(.66rem + .18vw), .8rem);--step--1: clamp(.83rem, calc(.78rem + .28vw), 1rem);--step-0: clamp(1rem, calc(.92rem + .42vw), 1.25rem);--step-1: clamp(1.2rem, calc(1.08rem + .6vw), 1.56rem);--step-2: clamp(1.44rem, calc(1.27rem + .86vw), 1.95rem);--step-3: clamp(1.73rem, calc(1.49rem + 1.19vw), 2.44rem);--step-4: clamp(2.07rem, calc(1.75rem + 1.63vw), 3.05rem);--step-5: clamp(2.49rem, calc(2.05rem + 2.21vw), 3.82rem);--step-6: clamp(2.99rem, calc(2.39rem + 2.97vw), 4.77rem);--step-7: clamp(3.58rem, calc(2.79rem + 3.96vw), 5.96rem);--step--1-1: clamp(.83rem, .583rem + 1.15vw, 1.56rem);--step-7-8: clamp(3.58rem, calc(2.79rem + 3.96vw), 7.45rem);--space-3xs: clamp(.25rem, calc(.23rem + .1vw), .31rem);--space-2xs: clamp(.5rem, calc(.46rem + .21vw), .63rem);--space-xs: clamp(.75rem, calc(.69rem + .31vw), .94rem);--space-s: clamp(1rem, calc(.92rem + .42vw), 1.25rem);--space-m: clamp(1.5rem, calc(1.38rem + .63vw), 1.88rem);--space-l: clamp(2rem, calc(1.83rem + .83vw), 2.5rem);--space-xl: clamp(3rem, calc(2.75rem + 1.25vw), 3.75rem);--space-2xl: clamp(4rem, calc(3.67rem + 1.67vw), 5rem);--space-3xl: clamp(6rem, calc(5.5rem + 2.5vw), 7.5rem);--space-3xs-2xs: clamp(.25rem, calc(.13rem + .63vw), .63rem);--space-2xs-xs: clamp(.5rem, calc(.35rem + .73vw), .94rem);--space-s-m: clamp(1rem, calc(.71rem + 1.46vw), 1.88rem);--space-m-l: clamp(1.5rem, calc(1.17rem + 1.67vw), 2.5rem);--space-l-xl: clamp(2rem, calc(1.42rem + 2.92vw), 3.75rem);--space-xl-2xl: clamp(3rem, calc(2.33rem + 3.33vw), 5rem);--space-2xl-3xl: clamp(4rem, calc(2.83rem + 5.83vw), 7.5rem);--space-xs-s: clamp(.75rem, calc(.58rem + .83vw), 1.25rem);--space-s-l: clamp(1rem, calc(.5rem + 2.5vw), 2.5rem);--space-s-2xl: clamp(1rem, calc(-.33rem + 6.67vw), 5rem);--bg-color: #ebebeb;--main-color: #12e799;--main-color-thin: rgb(18, 231, 153, .95);--alt-color: #eb4030;--button-color: #1253d6;--text-color: black;--panel-color: #fff;--alt-text-color: black;--button-text-color: white;--button-text-hover-color: #1253d6;--base-font-size: 1rem;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}@media (prefers-color-scheme: dark){:root{--bg-color: #0e222d;--main-color: #056361;--main-color-thin: rgb(5, 99, 97, .95);--alt-color: #eb4030;--text-color: #ffffff;--panel-color: #07053d;--button-text-color: black;--button-color: #0fd7f6;--button-text-hover-color: black}}*,*:after,*:before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#fff}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-color);color:var(--text-color);font-family:var(--font);font-size:var(--base-font-size);line-height:1.5;font-variation-settings:"wght" 350;scroll-behavior:smooth;border-radius:var(--space-s);border:.625rem solid white;font-weight:500;font-variation-settings:"wght" 500;display:flex;align-items:center;justify-content:center}img{max-width:100%;height:auto}::-moz-selection{background:black;color:#fff;text-shadow:none}::selection{background:black;color:#fff;text-shadow:none}strong{font-weight:700}button,input[type=submit],input[type=button]{cursor:pointer}p:empty{display:none}.container{margin-block:0;width:100%;min-height:100svh;margin-inline:auto;padding:var(--space-m-l);display:flex;flex-direction:column;justify-content:center}.container--sm{padding:var(--space-xs-s) var(--space-m-l)}@keyframes ellipsis{to{width:40px}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.announcement{border-top-left-radius:var(--space-3xs);border-top-right-radius:var(--space-3xs);margin-block-start:0;background-color:#eec617;text-align:center}.announcement p{text-wrap:balance;color:var(--alt-text-color)}.announcement a{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:.1em;transition:text-decoration-color .3s ease}.announcement a:hover,.announcement a:focus-visible{text-decoration-color:transparent}.swatch{aspect-ratio:1/1;max-width:12.5rem;border-radius:var(--step--2);display:flex;align-items:center;justify-content:center;padding:var(--space-m)}@media only screen and (min-width: 43.75em){.swatch{max-height:22.25rem;width:100%}}.card{margin-block:0;width:100%;max-width:87.5rem;margin-inline:auto;min-height:80svh;display:flex;flex-direction:column;justify-content:center;background:var(--main-color);position:relative;border-radius:.75rem;padding:var(--space-s-2xl);background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23000' stroke-width='6' stroke-dasharray='19%2c 17' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");box-shadow:0 0 0 var(--space-xs) var(--main-color)}@media only screen and (min-width: 48em){.card{border-radius:1rem;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23000' stroke-width='6' stroke-dasharray='19%2c 17' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}}@media (prefers-color-scheme: dark){.card{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23fff' stroke-width='6' stroke-dasharray='19%2c 17' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}}@media only screena and (prefers-color-scheme:dark) and (min-width: 48em){.card{border-radius:1rem;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23fff' stroke-width='6' stroke-dasharray='19%2c 17' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}}.header{margin-block-end:var(--space-l)}.header__top{margin-block-end:var(--space-s-l);display:flex;gap:var(--space-s);justify-content:space-between;align-items:baseline;flex-wrap:wrap}.header__title{line-height:1;font-size:var(--step-7-8);font-synthesis:none;font-weight:900;font-variation-settings:"wght" 900}.header__title.play .letter{animation-name:bounce}.header__reset{color:var(--text-color);font-size:var(--step-1);font-variation-settings:"wght" 600;text-decoration:underline;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:var(--space-3xs);background:none;border:0}.header__reset:hover{text-decoration:none}.header__reset:focus-visible{text-decoration:none;outline:2px solid var(--text-color);outline-offset:.375rem}.header__text{max-width:50rem;font-size:var(--step-0)}.header__select{color:var(--alt-text-color);font-size:var(--step-0);font-family:var(--font);font-variation-settings:"wght" 500}.letter{display:inline-block;animation-duration:.5s;animation-fill-mode:both;transform-origin:center bottom}.letter:nth-child(2){animation-delay:.1s}.letter:nth-child(3){animation-delay:.2s}.letter:nth-child(4){animation-delay:.3s}.letter:nth-child(5){animation-delay:.4s}.letter:nth-child(6){animation-delay:.5s}.letter:nth-child(7){animation-delay:.6s}.threads__label{font-size:var(--step--2);display:block;margin-block-end:var(--space-3xs)}.threads__input{width:100%;border:.125rem dashed var(--text-color);border-radius:var(--space-3xs);padding-block:var(--space-2xs);padding-inline:var(--space-xs)}.threads__input:focus-visible{background-color:#fff;color:var(--button-text-hover-color);outline:3px solid var(--text-color);outline-offset:.0625rem}.threads__input:disabled{filter:grayscale(25);opacity:.75;color:var(--text-color);pointer-events:none}.threads__initial-picker{display:flex;cursor:pointer;font-size:var(--step--1);color:var(--button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:var(--space-xs);border:0;width:100%;justify-content:center;line-height:1.2;border:.125rem solid var(--button-color);border-radius:var(--space-xs);background-color:var(--button-color);padding:var(--space-2xs) var(--space-xs);transition:color .3s ease-in-out,background-color .3s ease-in-out}.threads__initial-picker:hover{background-color:#fff;color:var(--button-text-hover-color)}.threads__initial-picker:focus-visible{background-color:#fff;color:var(--button-text-hover-color);outline:3px solid var(--text-color);outline-offset:.0625rem}.threads__initial-picker:disabled{opacity:.75;filter:grayscale(25);pointer-events:none}.threads__grid{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--space-s)}@media only screen and (min-width: 32.5em){.threads__grid{flex-wrap:nowrap;justify-content:space-between}}@media only screen and (min-width: 32.5em){.threads__grid.threads__grid--using-picker{flex-wrap:wrap}.threads__grid.threads__grid--using-picker .swatch{aspect-ratio:2/1}}@media only screen and (min-width: 43.75em){.threads__grid.threads__grid--using-picker{flex-wrap:nowrap}.threads__grid.threads__grid--using-picker .swatch{aspect-ratio:1/1}}.threads__grid:not(:empty){margin-block-start:var(--space-l)}.threads__preview:not(:empty){flex:1 1 50%}.threads__preview:not(:empty) .vacp-color-picker{max-width:none;border-radius:var(--step--2);aspect-ratio:1/1;grid-template-rows:1fr auto auto;margin-block-end:var(--space-xs);padding:var(--space-xs)}@media only screen and (min-width: 43.75em){.threads__preview:not(:empty) .vacp-color-picker{max-height:22.25rem;width:100%}}.threads__preview:not(:empty) .vacp-color-space{height:initial}.threads__preview:not(:empty) .vacp-copy-button{display:none}.threads__preview:not(:empty) .vacp-color-input{color:var(--alt-text-color)}.threads__preview-image{aspect-ratio:1/1;width:100%;border-radius:var(--step--2);overflow:hidden;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-block-end:var(--space-xs)}@media only screen and (min-width: 43.75em){.threads__preview-image{max-height:22.25rem;width:100%}}.threads__preview-text{font-size:var(--step--1)}.threads__preview-open{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--space-3xs);cursor:pointer;color:var(--text-color);text-decoration:underline;background:none;border:0}.threads__preview-open:hover{text-decoration:none}.threads__preview-open:focus-visible{outline:2px solid var(--text-color)}.threads__output{flex:1 1 50%}.threads__output-swatch{max-width:none;margin-block-end:var(--space-2xs)}.threads__output-text{font-size:var(--step--1);display:inline-block;padding:var(--space-3xs);margin-block-end:var(--space-l)}@media only screen and (min-width: 48em){.threads__output-text{margin-block-end:0}}.threads__results:not(:empty){display:flex;gap:20px;margin-block-start:var(--space-s);flex-wrap:wrap;padding:var(--space-s-l);background:var(--panel-color);margin-inline:var(--space-xs);box-shadow:0 0 0 var(--space-xs-s) var(--panel-color);margin-block-end:0;border-radius:.75rem;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23eb4030' stroke-width='6' stroke-dasharray='19%2c 17' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}@media only screen and (min-width: 48em){.threads__results:not(:empty){margin-block-start:var(--space-2xl);border-radius:1.25rem;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23eb4030' stroke-width='6' stroke-dasharray='19%2c 17' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}}@media (prefers-color-scheme:dark){.threads__results:not(:empty){background-color:#eee;box-shadow:0 0 0 var(--space-xs-s) #eee}}.threads__results-text{width:100%;font-size:var(--step-0);color:var(--alt-text-color);font-variation-settings:"wght" 600}.threads__results-list{display:grid;gap:var(--space-xs);width:100%;grid-template-columns:repeat(auto-fill,minmax(min(5rem,100%),1fr))}.threads__results-swatch{width:100%;max-width:none}.threads__more{font-size:var(--step--1);display:flex;color:var(--alt-text-color);flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.threads__more-button{flex-shrink:0;font-size:var(--step--1);color:var(--button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;line-height:1.2;border:.125rem solid var(--button-color);border-radius:var(--space-xs);background-color:var(--button-color);padding:var(--space-2xs) var(--space-xs);transition:color .3s ease-in-out,background-color .3s ease-in-out}.threads__more-button:hover{background-color:#fff;color:var(--button-color)}.threads__more-button:focus-visible{background-color:#fff;color:var(--button-text-hover-color);outline:3px solid var(--text-color);outline-offset:.0625rem}.warning{display:block;font-size:var(--step--2);margin-block-start:var(--step-2);font-style:italic}.warning.warning--push{margin-block-start:var(--step-5)}.spiel{max-width:87.5rem;margin-block-start:var(--space-2xl-3xl);margin-block-end:var(--space-l-xl);margin-inline:auto}@media (min-width: 50em){.spiel{-moz-columns:2;columns:2;-moz-column-gap:3.75rem;column-gap:3.75rem}}.spiel p{font-size:var(--step--1-1);margin-block-end:1lh;-moz-column-break-inside:avoid;break-inside:avoid;font-weight:400;font-variation-settings:"wght" 400}.spiel strong{font-weight:900;font-variation-settings:"wght" 900}.spiel :last-child{margin-block-end:0}.disclaimer{display:block;width:-moz-fit-content;width:fit-content;margin-inline:auto;margin-block-start:var(--space-m);margin-block-end:var(--space-s);font-size:var(--step--2)}.disclaimer strong{font-variation-settings:"wght" 700;display:block;text-align:center;margin-top:var(--space-xs)}.disclaimer a{color:var(--button-color);text-decoration:underline}.disclaimer a:hover,.disclaimer a:focus{text-decoration:none}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--space-s-2xl);justify-content:center;padding-block-start:var(--space-xl);background:var(--main-color-thin);z-index:10}.loading__text{color:var(--text-color);font-size:var(--step-3);position:relative;font-variation-settings:"wght" 900}.loading__text:after{overflow:hidden;position:absolute;left:100%;display:inline-block;vertical-align:bottom;animation:ellipsis steps(4,end) .9s infinite;content:"…";width:0px}.loading__error{color:var(--text-color);font-size:var(--step-3);position:relative;font-variation-settings:"wght" 900}