@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-BbyBr73r.woff2) format("woff2"),url(/assets/courier-prime-latin-400-normal-BAlbUm6l.woff) format("woff")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2) format("woff2"),url(/assets/courier-prime-latin-700-normal-CVvp4Sof.woff) format("woff")}:root{margin:0;padding:0;font-family:Courier Prime,monospace,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:700;font-style:normal;color-scheme:light dark;--color-bg: #242424;--color-text: rgb(235, 235, 235);--color-btn-bg: #1a1a1a;--color-link: #646cff;--color-link-hover: #535bf2;--color-popup-bg: #ffffff;--color-popup-text: #213547;--color-modal-border: rgb(137, 137, 137);--color-keyboard-key: #595959;--color-correct: rgb(51, 119, 45);--color-correct-hover: rgb(39, 96, 34);--color-solution: rgb(59, 106, 179);--color-border: rgb(137, 137, 137);--gap-tiles: .4em;--size-tile: 2em;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-btn-bg);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-link)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-50px;left:8px;z-index:100;padding:.5em 1em;background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-link);border-radius:4px;font-weight:700;text-decoration:none}.skip-link:focus{top:8px}@media(prefers-color-scheme:light){:root{--color-bg: #ffffff;--color-text: #213547;--color-btn-bg: #f9f9f9;--color-link-hover: #747bff;--color-popup-bg: #242424;--color-popup-text: rgb(235, 235, 235);--color-modal-border: #242424;--color-keyboard-key: #213547}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}header{display:grid;grid-template-columns:minmax(1em,1fr) auto minmax(1em,1fr);align-items:center}.header-buttons{display:flex;margin:auto;padding-left:1em}#help-button,#contact-button{padding:.4em;margin:.2em}a{color:#12ae12;text-decoration:none}a:hover{color:#25d425}@media(prefers-color-scheme:light){a{color:green}a:hover{color:#12ae12}}@media(max-width:520px)or (max-height:900px){#root{padding:0;margin:0 auto}h1{font-size:1.5rem;padding:0;margin-top:.5em;margin-bottom:0}#help-button,#contact-button{scale:.8;padding:0;margin-top:.5em;margin-bottom:0}}.modal{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;overflow:auto}.modal-content{background-color:var(--color-bg);border:4px solid var(--color-modal-border);color:var(--color-text);text-align:left;margin:10% auto;padding:2em;width:80%;max-width:600px;border-radius:8px;font-weight:400}.modal-header{display:flex;justify-content:flex-end}.modal-header h2{padding-left:1.8em;margin:auto}#close-modal-button{padding:.6em}ul{margin-top:1em;margin-bottom:1em}@media(max-width:520px)or (max-height:900px){.modal-content{border:2px solid;padding:1em;width:85%;font-size:.8em}.modal h2{margin:auto}#close-modal-button{scale:.8;padding:.4em}}