@import"https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Outfit:wght@700&family=VT323&display=swap";
@font-face{font-family:"Comic Neue";src:url("/fonts/comic-neue/ComicNeue-Bold.woff2");font-weight:700;font-style:normal;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
body{line-height:1.5;-webkit-font-smoothing:antialiased}
img,picture,video,canvas,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
#root,#__next{isolation:isolate}
img{width:100%;-o-object-fit:contain;object-fit:contain;margin:0 auto}
img.pixelart{image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}
img.max-8{max-width:8rem;max-height:8rem}
img.max-16{max-width:16rem;max-height:16rem}
.btn{background-color:#3a322b;color:#faf2eb;font-family:"VT323",monospace;border:.25rem solid #574b41;padding:.25rem .5rem;font-size:1.5rem;position:relative;top:0;cursor:pointer;text-align:center;margin:.5rem 0;display:block;width:100%}
.btn::before{border-bottom:.25rem solid #574b41;position:absolute;inset:0;content:" "}
.btn:not(:disabled):hover{background-color:#1d1915;top:.25rem;text-decoration:none}
.btn:not(:disabled):hover::before{border-bottom:none}
.logo{width:10rem;max-width:100%;align-self:center}
.question{width:100%;font-weight:bold;font-size:2em;text-align:center}
blockquote{font-style:italic;text-align:center;color:#efefef;background-color:#3a322b;border:.25rem solid #756456;padding:1rem 2rem;margin:1rem 0}
.hint{background-color:#a7d392;border:.25rem solid #416d2c;text-align:center;font-size:1.5em;padding:1rem 2rem;margin:1rem 0}
.warning{background-color:#e8c97d;border:.25rem solid #826317;text-align:center;padding:1rem 2rem;margin:1rem 0}
kbd{padding:.1rem .5rem;color:#faf2eb;background-color:#756456;border-bottom:.2rem solid #000;outline:.1rem solid #000;margin:0 .2rem}
.keys{word-spacing:1rem}
.shiki{background-color:#202020;border:.25rem solid #535353;padding:1rem;line-height:1}
.box{display:flex;gap:2rem;width:100%;padding:1rem;margin:1rem 0;border:.25rem solid #3a322b;justify-content:center;align-content:center;align-items:center;text-align:center;flex-wrap:nowrap}
.box.row{flex-direction:row}
.box.col{flex-direction:column}
.box>*{flex-grow:1;flex-shrink:1}
.xxl{font-size:3rem}
.xxxl{font-size:6rem}
.grow-0{flex-grow:0}
.asterism{text-align:center;padding:1em 0}
.asterism::before{content:"⁂";font-family:"VT323",monospace}
.break{margin:2rem 0}
.break::before{content:" "}
.text-center{text-align:center}
.m-auto{margin:auto}
code,.monospace{font-family:"VT323",monospace}
a{text-decoration:none}
a:hover{text-decoration:underline}
.lower{text-transform:lowercase}
input[type=text]{border:.25rem solid #e6bd99;background-color:#fff;width:100%;padding:.25rem .5rem}
.flex{display:flex}
.flex.col{flex-direction:column}
.flex.row{flex-direction:row}
html{width:100%;height:100%}
body{width:100%;min-height:100%}
body{background-color:#3a322b;font-family:"Neuton",serif;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-size:1.25rem}
h1,h2,h3,h4,h5,h6{font-family:"Outfit",sans-serif;font-weight:bold}
.cursive{font-family:"Comic Neue",cursive}
main{background-color:#faf2eb;outline:.25rem solid #d9bea6;border-bottom:.25rem solid #d9bea6;padding:1rem;max-width:60rem;width:100%}
main h1{text-transform:uppercase;margin:1rem 0 .5rem 0;text-align:center}
.katex{font-size:1em}
.auth{display:none}
.noauth{display:initial}
html[data-auth=true] .auth{display:initial}
html[data-auth=true] .noauth{display:none}