html{--text: light-dark(#160d17, #f1e8f2);--text-2: light-dark( oklch(from var(--text) calc(l + .08) c h), oklch(from var(--text) calc(l - .08) c h) );--text-3: light-dark( oklch(from var(--text) calc(l + .16) c h), oklch(from var(--text) calc(l - .16) c h) );--text-4: light-dark( oklch(from var(--text) calc(l + .32) c h), oklch(from var(--text) calc(l - .32) c h) );--text-5: light-dark( oklch(from var(--text) calc(l + .64) c h), oklch(from var(--text) calc(l - .64) c h) );--background: light-dark(#faf8fc, #050307);--background-2: light-dark( oklch(from var(--background) calc(l - .005) c h), oklch(from var(--background) calc(l + .02) c h) );--background-3: light-dark( oklch(from var(--background) calc(l - .01) c h), oklch(from var(--background) calc(l + .04) c h) );--background-4: light-dark( oklch(from var(--background) calc(l - .02) c h), oklch(from var(--background) calc(l + .08) c h) );--background-5: light-dark( oklch(from var(--background) calc(l - .04) c h), oklch(from var(--background) calc(l + .16) c h) );--background-6: light-dark( oklch(from var(--background) calc(l - .06) c h), oklch(from var(--background) calc(l + .24) c h) );--background-7: light-dark( oklch(from var(--background) calc(l - .08) c h), oklch(from var(--background) calc(l + .32) c h) );--primary: light-dark(#c232d2, #7f0f8a);--secondary: light-dark(#e575f0, #7f0f8a);--accent: light-dark(#eb44fd, #a802bb)}.spinner-loader-1{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--text) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--text));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:spinner-loader-1-l13 1s infinite linear}@keyframes spinner-loader-1-l13{to{transform:rotate(1turn)}}@font-face{font-family:Rubik;src:url(/fonts/Rubik/Rubik-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Knewave;src:url(/fonts/Knewave/Knewave-Regular.ttf) format("truetype")}@font-face{font-family:Space Grotesk;src:url(/fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf) format("truetype")}html{overscroll-behavior:none;color:var(--text);accent-color:var(--primary);background-color:var(--background)}#content{overflow:hidden;position:absolute;z-index:-1;width:min(100vw,56.25vh);height:min(100vh,calc(100vw * 16 / 9));margin:0;translate:-50% -50%;left:50%;top:50%}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fill_parent{position:absolute;margin:0;padding:0;top:0;left:0;width:100%;height:100%}.comic-border{border-color:#000;border-width:.2rem;border-style:solid;box-shadow:.6rem .6rem 0 .3rem #000}.skipinput{pointer-events:none}.skipinput *{pointer-events:auto}.settings-toggle{margin:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.settings-toggle input{float:right}.settings-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:3.2rem;height:1.8rem;background-color:var(--background);border:.2rem solid black;border-radius:2rem;position:relative;cursor:pointer;outline:none;transition:background-color .2s ease}.settings-toggle input[type=checkbox]:before{content:"";position:absolute;top:50%;left:.2rem;transform:translateY(-50%);width:1.1rem;height:1.1rem;border-radius:50%;background-color:var(--text);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.settings-toggle input[type=checkbox]:checked{background-color:var(--primary)}.settings-toggle input[type=checkbox]:checked:before{transform:translate(1.4rem,-50%)}#home{font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-size:1.1em;font-style:normal}#home h1{font-size:3em;text-align:center;font-family:Knewave,sans-serif;font-weight:400;font-style:normal;text-shadow:5px 5px var(--primary)}#home form{margin-left:2rem;margin-right:2rem;margin-top:0;margin-bottom:0}#home form>*{width:100%;box-sizing:border-box}#home input[type=text]{border-radius:4px;text-decoration:none;padding:8px;background-color:var(--background-5);font-size:2rem;color:var(--text);accent-color:var(--primary)}#home input[type=submit]{border-radius:16px;padding:8px;background-color:var(--primary);color:var(--text);font-size:2rem}#home input[type=submit]:disabled{background-color:var(--primary);color:oklch(from var(--text) calc(l*.9) c h / .25)}#home input:focus{outline:2px solid light-dark(black,white)}.menu-button{color:var(--text-3);-webkit-user-select:none;user-select:none;-moz-user-select:none;background-color:transparent;border-width:0}.menu-button .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" -25,"opsz" 48;font-size:2.5rem}.menu-button:visited{color:var(--text-3)}.menu-button:hover{color:var(--text-4)}.menu-button:active{color:var(--text-5)}.mainscreen-menu{max-width:90%;max-height:80%;width:30rem;height:40rem;position:absolute;top:50%;left:50%;translate:-50% -50%;background-color:var(--background-4);border-color:#000;border-width:.4rem;border-style:solid;border-radius:2rem;box-shadow:1rem 1rem 0 .3rem #000}.halftone-bg{--dot: light-dark( oklch(from var(--background, #faf8fc) calc(l - .05) c h), oklch(from var(--background, #050307) calc(l + 0) c h) );background-color:light-dark(oklch(from var(--background, #faf8fc) calc(l + 0) c h),oklch(from var(--background, #050307) calc(l + .05) c h));background-image:radial-gradient(circle,var(--dot) 3.5px,transparent 3.5px);background-size:20px 20px}.flipcard{perspective:800px;-moz-perspective:800px;-webkit-perspective:800px}.flipcard .face{padding:1em;text-align:center}.flipcard.flipping{transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flipcard.flipping .face{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipcard .face.flipped{display:none}.flipcard .face{animation-direction:normal;animation-duration:.4s;animation-timing-function:cubic-bezier(.2,.2,.2,1.2);animation-fill-mode:both;-moz-animation-fill-mode:both;-webkit-animation-fill-mode:both}.flipcard .face.flip-out{animation-name:cardFlip}.flipcard .face.flip-in{animation-name:cardFlipReverse}@keyframes cardFlip{0%{transform:rotateY(0);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);translate:-50% -50% 0;display:block}50%{translate:-50% -50% 75px;box-shadow:0 .5rem 0 .3rem #000;display:none}to{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);translate:-50% -50% 0}}@keyframes cardFlipReverse{0%{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);translate:-50% -50% 0;display:none}50%{translate:-50% -50% 75px;box-shadow:3.5rem .5rem 0 .3rem #000;display:block}to{transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);translate:-50% -50% 0;display:block}}