@import"https://cdn.jsdelivr.net/npm/water.css@2/out/light.min.css";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap";.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-info: #cfcfcf;--color-info-text: #000;--color-primary: #1095c1;--color-primary-text: #fff;--color-danger: #e71f1f;--color-danger-text: #fff;--input-border-radius: 6px;--button-font: inherit}body{margin:0 auto;padding:0;display:flex;width:100vw;max-width:940px;min-height:100vh;flex-direction:column;box-sizing:border-box}body.isLoggedIn .showIfLoggedOut{display:none}body:not(.isLoggedIn) .showIfLoggedIn{display:none}button{background:var(--color-info);color:var(--color-info-text);transition:filter .2s;font-weight:700;font-family:var(--button-font)}button>svg,button>img{vertical-align:middle}button[color=primary]{background:var(--color-primary);color:var(--color-primary-text)}button[color=danger]{background:var(--color-danger);color:var(--color-danger-text)}button[color=clear]{background:transparent;color:var(--text-main)}button[outline]{background:transparent;border:2px solid var(--color-info);color:var(--text-main)}button[outline][color=primary]{background:transparent;border:2px solid var(--color-primary)}button[outline][color=danger]{background:transparent;border:2px solid var(--color-danger)}button:hover{filter:brightness(.8)}button,input,select,textarea{border-radius:var(--input-border-radius)}.fork-ribbon{position:fixed;bottom:55px;right:-135px;width:400px;text-align:center;background:#ed7118;padding:.25em;transform:rotate(-45deg);font:700 15px sans-serif;color:#fff}body:not([ready]){overflow:hidden}body[ready]>.splash{pointer-events:none;opacity:0}body>.splash{background-color:var(--background-body);display:flex;position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;transition:opacity linear .3s}game-controls{background:var(--background-body);padding-bottom:16px}game-header{background:var(--background-body)}game-header *[slot=brand]{font-size:1.5rem;vertical-align:middle;align-items:center}game-header *[slot=brand] img{height:1.5rem}[toggleable]:not([open]),[toggle][open] *[open=false],[toggle]:not([open]) *[open=true]{display:none!important}.fieldset{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:8px}.fieldset label{display:inline-block}.fieldset select,.fieldset input,.fieldset textarea{display:block;flex:1}.flex{display:flex}.flex.center{justify-content:center;align-items:center}.flex-spacer{flex:1}@media only screen and (max-width: 600px){.fieldset{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;gap:8px}.fieldset select,.fieldset input,.fieldset textarea{width:100%}}.hide{display:none!important}.modal{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:auto;z-index:9999;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .2s;box-sizing:border-box;padding:16px}.modal[open]{pointer-events:unset;opacity:1}.modal[open] .modal-fade:hover{cursor:pointer}.modal .modal-fade{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.modal .modal-body{pointer-events:filled;background:white;width:100%;max-width:400px;border:0px solid transparent;box-shadow:0 6px 3px #000c;border-radius:12px;color:#000;opacity:0;transform:translateY(-20px);transition:opacity .2s,transform .2s;padding:16px;z-index:1;box-sizing:border-box}.modal[open] .modal-body{opacity:1;transform:translateY(0);transition:opacity .2s .2s,transform .3s .2s}.modal .modal-controls:empty{display:none}.modal .modal-controls{padding:8px;justify-content:end;display:flex}.modal .modal-controls:last-child{margin-top:16px;justify-content:center}.modal button:hover{cursor:pointer}:root{--autocomplete-option-color: #fff;--autocomplete-text-color: #000;--autocomplete-hover-color: #e9e9e9;--autocomplete-hover-text-color: #fff;--autocomplete-focus-color: DodgerBlue;--autocomplete-focus-text-color: #fff}auto-complete{position:relative;display:inline-block}auto-complete input{margin:0;width:100%;box-sizing:border-box}auto-complete .items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0;list-style:none;text-align:left;padding:0;margin:0}auto-complete .option{padding:10px;cursor:pointer;background-color:var(--autocomplete-option-color);border-bottom:1px solid #d4d4d4;color:var(--autocomplete-text-color);white-space:nowrap}auto-complete .option strong{color:var(--autocomplete-text-color)}auto-complete .option:hover{background-color:var(--autocomplete-hover-color);color:var(--autocomplete-hover-text-color)}auto-complete .option:hover strong{color:var(--autocomplete-hover-text-color)}auto-complete .option:focus{background-color:var(--autocomplete-focus-color);color:var(--autocomplete-focus-text-color)}auto-complete .option:focus strong{color:var(--autocomplete-focus-text-color)}auto-complete .option p{margin:0 0 -4px}auto-complete .option sub{opacity:.5}:root{--progress-range-color: black;--progress-fill-color: red}#game-screen[active]{display:flex;flex-direction:column;align-items:center}#game-screen game-controls{flex-direction:column}#controls>*{flex:1}#game-screen .progress{position:relative;display:block;width:100%;height:16px;border:1px solid var(--text-main);margin:8px 0;box-sizing:border-box}#game-screen .progress>.fill{position:absolute;display:block;left:0;right:100%;top:0;bottom:0;background:var(--progress-range-color)}#game-screen .progress>.fill[name=time]{position:absolute;display:block;left:0;right:100%;top:0;bottom:0;background:var(--progress-fill-color)}#game-screen .form{width:100%;max-width:600px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;flex-direction:column}#game-screen .form button{display:inline-block;margin:0}#game-screen auto-complete{display:block;margin-bottom:8px}#game-screen .result:hover{cursor:pointer}#results-screen[active]{display:flex;flex-direction:column;align-items:center}#results-screen[result=gameover] *[solved],#results-screen[result=solved] *[gameover]{display:none}#results-screen button[name=shareTwitter]{background:#1DA1F2;color:#fff}#results-screen button[name=shareReddit]{background:#FF5700;color:#fff}:root,:host{--background: #ECEFF4;--background-body: #2E3440;--form-text: #2E3440;--text-main: #fff;--text-bright: #fff;--text-main-filter: invert(100%) sepia(45%) saturate(2%) hue-rotate(327deg) brightness(117%) contrast(100%);--brand-color: #88C0D0;--color-primary: #A3BE8C;--color-primary-text: var(--form-text);--color-danger: #BF616A;--color-info: #D8DEE9;--color-info-text: var(--form-text);--input-border-radius: 0px;--button-font: sans-serif;--autocomplete-hover-color: var(--color-primary);--autocomplete-focus-color: var(--color-primary)}body{padding:0 1em;font-family:Work Sans,sans-serif}game-header .button{width:24px;height:24px;cursor:pointer;transition:opacity .2s}game-header .button:hover{opacity:.5}game-header .button img{filter:var(--text-main-filter)}game-header .button img,game-header .button svg{height:100%}game-header *[slot=brand]{display:flex;gap:.5em;margin:0;justify-content:center;color:var(--text-main)}game-header *[slot=brand] img{filter:var(--text-main-filter)}screen-router>*{text-align:center}.splash h1{padding:8px;display:inline-block;width:4em;height:4em;line-height:1.5em;text-align:center;vertical-align:middle;filter:var(--text-main-filter)}audio-ext{display:none;width:100%;height:56.25vw;max-width:600px;max-height:337.5px;aspect-ratio:16 / 9;margin:0 auto}audio-ext iframe{width:100%;height:100%}screen-router[open="#results-screen"] audio-ext{display:block}body[mode=free] *[mode]:not([mode="free"]),body[mode=free-hard] *[mode]:not([mode="free"]),body[mode=timed] *[mode]:not([mode="timed"]),body[type=audio] *[game-type]:not([game-type="audio"]),body[type=text] *[game-type]:not([game-type="text"]){display:none!important}footer{margin-top:40px;font-size:.8em}.results{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%;max-width:500px;flex-grow:1}.results .result{display:block;border:1px solid var(--text-main);padding:8px;line-height:1.2em;margin-bottom:8px;box-sizing:border-box;text-align:left;opacity:1}.results .result[s]{opacity:.6}.results .result:not([s])~.result:not([s]){opacity:.2}.results .result:before{content:"";background-image:url(https://icons.getbootstrap.com/assets/icons/square.svg);background-size:contain;background-repeat:no-repeat;display:inline-block;margin-right:.5em;width:1em;height:1em;vertical-align:-.1em;filter:var(--text-main-filter)}.results .result[s=c]:before{background-image:url(https://icons.getbootstrap.com/assets/icons/x-square-fill.svg)}.results .result[s=b]:before{background-image:url(https://icons.getbootstrap.com/assets/icons/check-square-fill.svg)}.results .result[s=_]:before{background-image:url(https://icons.getbootstrap.com/assets/icons/slash-square.svg)}.lds-ring div{border-color:var(--brand-color) transparent transparent transparent}.modal .modal-body{color:var(--text-main)}.modal .modal-body{background:var(--background-body);border:inset 1px rgba(255,255,255,.7);text-align:center}