:root{--color-text:#dcdcdc;--color-bg:#000;--color-surface:#111;--color-surface-2:#333;--color-surface-3:#444;--color-border:#ccc;--color-accent:#16dd83;--color-accent-ring:#16dd8333;--color-muted:#8a8a8a;--color-danger:red;--color-danger-tint-20:#f003;--color-danger-tint-30:#ff00004d;--font-family-base:"Fixedsys",monospace;--font-family-mono:"Fixedsys",monospace;--font-size-base:18px;--font-size-80:0.8em;--font-size-90:0.9em;--font-size-100:1em;--font-size-110:1.1em;--font-size-130:1.3em;--font-size-140:1.4em;--font-size-150:1.5em;--font-size-160:1.6em;--font-size-title:1.8rem;--space-0:0;--space-xxs:4px;--space-xs:8px;--space-sm:10px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:40px;--space-vh-2:2vh;--space-vh-5:5vh;--container-width:50vw;--container-min-width:300px;--container-max-width:800px;--viewport-height:100svh;--min-tap-height:5vh;--radius-sm:4px;--transition-fast:0.15s;--transition-medium:0.3s;--easing-standard:ease;--focus-ring:0 0 0 3px var(--color-accent-ring);--fab-size:48px;--min-section-height:60vh;--header-offset:80px;--font-size-mobile-base:14px;--font-size-tablet-base:24px;--font-size-subject-mobile:1.6rem}@font-face{font-family:Fixedsys;font-style:normal;font-weight:400;src:url(/static/media/fixedsys.d7db225cf6b5b7d4f09d.woff) format("woff")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family-base),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;margin:0}*{font-family:var(--font-family-base);font-size:var(--font-size-110)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.options{display:flex;flex-direction:column;font-size:var(--font-size-110);justify-content:flex-start;margin-top:var(--space-sm);max-height:calc(100vh - 80px);overflow-y:auto;width:100%}.options.is-hidden{opacity:0}.option.center{text-align:center}.option:hover,.selected-option{background-color:var(--color-surface)}.selected-option{color:var(--color-accent);font-size:var(--font-size-110)}.red-tint{background-color:var(--color-danger-tint-20);transition:background-color .3s}.option.red-tint{background-color:var(--color-danger-tint-30)!important}.play-container{text-align:center}.explanation,.play-container{font-size:var(--font-size-110)}.explanation{margin-top:20px}.explanation-text{margin-bottom:var(--space-3xl)}.explanation-text,.play-page{font-size:var(--font-size-110)}.play-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding-bottom:var(--space-vh-5);position:relative;text-align:center}.result-label{font-size:var(--font-size-150);margin-bottom:20px;text-align:center;text-transform:uppercase}.wrong-text{color:var(--color-danger)}.centertext{text-align:center}body{align-items:center;background-color:var(--color-bg);color:var(--color-text);display:flex;font-family:var(--font-family-base);font-size:var(--font-size-base);height:var(--viewport-height);justify-content:center}.App{background-color:initial;margin:auto;max-width:800px}:focus-visible{outline:none}.game-page,.landing-page{align-items:center;background-color:initial;display:flex;flex-direction:column;font-size:var(--font-size-110);justify-content:center;text-align:center}.loading-typed-element{display:inline}.landing-page ul{list-style-type:none;padding:0}.landing-page li{background-color:var(--color-surface-2);cursor:pointer;margin:var(--space-sm) 0;padding:var(--space-sm)}.landing-page li:hover{background-color:var(--color-surface-3)}.new-subject-card{background-color:initial;font-size:var(--font-size-110);text-align:center;width:100%}.new-subject-card label{color:var(--color-accent);display:block;font-size:var(--font-size-110);margin-bottom:var(--space-sm)}.new-subject-card input{background-color:var(--color-surface);border:2px solid #0000;border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text);font-size:var(--font-size-110);margin-top:var(--space-lg);outline:none;padding:var(--space-sm);text-align:center;transition:border-color var(--transition-fast) var(--easing-standard),box-shadow var(--transition-fast) var(--easing-standard)}.new-subject-card input::placeholder{color:var(--color-muted)}.new-subject-card input:focus,.new-subject-card input:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.container{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--font-size-110);justify-content:center;margin:var(--space-vh-2) auto;max-width:600px;max-width:var(--container-max-width);min-width:var(--container-min-width);overflow-y:auto;padding:var(--space-xl);text-align:left;width:var(--container-width)}h2{color:var(--color-accent);font-size:var(--font-size-160);margin-bottom:var(--space-xs);margin-top:0;width:100%}.center,h2.center{text-align:center}button{background-color:initial;border:none;color:var(--color-text);cursor:pointer;flex-shrink:0;font-size:var(--font-size-110);margin:var(--space-xs) 0;min-height:var(--min-tap-height);padding:var(--space-sm) var(--space-xl);width:100%}button.option{text-align:left}button.wrapped{width:auto}button.centered{display:block;margin-left:auto;margin-right:auto;text-align:center}button:focus,button:hover{background-color:var(--color-surface)}.wrap-content{display:inline-block;white-space:nowrap}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.text-danger{color:var(--color-danger)}.options-container{margin-top:20px;text-align:center}.bottom-center-message{bottom:var(--space-sm);color:var(--color-text);font-size:var(--font-size-80);left:50%;position:fixed;transform:translateX(-50%)}.fab{display:none}.subject-label{background-color:initial;color:var(--color-accent);font-size:var(--font-size-title);left:0;padding:var(--space-md) var(--space-lg);position:fixed;top:0}@media only screen and (min-device-width:320px) and (-webkit-min-device-pixel-ratio:2) and (pointer:coarse){body{font-size:14px}#root{width:100%}.bottom-center-message{display:none}.container{width:100%}h2{font-size:var(--font-size-130)}h2.typing-question{font-size:var(--font-size-100)}.loading-typed-element{font-size:var(--font-size-80)}.subject-label{background-color:initial;color:var(--color-accent);display:block;font-size:1.6rem;left:0;padding:var(--space-xxs) var(--space-lg);top:0}.selected-option,button{background-color:var(--color-surface);font-size:var(--font-size-90)}.selected-option{color:var(--color-text)}.explanation-text{font-size:var(--font-size-90);margin-bottom:var(--space-3xl)}button.fab{background-color:var(--color-surface);border-radius:50%;bottom:var(--space-xl);color:var(--color-accent);display:inline-block;font-size:var(--font-size-100);height:48px;padding:0;position:fixed;right:var(--space-xl);width:48px}.new-subject-card input{box-sizing:border-box;width:100%}}@media only screen and (min-device-width:768px) and (-webkit-min-device-pixel-ratio:2) and (pointer:coarse){body{font-size:24px}button{margin:var(--space-md) 0}button.fab{height:var(--space-vh-5);width:var(--space-vh-5)}.subject-label{display:block;font-size:var(--font-size-100);left:50%;padding:var(--space-md) var(--space-2xl);transform:translateX(-50%)}h2.typing-question{font-size:var(--font-size-140)}}
/*# sourceMappingURL=main.beb4536f.css.map*/