.madLogo_logo__ZxC75{position:fixed;top:0;right:0;z-index:1000;padding:var(--spacing-sitepadding);width:6rem}.madLogo_logo__ZxC75 svg{width:100%}@font-face{font-family:Circular;src:url(/fonts/CircularStd-Book.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Circular;src:url(/fonts/CircularStd-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Circular;src:url(/fonts/CircularStd-Bold.woff) format("woff");font-weight:700;font-style:normal}:root{--font-main:"Circular",sans-serif;--color-black:#000;--color-white:#fff;--color-offwhite:#e2d8d0;--color-yellow:#faf338;--color-blue-light:#b4dddd;--color-green:#3b885b;--color-green-light:#84a592;--color-green-xtralight:#bcd5c6;--color-red:#ed9196;--color-sea:#6abfd3;--color-sky-dab:#aedee6;--color-sky-dam:#8dd3db;--color-background:var(--color-sky-dam);--color-text:var(--color-black);--color-highlight:var(--color-green-xtralight);--color-correct:var(--color-green-light);--color-incorrect:var(--color-red);--color-button:var(--color-white);--color-button-alt:#e6ede8;--color-button-shadow:#d5cdc3;--color-button-hover:#f4f0eb;--color-play:var(--color-green);--color-play-shadow:#4b694e;--color-play-hover:#3d9361;--color-addscore:#fca036;--color-addscore-shadow:#c38034;--color-addscore-hover:#ffb24d;--color-activated:#5e8a70;--spacing-sitepadding:1rem;--box-shadow:0 .5rem .75rem rgba(0,0,0,.2)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:calc(13px + 8*(100vw - 320px)/1600);min-height:100%}body,html{background-color:var(--color-background)}body{height:100%;margin:0;padding:0;color:var(--color-text);font-family:var(--font-main);line-height:1.5}a{color:inherit}.button{display:block;width:80vw;max-width:18rem;border:none;border-radius:.5rem;padding:1rem 2rem;margin:0 auto .5rem;background:var(--color-white);color:var(--color-black);font-family:var(--font-main);font-size:1rem;line-height:inherit;box-shadow:0 .2rem 0 var(--color-button-shadow);transition:all .2s ease}.button:hover{cursor:pointer;background:var(--color-button-hover)}.button-play{background:var(--color-play);color:var(--color-white);box-shadow:0 .2rem 0 var(--color-play-shadow)}.button-play:hover{background:var(--color-play-hover)}.button-addscore{background:var(--color-addscore);box-shadow:0 .2rem 0 var(--color-addscore-shadow)}.button-addscore:hover{background:var(--color-addscore-hover)}.button-submit{background:var(--color-play);color:var(--color-white);box-shadow:0 .2rem 0 #4b694e}.button-submit:hover{background:var(--color-play-hover)}.button-cancel{background:#ededed;box-shadow:0 .2rem 0 #d8d8d8}.button-cancel:hover{background:#f3f3f3}.buttonlink{font-size:.75rem;background:none;outline:none;border:none;color:inherit;font-family:inherit;opacity:.6;margin:1em auto;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.sharing{display:flex;flex-direction:column;align-items:center}input[type=email],input[type=text]{display:block;width:80vw;max-width:18rem;background:var(--color-white);border:1px solid;border-radius:.5rem;margin:0 auto 1rem;padding:.75rem 1rem;font-family:var(--font-main);font-size:1rem;color:var(--color-black);line-height:inherit;transition:all .2s ease}input[type=email]:active,input[type=email]:focus,input[type=text]:active,input[type=text]:focus{box-shadow:0 0 0 1px currentColor;outline:none}