:root{--primary:#f5e824;--secondary:#8ecd32;--pangram:#772bb1;--link:#3261cd;--blue-grey:#bfc4ce;--green-grey:#b4c1a2;--white:#f2f5ef;--black:#0e0515;--success:hsl(from var(--secondary) h s 70);--error:#fbd0d9;--warning:#fbf1b6;--letter-size:60px;--letter-gap:8px;--button-height:54px;--border-radius:1rem;--focus-width:4px;--body-padding:0.75rem;--focus:0 0 0 var(--focus-width) var(--pangram);--shadow:2px 2px 0 1px hsl(from var(--secondary) h s calc(l * 1.5));--progress-value:hsl(from var(--secondary) h s calc(l * 1.3));--progress-bar:hsl(from var(--secondary) h s calc(l * 1.75));--body-background:hsl(from var(--secondary) h s calc(l * 1.7));--solutions-background:hsl(from var(--secondary) h s calc(l * 1.8));--lightest:hsl(from var(--secondary) h s calc(l * 1.9));--dim:hsl(from var(--black) h s l/40%)}@media (min-width:768px){:root{--letter-size:80px;--letter-gap:12px;--button-height:48px;--body-padding:1rem}}@font-face{font-display:swap;font-family:Lexend;font-weight:400 600;src:url(/fonts/lexend.woff2) format("woff")}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}body{background:var(--body-background);color:var(--black);font-size:20px;margin:0;padding:0}body,button{font-family:Lexend,sans-serif}article{min-height:100vh;padding:var(--body-padding);touch-action:manipulation}@media (min-width:1024px){article{align-items:center;display:flex;flex-direction:row;gap:1rem}}@media (min-width:768px){article[data-page=index]{align-items:center;display:flex;justify-content:center}}#left,#right{display:flex;flex-direction:column}#right{margin-top:1rem}@media (min-width:1024px){#left,#right{width:50%}#right{height:calc(100vh - 2rem);margin-top:0}}#puzzle{height:calc((var(--letter-size) * 3) + (var(--letter-gap) * 2));position:relative}#alert{border-radius:.25rem;box-shadow:var(--shadow);display:inline-block;font-size:1rem;height:var(--button-height);margin:0 auto 1rem;padding:.5rem;text-align:center}#alert.hide{visibility:hidden}#alert.error{background:var(--error)}#alert.success{background:var(--success)}#alert.warning{background:var(--warning)}#alert.pangram{background:var(--pangram);color:var(--white)}#back{--color:var(--solutions-background);left:var(--body-padding);position:absolute;top:var(--body-padding);z-index:9998}.button,button{--color:var(--white);--dark:hsl(from var(--color) h s calc(l * 0.9));--light:hsl(from var(--color) h s calc(l * 1.2));background:var(--color);border-color:var(--light) var(--dark) var(--dark) var(--light);border-radius:var(--border-radius);border-style:solid;border-width:2px;box-shadow:0 0 4px 0 var(--green-grey),var(--shadow);color:var(--black);cursor:pointer;font-size:1rem;height:var(--button-height);padding:0 .45rem;-webkit-text-decoration:none;text-decoration:none;text-shadow:1px 1px var(--light)}.button[disabled],button[disabled]:not(.does-not-exist){--color:var(--blue-grey);--dark:hsl(from var(--color) h calc(s * 0.5) calc(l * 0.95));--light:hsl(from var(--color) h calc(s * 0.5) calc(l * 1.05));background:hsl(from var(--color) h calc(s * .5) l);border-color:var(--dark) var(--light) var(--light) var(--dark);color:hsl(from var(--light) h s calc(l * .8));cursor:auto;text-shadow:-1px -1px var(--light)}@media (min-width:768px){.button,button{border-width:4px;font-size:1.25rem;padding:0 .75rem}}.button{line-height:calc(var(--button-height) - .333rem)}#controls{display:flex;flex-wrap:wrap;font-size:0;justify-content:center;text-align:center}#controls button{border-radius:0}#controls button:focus{position:relative;z-index:2}#controls button:first-of-type{border-radius:var(--border-radius) 0 0 var(--border-radius)}#controls button:last-of-type{border-radius:0 var(--border-radius) var(--border-radius) 0}#submit{--color:var(--secondary)}#submit[disabled]{--color:hsl(from var(--secondary) h s calc(l * 1.3))}:focus{box-shadow:var(--focus);outline:none!important}#hints{align-items:center;display:flex;flex-flow:row wrap;font-size:1rem;gap:0 1rem;overflow:auto}#hints span+span:before{content:"/"}#hints.hide{display:none}@media (min-width:1024px){#hints.hide{display:flex;visibility:hidden}}.done{background:var(--progress-value)}#index{text-align:center;width:100%}img{margin-bottom:1rem}h1{font-weight:600;margin:0}#index-list{align-content:center;display:flex;flex-flow:column wrap;gap:1rem;justify-content:center;list-style:none;padding:0;place-content:center center}#index-list a{background:var(--lightest);border:1px solid var(--progress-value);box-shadow:var(--shadow);color:var(--link);display:block;padding:1rem;-webkit-text-decoration:none;text-decoration:none}#index-list a:focus{box-shadow:var(--focus),var(--shadow)}#index-list .date{font-weight:600}#index-list span{display:block;-webkit-text-decoration:underline;text-decoration:underline}#index-list span+span{color:var(--black);-webkit-text-decoration:none;text-decoration:none}@media (min-width:768px){#index-list{flex-direction:row;width:100%}}.letter{--color:hsl(from var(--primary) h s calc(l * 1.8));--dark:hsl(from var(--color) h s calc(l * 0.85));border-radius:100%;font-size:1.75rem;font-weight:600;height:var(--letter-size);left:50%;margin-left:calc(-.5 * var(--letter-size));margin-top:calc(-.5 * var(--letter-size));min-width:var(--letter-size);position:absolute;text-transform:uppercase;top:50%}.letter:nth-child(2){transform:translateY(calc(-1 * (var(--letter-size) + var(--letter-gap))))}.letter:nth-child(3){transform:translate(var(--letter-size),calc((-.5 * var(--letter-size)) + (var(--letter-gap) * -.5)))}.letter:nth-child(4){transform:translate(var(--letter-size),calc((.5 * var(--letter-size)) + (var(--letter-gap) * .5)))}.letter:nth-child(5){transform:translateY(calc(var(--letter-size) + var(--letter-gap)))}.letter:nth-child(6){transform:translate(calc(-1 * var(--letter-size)),calc((.5 * var(--letter-size)) + (var(--letter-gap) * .5)))}.letter:nth-child(7){transform:translate(calc(-1 * var(--letter-size)),calc((-.5 * var(--letter-size)) + (var(--letter-gap) * -.5)))}.centre{--color:var(--primary)}#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}#loading.hide{display:none}#loading:after{animation:spin 1s linear infinite;border-color:var(--secondary) var(--secondary) var(--secondary) transparent;border-radius:100%;border-style:solid;border-width:8px;content:"";display:block;height:50px;position:absolute;right:50%;top:50%;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}#matrix{border-spacing:1px;margin:1rem auto 0}th{text-transform:uppercase}td,th{padding:.25rem .5rem;text-align:center}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--progress-bar);border:1px solid var(--progress-value);bottom:0;height:100%;left:auto;position:absolute;right:0;top:0;width:calc(100% - 130px);z-index:-1}::-webkit-progress-bar{background:var(--progress-bar)}::-moz-progress-bar{background:var(--progress-value)}::-webkit-progress-value{background:var(--progress-value)}#solutions{background:var(--solutions-background);border:1px solid var(--progress-value);height:70vh;padding:1rem;width:100%}@media (min-width:1024px){#solutions{height:50vh}}#solutions-list{--gap:1rem;--solution-height:2.5rem;grid-column-gap:1rem;grid-column-gap:var(--gap);-moz-column-gap:1rem;column-gap:1rem;-moz-column-gap:var(--gap);column-gap:var(--gap);display:grid;flex:1 1 auto;grid-auto-columns:calc(50% - 1rem);grid-auto-columns:calc(50% - var(--gap));grid-auto-flow:column;grid-template-rows:repeat(auto-fill,2.5rem);grid-template-rows:repeat(auto-fill,var(--solution-height));height:100%;list-style:none;margin:0;overflow-x:auto;padding:0;text-transform:capitalize}#solutions-list li{height:var(--solution-height);line-height:var(--solution-height)}#solutions-list li.pangram{color:var(--pangram);font-weight:600}@media (min-width:1024px){#solutions-list{grid-auto-columns:calc(33.333% - var(--gap));height:50vh}}#no-words{margin:0}#stats{margin:0 0 1rem}#stats div{display:flex;justify-content:space-between;padding:.25rem;position:relative}#stats div+div{margin-top:.5rem}dt{font-weight:600}dd,dt{display:inline}dd span+span:before{content:"/";margin:0 .25rem}#perfect{margin-left:.25rem}#perfect:before{content:"(";margin-right:0}#perfect:after{content:"perfect)";margin-left:.25rem}#perfect.hide{display:none}#two{margin:1rem auto 0}#two ul{display:flex;flex-wrap:wrap;gap:0 1rem;list-style:none;margin:.25rem 0 0;padding:0;text-transform:uppercase}#two li{padding:.25rem}#dialog{background:transparent;border:0;padding:0;z-index:9999}#dialog.fake{align-items:center;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw}#dialog:focus{box-shadow:none}#dialog.fake,#dialog::backdrop{background:var(--dim)}#dialog-inner{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%}#winner-box{animation:winner 1s ease-in-out;background:var(--pangram);border-radius:var(--border-radius);box-shadow:4px 4px 12px hsl(from var(--pangram) h calc(s * .5) calc(l * .5)/50%);color:var(--white);margin:1rem;padding:1.5rem;text-align:center}@media (prefers-reduced-motion){#winner-box{animation:none}}@media (min-width:768px){#winner-box{padding:2rem}}#winner-title{font-size:2rem;text-transform:uppercase}#winner-title:after,#winner-title:before{animation:tilt .5s linear infinite alternate;content:"🎉";display:inline-block}@media (prefers-reduced-motion){#winner-title:after,#winner-title:before{animation:none}}#winner-title:before{margin-right:1rem}#winner-title:after{margin-left:1rem;scale:-1 1}@media (min-width:768px){#winner-title{font-size:3rem}}#winner-text{margin-top:.5rem}@media (min-width:768px){#winner-text{font-size:1.5rem}}@keyframes tilt{0%{transform:rotate(0deg)}to{transform:rotate(30deg)}}@keyframes winner{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}#word{background:none;border:0;font-size:2rem;font-weight:600;margin:.5rem 0;padding:.5rem 0;text-align:center;text-transform:uppercase;width:100%}#word:focus{box-shadow:none}