@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Waltograph;src:url(/magicle/static/media/waltograph.regular.5c673f034ed8822ce869.ttf)}*{font-family:Roboto;margin:0;overscroll-behavior:none;padding:0}.overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99}.tutorial{background-color:#333;border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:10px;padding:20px;width:80vw}.tutorial li{list-style-position:inside}.tutorial ol{display:flex;flex-direction:column;gap:5px}.close{cursor:pointer;transition:color .5s}.close:hover{color:#d2052d}.bar{align-items:center;display:flex;justify-content:space-between}body{background-color:#222}.App{flex-direction:column;min-height:100vh}.App,.play{display:flex}.play{background-color:#111;color:#fff;cursor:pointer;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.play span{font-size:8rem;margin-top:40px}.results{background-color:#111;box-sizing:border-box;color:#fff;left:0;padding:20px;position:absolute;top:0;z-index:10}.header{background-color:#fbfbfb;font-weight:700;padding:5px}.actions{display:flex;gap:10px}.help{align-items:center;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;height:39px;justify-content:center;width:39px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 24}.share{align-items:center;background-color:#003699;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:5px;justify-content:center;padding:5px 30px}.number{background:none;border:none;color:#000;font-size:1rem;outline:none;padding:10px}h1{font-size:4rem}h1,h2{font-family:Waltograph}.results-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin-bottom:10px}.results-title img{width:24px}.title{background:linear-gradient(90deg,#0a1c2a 0,#18697c 50%,#2eb2bf);color:#fff;font-size:1.2rem;padding:40px;text-align:center}.title img{margin-bottom:5px}.game{color:#fff;flex:1 1;font-size:2rem;gap:20px;padding:20px}.game,.quotation{display:flex;flex-direction:column;position:relative}.quotation{background:#111;background-position:50%;background-size:cover;border-radius:15px;gap:10px;overflow:hidden;padding:40px 20px}.quote{font-style:italic}.author,.quote{text-align:center}.author{font-size:1.5rem}.header{display:flex;justify-content:space-between}.quote-origin{font-size:1.5rem!important;text-align:left!important;width:9em!important}.quote-input{background:none;border:none;border-bottom:1px solid #fff;color:#fff;display:inline-block;font-size:2rem;font-style:italic;outline:none;text-align:center;text-transform:lowercase;vertical-align:middle;width:4.5em}input[type=text]{-webkit-appearance:none;-webkit-border-radius:0}.controls{display:flex;gap:10px;justify-content:center;width:100%}.next,.previous{background-color:#111;border:none;border-radius:20px;color:#fff;cursor:pointer;max-width:500px;padding:10px 30px;transition:opacity .3s ease-in-out;width:50%}.next span,.previous span{font-size:1rem;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 16}.previous{background-color:#18697c}.next{background-color:#2eb2bf}.previous:hover{opacity:.8}.next:disabled{background-color:#111}.next:hover{opacity:.8}.correct{align-items:center;background-color:#00846bcc;cursor:pointer;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.correct span{font-size:3rem;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}.image{filter:blur(80px);max-width:300px}.hint{border-radius:15px;height:100%;margin:0 auto;overflow:hidden;position:relative}.hint,.reveal{align-items:center;display:flex;justify-content:center}.reveal{background:#ffffff4d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;gap:5px;padding:5px 20px;transition:background-color .5s;z-index:2}.reveal:hover{background:#ffffff80}.block{height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.block,.tools{align-items:center;display:flex}.tools{background-color:#111;color:#fff;font-weight:700;justify-content:space-between;padding:10px}.clock{gap:5px}.clock,.finish{align-items:center;display:flex}.finish{background-color:#003699;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;justify-content:center;padding:5px;width:340px}.results{display:flex;flex-direction:column;gap:10px;width:100vw}.progress-bar{background-color:#444;width:300px}.progress,.progress-bar{border-radius:5px;height:10px}.progress{background:linear-gradient(90deg,#18697c,#2eb2bf);transition:width 1s}.result{background-color:#222;border-radius:15px;color:#fff;padding:20px;width:300px}.result-text{align-items:end;display:flex;gap:10px;margin-bottom:10px}.fraction{font-size:2rem;font-weight:700}.label{font-size:1rem}.answer{font-size:.8rem;margin-top:10px}
/*# sourceMappingURL=main.ba386645.css.map*/