@font-face{font-family:Artnoova;src:url(Artnoova-Light.c4ddfbec.woff2)format("woff2");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:Artnoova;src:url(Artnoova-Thin.4c2c1e3d.woff2)format("woff2");font-weight:200;font-style:normal;font-display:block}*,:before,:after{box-sizing:inherit}:root{--light-fg:#216a6a;--light-bg:#fff8e8;--light-backdrop:#fff8e6b3;--dark-fg:#fcedcf;--dark-bg:#095253;--dark-backdrop:#022020b3;--theme-toggle-timing:0s;--bg:var(--light-bg);--fg:var(--light-fg);--backdrop:var(--light-backdrop);--lightweight:300}@supports (color:lab(0% 0 0)){:root{--light-fg:lab(40.41% -22.7183 -7.33644);--light-bg:lab(97.7682% .974625 9.59641);--light-backdrop:lab(97.8358% 2.31069 19.4921/.7);--dark-fg:lab(94.3354% 1.86083 16.3018);--dark-bg:lab(31.0765% -21.0962 -6.79202);--dark-backdrop:lab(9.88441% -11.2592 -3.65946/.7)}}@media (prefers-color-scheme:dark){:root{--fg:var(--dark-fg);--bg:var(--dark-bg);--backdrop:var(--dark-backdrop);--lightweight:200}}:root[data-theme=light]{--fg:var(--light-fg);--bg:var(--light-bg);--backdrop:var(--light-backdrop);--lightweight:300;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--fg:var(--dark-fg);--bg:var(--dark-bg);--backdrop:var(--dark-backdrop);--lightweight:200;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.loaded{--theme-toggle-timing:1s}:root{--fg-a60:oklch(from var(--fg)l c h/.6);background:var(--bg);box-sizing:border-box;color:var(--fg);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;height:100%;transition:var(--theme-toggle-timing)background-color,.4s color;user-select:none;-webkit-tap-highlight-color:transparent;font:300 30px Artnoova,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=400px){:root{font-size:7vw}}::selection{background:var(--dark-backdrop);color:var(--dark-fg)}body{height:100%;margin:0}main{flex-direction:column;height:100%;margin:auto;display:flex;position:relative}[\@click]{cursor:pointer}.top{width:calc(100% - 2em);margin:1em auto auto;display:flex}@media (width<=600px){.top{max-width:10.5em}}.top h1{font-size:1.1em;font-weight:inherit;opacity:.5;margin:0;line-height:1}.top .query{background:var(--bg);color:inherit;cursor:pointer;font:inherit;border:thin solid;border-radius:9999em;width:1.8em;height:1.8em;margin-left:auto;padding:.06em .1em .14em;font-size:.8em;line-height:1;display:block}.help{background:var(--bg);max-width:32em;max-height:32em;transition:var(--theme-toggle-timing)background-color,.2s transform,.3s box-shadow;z-index:100;border:thin solid;border-radius:1.4em;flex-direction:column;margin:auto;padding:1em;font-size:.8em;display:flex;position:absolute;inset:1em;transform:translateY(-100vh)}.show--help .help{box-shadow:0 0 0 9999em var(--backdrop);transform:none}.help .close{background:var(--bg);color:inherit;cursor:pointer;font:inherit;width:1.8em;height:1.8em;transition:var(--theme-toggle-timing)background-color;border:thin solid;border-radius:9999em;line-height:1;display:block;position:absolute;top:.5em;right:.5em}.help .close:before,.help .close:after{content:"";border-top:1.4px solid;position:absolute;inset:calc(50% - .7px) calc(25% - .7px);transform:rotate(45deg)}.help .close:after{transform:rotate(-45deg)}.help h2{margin-block:0 .5em;font-weight:400}.help p{margin-block:.5em}.help .hint{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.help .hint button{color:currentColor;cursor:pointer;background:0 0;border:thin solid;border-radius:9999em;width:2em;height:2em;padding:0;font-size:1.25em;font-weight:300}.help .theme{justify-content:space-between;align-items:center;margin-top:.8em;display:flex}.help .themeToggle{color:currentColor;cursor:pointer;background:0 0;border:thin solid;border-radius:9999em;width:2em;height:2em;padding:0;font-size:1.25em}.help .themeToggle svg{fill:var(--bg);stroke:currentColor;stroke-width:.8px;height:auto;transition:var(--theme-toggle-timing)fill;width:110%;margin:-5%;display:block}.help .themeToggle .rays{transform-origin:50%;transition:transform .4s .4s;transform:scale(1.2)}.help .themeToggle .inner{transition:transform .4s .4s}[data-theme=dark] :is(.help .themeToggle) .rays{transition-delay:.2s;transform:scale(.75)}[data-theme=light] :is(.help .themeToggle) .inner{transition-delay:.2s;transform:translate(-10px)}@keyframes letter-hop{0%{animation-timing-function:ease-out}50%{animation-timing-function:ease-in;transform:translateY(-.5em)}}@keyframes starmoset{0%{background-image:url(starmoset.4cfcb575.gif)}to{background-image:url(marmoset.9d08162a.gif)}}@keyframes reticle{0%{opacity:1}to{opacity:.2}}.board{width:min-content;margin-inline:auto}.board table{border-collapse:collapse;text-align:center;text-transform:uppercase}.board .grid{color:var(--fg-a60);margin-bottom:1.6em;position:relative}.board .grid td{background:var(--bg);border:var(--fg)thin solid;transition:color .2s;overflow:hidden}.board .grid td.first,.board .grid td.last{color:var(--fg)}.board .grid td>div{z-index:10;justify-content:center;align-items:center;width:2.5em;height:2.5em;display:flex;position:relative}.board .grid{--anim-word0:none;--anim-word1:none;--anim-word2:none;--anim-word3:none}.board .grid.word0{--anim-word0:letter-hop}.board .grid.word1{--anim-word1:letter-hop}.board .grid.word2{--anim-word2:letter-hop}.board .grid.word3{--anim-word3:letter-hop}.board .grid .first>div>div{animation:var(--anim-word0).22s 0s,var(--anim-word2).22s 0s}.board .grid .cell0>div>div{animation:var(--anim-word0).22s 80ms}.board .grid .cell1>div>div{animation:var(--anim-word0).22s .16s}.board .grid .cell2>div>div{animation:var(--anim-word1).22s 0s,var(--anim-word0).22s .24s}.board .grid .cell3>div>div{animation:var(--anim-word1).22s 80ms}.board .grid .cell4>div>div{animation:var(--anim-word1).22s .16s}.board .grid .cell5>div>div{animation:var(--anim-word2).22s 80ms}.board .grid .cell6>div>div{animation:var(--anim-word2).22s .16s}.board .grid .cell7>div>div{animation:var(--anim-word3).22s 0s,var(--anim-word2).22s .24s}.board .grid .cell8>div>div{animation:var(--anim-word3).22s 80ms}.board .grid .cell9>div>div{animation:var(--anim-word3).22s .16s}.board .grid .last>div>div{animation:var(--anim-word1).22s .24s,var(--anim-word3).22s .24s}.board .grid.word0 .cell0,.board .grid.word0 .cell1,.board .grid.word0 .cell2,.board .grid.word1 .cell2,.board .grid.word1 .cell3,.board .grid.word1 .cell4,.board .grid.word2 .cell5,.board .grid.word2 .cell6,.board .grid.word2 .cell7,.board .grid.word3 .cell7,.board .grid.word3 .cell8,.board .grid.word3 .cell9{color:var(--fg)}.board .grid .center{image-rendering:crisp-edges;image-rendering:pixelated;background:url(marmoset.9d08162a.gif) 100% 100% no-repeat;position:relative}.status--win :is(.board .grid .center){animation:4s step-end starmoset}.board .grid .rivet.first,.board .grid .rivet.last{background:radial-gradient(transparent 42%,var(--fg)42%,var(--fg)70%,transparent 70%)0 0/5px 5px no-repeat,radial-gradient(transparent 42%,var(--fg)42%,var(--fg)70%,transparent 70%)0 100%/5px 5px no-repeat,radial-gradient(transparent 42%,var(--fg)42%,var(--fg)70%,transparent 70%)100% 100%/5px 5px no-repeat,radial-gradient(transparent 42%,var(--fg)42%,var(--fg)70%,transparent 70%)100% 0/5px 5px no-repeat;width:calc(25% - 8px);height:calc(25% - 8px);position:absolute;overflow:hidden}.board .grid .rivet.first{top:4px;left:4px}.board .grid .rivet.last{bottom:4px;right:4px}.board .grid [x-ref=reticle]{pointer-events:none;z-index:0;width:2.5em;height:2.5em;animation:1s ease-in infinite reticle;position:absolute;overflow:hidden}.board .grid [x-ref=reticle]:before{background:var(--bg);content:"";z-index:-10;border-radius:999em;position:absolute;inset:-4%}.board .grid [x-ref=reticle]:after{border:thin solid var(--fg);box-shadow:0 0 0 1em var(--bg);content:"";z-index:-20;position:absolute;inset:5px}.board .grid [x-ref=starburst]{pointer-events:none;z-index:0;width:2.5em;height:2.5em;position:absolute;overflow:hidden}.board .grid [x-ref=starburst] svg{width:100%;height:100%}.board .grid [x-ref=starburst] path{transform:scale(.5)}.board .grid [x-ref=starburst] circle{fill:var(--bg);transform:scale(.5)}.board .grid [x-ref=starburst].burst{opacity:0;transition:opacity 0s 1s}.board .grid [x-ref=starburst].burst path{transition:transform .4s ease-out;transform:none}.board .grid [x-ref=starburst].burst circle{transition:transform .4s ease-in .2s;transform:none}.board .grid .check{pointer-events:none;transition:transform .4s;position:absolute;top:100%;left:100%}.board .grid .check:before,.board .grid .check:after{content:"";z-index:-10;transition:transform .1s ease-out;display:block;position:absolute}.board .grid .check:before{background:var(--fg-a60);transform-origin:top;width:1px;height:8px;top:4px;left:4px}.board .grid .check:after{border:var(--fg)thin;border-style:none solid solid none;width:6px;height:16px;transition-duration:.2s;top:-8px;left:-3px}.board .grid .check.word0{top:12.5%}.board .grid .check.word1{left:87.5%}.board .grid .check.word2{left:12.5%}.board .grid .check.word3{top:87.5%}:is(.board .grid .check.word0,.board .grid .check.word3):before{top:50%;transform:translate(-16px)rotate(-90deg)}:is(.board .grid .check.word0,.board .grid .check.word3):after{left:24px;transform:translate(-36px)rotate(35deg)}:is(.board .grid .check.word1,.board .grid .check.word2):before{left:50%;transform:translateY(-16px)}:is(.board .grid .check.word1,.board .grid .check.word2):after{top:16px;transform:translateY(-36px)rotate(35deg)}.board .grid .check.active:before{transition-delay:.46s;transform:none}.board .grid .check.active:after{transition-delay:.5s;transform:rotate(35deg)}:is(.board .grid .check.active.word0,.board .grid .check.active.word3):before{transform:rotate(-90deg)}.board .clue{margin-inline:auto}.board .clue td{cursor:pointer;width:2em;height:2em;transition:color .2s;position:relative}.board .clue td:after{content:"";transform-origin:bottom;border-left:thin solid;height:60%;transition:transform .2s;display:inline-block;position:absolute;top:9%;left:25%;transform:rotate(55deg)scaleY(0)}.board .clue .guessed{color:var(--fg-a60)}.board .clue .guessed:after{transform:rotate(55deg)scaleY(1)}.progress{font-size:.7em;font-weight:var(--lightweight);text-align:center;margin:auto 0 0;line-height:1;transition:opacity .4s 1s;display:block}.progress[hidden]{opacity:0;transition:none}.buttons{justify-content:center;margin:auto 0;padding-bottom:.8em;display:flex;position:relative}.buttons button{background:var(--bg);color:inherit;cursor:pointer;font:inherit;border:thin solid;border-radius:9999em;width:2em;height:2em;margin-inline:.6em;padding:0;line-height:1.1;position:relative}.buttons button span{font-size:.6em;font-weight:var(--lightweight);letter-spacing:1px;text-align:center;text-transform:uppercase;position:absolute;inset:116% -100% auto}.buttons button svg{fill:none;stroke:currentColor}.buttons div.share{pointer-events:none;z-index:100;width:calc(100% - 2em);max-width:28em;font-size:.6em;position:absolute;inset:auto auto calc(100% + 1em)}.buttons div.share:before{background:var(--backdrop);content:"";opacity:0;z-index:-10;transition:opacity .15s;position:fixed;inset:-100vh -100vw}.buttons div.share output{background:var(--bg);transform-origin:50% 110%;user-select:text;word-break:break-word;border:thin solid;border-radius:1.4em;padding:.8em 1em .9em;transition:transform .15s;display:block;overflow:auto;transform:scale(0)}.show--share .buttons button.share{z-index:110}.show--share .buttons div.share{pointer-events:auto}.show--share .buttons div.share:before{opacity:1}.show--share .buttons div.share output{transform:none}[x-cloak]{display:none!important}#confetti{z-index:-10;position:relative}
/*# sourceMappingURL=alphabet-loop.9d0d3dd4.css.map */