*:where(:not(html):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}input{-webkit-user-select:auto}::placeholder{color:unset}:where([hidden]){display:none}:root{--cell-gap: 5px;--cell-size: 62px;--bg-correct: #538d4e;--bg-exclude: #3a3a3a;--bg-include: #b59f3b;--fg-correct: #ffffff;--fg-exclude: #ffffff;--fg-include: #ffffff}body{min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}:root{--color-background: #222222;--color-foreground: #dddddd;--color-exclude: #3a3a3a;--color-include: #b59f3b;--color-mask: #538d4e;--font-body: Poppins, sans-serif;--font-monospace: "Roboto Mono", monospace}.exclude{color:var(--color-exclude)}label[for=exclude]+input{background-color:var(--color-exclude)}.include{color:var(--color-include)}label[for=include]+input{background-color:var(--color-include)}.mask{color:var(--color-mask)}label[for=mask]+input{background-color:var(--color-mask)}html{background:var(--color-background)}body{color:var(--color-foreground);display:flex;flex-direction:column;font-family:var(--font-body);font-size:20px}header{border-bottom:1px solid var(--color-mask);height:100px;line-height:100px;text-align:center}h1{font-size:40px}main{flex:1;margin-inline:auto;width:min(80%,750px)}label{display:block;font-size:30px;text-shadow:0 0 2px var(--color-background)}input{border:1px solid var(--color-foreground);color:#ddd;font-family:var(--font-monospace);font-size:30px;letter-spacing:20px;margin-block-end:30px;text-align:center;text-transform:uppercase}input:focus{outline:1px solid currentColor}.results p{color:var(--color-foreground);font-size:30px;text-align:center;text-shadow:0 0 4px var(--color-background)}p.monospace{font-family:var(--font-monospace);line-height:56px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-mask) transparent;word-spacing:15px}p.monospace::-webkit-scrollbar{width:10px}p.monospace::-webkit-scrollbar-track{background:transparent}p.monospace::-webkit-scrollbar-thumb{background-color:var(--color-mask);border-radius:0;border:1px solid var(--color-foreground)}footer{border-top:1px solid var(--color-mask);color:var(--color-foreground);height:50px;line-height:50px;text-align:center;text-transform:lowercase}footer a{color:var(--color-mask);cursor:pointer;text-decoration:underline}footer a:hover{text-decoration:none}@media (min-width: 43rem){main{align-items:center;display:flex;width:min(80%,1920px)}main section{flex:1;transition:flex .5s}#settings{overflow:hidden}#settings.hidden{flex:.00001}p.monospace{max-height:400px;overflow-y:auto}}.text{animation:stroke 6s infinite linear;fill:none;stroke-width:.75;stroke-linejoin:round;stroke-dasharray:40 98;stroke-dashoffset:0}.text:nth-child(3n+1){animation-delay:-2s;stroke:#b59f3b}.text:nth-child(3n+2){animation-delay:-4s;stroke:#538d4e}.text:nth-child(3n+3){animation-delay:-6s;stroke:#ddd}@keyframes stroke{to{stroke-dashoffset:-138}}svg{height:100px;font-size:30px;max-width:70%}.grid{display:grid;grid-gap:var(--cell-gap);grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);max-height:calc(var(--cell-size) * 6 + var(--cell-gap) * 5);max-width:calc(var(--cell-size) * 5 + var(--cell-gap) * 4);text-transform:uppercase}.grid>div{aspect-ratio:1;border:2px solid #3a3a3c;font-size:2rem;height:var(--cell-size);line-height:var(--cell-size);text-align:center}.grid>div.initial:not(:empty){border-color:#565758}.grid>div.correct{background:var(--bg-correct);color:var(--fg-correct)}.grid>div.exclude{background:var(--bg-exclude);color:var(--fg-exclude)}.grid>div.include{background:var(--bg-include);color:var(--fg-include)}