@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;height:100vh;width:100vw}.Home,.Select{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.Select{height:100%;width:100%}.SelectButton:active{box-shadow:0 2px #0b7dda;transform:translateY(3px)}.SelectButton{align-items:center;display:flex;flex-direction:column;height:80px;justify-content:center;padding:10px}.rangeText{font-weight:700}.accuracy{color:#eee;font-size:.7em;margin-top:5px}.customAccuracyText{font-size:.8em;font-weight:400}.buttonContainer{background:#00000010;border-radius:10px;display:flex;gap:20px;height:60vh;margin-top:20px;overflow-x:hidden;padding:20px;transition:transform .4s ease;width:200%}.slide{overflow-y:scroll;width:360px}.priorityModes{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.priorityModeButton{width:100%}.customRange{align-items:center;display:flex;gap:10px;margin-bottom:10px}.customRange input{border:1px solid #ccc;border-radius:4px;font-size:1em;margin:0;padding:8px;width:70px}.customRange button{background-color:#0b7dda;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.customRange button:disabled{background-color:#ccc;cursor:not-allowed}.tabs{display:flex;gap:20px}.tabs label{background:#ddd;cursor:pointer;margin-right:5px;padding:10px 20px}.slide{transition:transform .4s ease}.slider{overflow-x:hidden;width:400px}.accuracy_hidden>.SelectButton>.accuracy{display:none}.accountMenu{align-items:center;display:flex;flex-shrink:0;position:relative}.accountLoginButton{background-color:#faf4d2;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:.95rem;margin:0;min-height:40px;padding:0 16px;white-space:nowrap;width:auto}.accountLoginButton:disabled{cursor:wait;opacity:.7}.accountIconButton{align-items:center;background:none;border:none;box-shadow:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0;padding:0}.accountIconButton,.accountUserIcon{border-radius:50%;height:40px;width:40px}.accountUserIcon{box-shadow:0 2px 4px #00000026;object-fit:cover}.accountPanel{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px)}.accountPanelHeader{align-items:center;background:#f8f8f8;display:flex;flex-direction:column;padding:20px 16px 12px}.accountPanelAvatar{border-radius:50%;height:64px;margin-bottom:8px;object-fit:cover;width:64px}.accountPanelName{font-size:1rem;font-weight:700}.accountPanelEmail{color:#666;font-size:.85rem;text-align:center;word-break:break-all}.accountPanelLogout{background-color:#fff;border-radius:0;border-top:1px solid #eee;box-shadow:none;color:#333;font-size:1rem;margin:0;width:100%}.accountPanelLogout:hover{background-color:#f5f5f5}.Mode{flex-direction:column;height:95vh;justify-content:center;position:relative;width:100%}.Mode,.modeHeader{align-items:center;display:flex}.modeHeader{box-sizing:border-box;justify-content:space-between;left:0;padding:16px 20px;position:absolute;right:0;top:0;z-index:2}.back{line-height:1;padding:8px 0}.modeToolbar{display:flex;flex-direction:row-reverse;flex-grow:1;gap:12px}.modeToolbar,.settingsButton{align-items:center;flex-shrink:0}.settingsButton{border-radius:50%;color:inherit;display:flex!important;font-size:28px;height:40px;justify-content:center;margin:0;padding:0;text-decoration:none;transition:background-color .15s ease;width:40px}.settingsButton:hover{background-color:#0000000f}.schedule{background-color:#f5f5f5;border:2px solid #000;border-radius:5px;margin-top:20px;padding:5px}.changed-url,.schedule{align-items:center;display:flex;flex-direction:column}.changed-url{background:#fff;border-radius:10px;justify-content:center;margin:10px;padding:10px}.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;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:flex;flex-direction:column;font-family:Russo One,Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem;left:50%;padding-bottom:20px;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}}.finishBy{font-size:1rem}.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}.container,.game-timer{position:absolute;top:0}.game-timer{background-color:#000;border-radius:0 0 10px 10px;color:#fff;font-family:Courier New,monospace;font-size:1.5rem;left:50%;padding:2px 15px;transform:translateX(-50%)}.ball{background:#de4a4a;border-radius:50%;display:none;height:15px;position:absolute;top:0;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}.result{text-align:center}.rk-container{background:#fff;border-radius:10px;display:none;font-family:Arial,sans-serif;margin:20px auto;padding:20px;width:80vw}.rk-item{border:1px solid #ddd;border-radius:20px;justify-content:space-between;margin-bottom:10px;padding:12px 16px}.rk-item,.rk-left{align-items:center;display:flex}.rk-left{gap:12px}.rk-rank{color:#555;font-weight:700;width:20px}.rk-name{font-size:16px}.rk-score{color:#333;font-weight:700}.MistakeStats{align-items:stretch;background:#f9fbff;box-sizing:border-box;color:#222;display:flex;flex-direction:column;height:100%;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:100%}.back{background:#fffc;border-radius:20px;color:#555;font-size:.9rem;left:20px;padding:5px 10px;position:absolute;text-decoration:none;top:15px;z-index:10}.title{font-size:1.8rem;margin-bottom:20px;margin-top:40px;text-align:center}.filterPanel{background:#fff;border:1px solid #eef1f6;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px}.filterTabs{display:flex;gap:12px;margin-bottom:8px;width:100%}.filterTab{background-color:#e2e8f0;border:none;border-radius:8px;box-shadow:0 4px #cbd5e1;color:#475569;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;outline:none;padding:10px 16px;text-align:center;transition:all .15s ease}.filterTab:hover:not(.active){background-color:#cbd5e1;box-shadow:0 4px #94a3b8;color:#1e293b}.filterTab.active{background-color:#2196f3;box-shadow:0 4px #0b7dda;color:#fff}.filterTab.active:hover{background-color:#1e88e5}.filterTab:active{transform:translateY(2px)}.filterTab.active:active{box-shadow:0 2px #0b7dda}.filterTab:not(.active):active{box-shadow:0 2px #cbd5e1}.rangeFilter{flex-wrap:wrap;gap:20px}.rangeFilter,.rangeInputGroup{align-items:center;display:flex}.rangeInputGroup{gap:8px}.filterLabel{color:#444;font-size:.9rem;font-weight:700}.presetSelect{background:#fff;border:1px solid #ccd4e0;border-radius:6px;color:#222;cursor:pointer;font-size:.9rem;outline:none;padding:6px 12px;transition:border-color .2s}.presetSelect:focus{border-color:#0b7dda}.rangeInput{border:1px solid #ccd4e0;border-radius:6px;color:#222;font-size:.9rem;outline:none;padding:6px 10px;text-align:center;transition:border-color .2s;width:80px}.rangeInput:focus{border-color:#0b7dda}.rangeSeparator{color:#666;font-weight:700}.filterSummary{border-top:1px dashed #eceff5;color:#666;font-size:.85rem;padding-top:10px}.highlight{color:#0b7dda;font-size:.95rem}.statsTableWrap{background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014;flex:1 1;overflow-x:auto;width:100%}.statsTable{border-collapse:collapse;table-layout:fixed;width:100%}td{overflow:hidden;white-space:nowrap}.statsTable td,.statsTable th{border-bottom:1px solid #eceff5;padding:10px 12px;text-align:left;white-space:nowrap}.statsTable thead th{background:#eef4ff;position:-webkit-sticky;position:sticky;top:0;z-index:1}@media screen and (max-width:600px){.MistakeStats{padding:10px}.title{font-size:1.4rem;margin-bottom:15px;margin-top:35px}.statsTable td,.statsTable th{font-size:13px;padding:8px 6px}.statsTableWrap{border-radius:8px}}.Settings{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.accountSection{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:16px;width:min(420px,88vw)}.accountSection h2{font-size:1.1rem;margin:0 0 12px}.accountData{margin:0}.accountDataRow{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:2px;padding:8px 0}.accountDataRow:last-child{border-bottom:none}.accountDataRow dt{color:#666;font-size:.8rem}.accountDataRow dd{font-size:.95rem;margin:0;word-break:break-all}.accountUid{font-family:monospace;font-size:.8rem}.accountStatus{color:#666;margin:0}.accountNotLoggedIn{align-items:center;display:flex;flex-direction:column;gap:12px}.accountNotLoggedIn button{width:auto}.volumeLabel{font-size:1.2rem}#volume-range{padding:0;width:min(360px,80vw)}.backButton{margin-top:12px}.handoverStatus{color:#333;line-height:1.5;margin:0;max-width:min(420px,88vw);text-align:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;cursor:pointer;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#e0e0e0;border-radius:10px;height:8px}input[type=range]::-moz-range-track{background:#e0e0e0;border-radius:10px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#4a90e2;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;margin-top:-6px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:20px}input[type=range]::-moz-range-thumb{background-color:#4a90e2;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:20px}input[type=range]:hover::-webkit-slider-thumb{background-color:#357abd;transform:scale(1.15)}input[type=range]:active::-webkit-slider-thumb{transform:scale(.95)}.toggleRow{align-items:center;display:flex;font-size:1rem;gap:8px}body{background-color:#fff2c7;font-family:Noto Sans JP,sans-serif;overflow-y:auto}#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.daaf705e.css.map*/