@import url(https://fonts.googleapis.com/css2?family=Stick&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Russo+One&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}.Home{gap:30vh}.Home,.Select{align-items:center;display:flex;flex-direction:column;justify-content:center}.Select{height:100%;position:relative;width:100%}.SelectButton:active{box-shadow:0 2px #0b7dda;transform:translateY(3px)}.buttonContainer{background:#00000010;height:60vh;overflow-y:scroll;padding:20px}.Mode{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.corner-stats{align-items:flex-end;bottom:24px;display:flex;position:fixed;right:24px}.corner-correct{color:#000;font-size:2.5rem;font-weight:700;line-height:1;margin-right:.2em}.corner-slash{color:#888;font-size:1.2rem;line-height:1.2;margin:0 .1em}.corner-total{color:#888;font-size:1.1rem;line-height:1.2}.back{color:gray;font-size:1em;left:0;position:absolute;text-decoration:none;top:0}.Game{height:100%;width:100%}.Ready{display:flex}.Playing,.Ready{align-items:center;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.Playing{display:none}.answer{color:gray;font-size:1em;margin-top:20px}#canvas{display:block;height:100vh;opacity:.5;right:-20px;z-index:-1}#bar,#canvas{position:absolute;top:-20px}#bar{background-color:#7fffd4;left:-20px;width:100vw}.finish{display:none}.finish.show{animation:Finish 5s forwards;background-color:#4caf50;color:#fff;display:block;font-family:Russo One,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem;left:50%;padding-top:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}@keyframes Finish{0%{height:60px;width:0}10%{height:60px;width:80vw}80%{background-color:#4caf50;color:#fff;height:60px;width:100vw}to{background-color:#000;color:#000;height:calc(100vh - 20px);width:100vw}}.login{align-items:center;display:none;flex-direction:column;justify-content:center}input{border:1px solid #ccc;border-radius:4px;font-size:1em;margin:10px;padding:10px}.account{align-items:center;display:none;flex-direction:column;justify-content:center;width:100%}.btb-count{color:#000;font-family:Russo One;font-size:4rem;position:absolute;right:0;top:-20px}.matchmaking{align-items:center;background-color:#fff;display:none;height:30px;justify-content:center;left:0;position:absolute;width:calc(100vw - 10vh);z-index:-2}.matchmaking.show{animation:slideInFromBottom .5s forwards;display:flex}@keyframes slideInFromBottom{0%{bottom:-30px}to{bottom:0}}.loading.show{align-items:center;animation:SlideInFromBottom2 .5s ease-out forwards;background-color:#222;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.loading>h1{color:#fff}.loading{display:none;left:0;position:absolute;top:0}.l_players{flex-direction:column;justify-content:center;max-height:80vh;overflow-y:auto}.l_person,.l_players{align-items:center;display:flex}.l_person{background-color:#333;border-radius:7.5vw;color:#fff;font-family:Stick;font-size:5vw;height:15vw;margin:10px 0;padding-left:10vw;width:70vw}@keyframes SlideInFromBottom2{0%{transform:translateY(100%)}to{transform:translateY(0)}}.container{height:100vh;left:0;overflow:hidden;width:100vw;z-index:-10000}.ball,.container{position:absolute;top:0}.ball{background:#de4a4a;border-radius:50%;display:none;height:15px;width:15px}.dialog.fadeOut{animation:fadeOut .4s ease}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.dialog{align-items:center;animation:fadeIn .4s ease;background:#fff;border:none;border-radius:16px;box-shadow:0 10px 30px #0006;display:none;gap:16px;padding:24px 32px}.spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#38bdf8;height:28px;width:28px}.text{font-size:16px;letter-spacing:.5px}.dots:after{animation:dots 1.5s steps(3) infinite;content:"";display:inline-block;text-align:left;width:1em}@keyframes spin{to{transform:rotate(1turn)}}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.Result{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.wide{width:80vw}body{background-color:#fff2c7;font-family:Noto Sans JP,sans-serif}#root{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 40px);justify-content:center;margin:20px;width:calc(100vw - 40px)}button{background-color:#2196f3;border:none;border-radius:8px;box-shadow:0 5px #0b7dda;color:#fff;cursor:pointer;font-size:1.3em;margin:10px 0;padding:12px 24px;width:100%}
/*# sourceMappingURL=main.8e6aa165.css.map*/