html,body,#root{width:100%;min-width:50%;height:100%;min-height:50%}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nowrap{white-space:nowrap!important}.hbox{flex-direction:row;justify-content:center;align-items:start;gap:8px;display:flex}.vbox{flex-direction:column;justify-content:start;align-items:center;gap:8px;display:flex}.content{text-align:center;padding:10px}.content>.game{height:calc(100vh - 56px)}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button.keyboard-button{background-color:#040e1f;border-color:#667899}button.keyboard-button.Mui-disabled{background-color:#0a0a0a;border-color:#141414;font-weight:700}button.keyboard-button.hit,button.keyboard-button.hit.Mui-disabled{color:#000;background-color:#a09213;border-color:#b7a615;font-weight:700}button.keyboard-button.miss.Mui-disabled{color:#000;background-color:#103a89;border-color:#103a89;font-weight:700}button.keyboard-button.fail.Mui-disabled{color:#000;background-color:#4a1c1c;border-color:#4a1c1c;font-weight:700}h1.success,h2.success,h3.success,h4.success,h5.success,h6.success{color:#cdbb18}h1.fail,h2.fail,h3.fail,h4.fail,h5.fail,h6.fail{color:#b94646}.result-box{background-color:#040e1f;border-color:#667899;border-radius:5px;width:2em;height:2em;line-height:1.9em}.result-box.almost{color:#000;background-color:#447ee9;border-top:2px solid #729dee;font-weight:700}.result-box.hit{color:#000;background-color:#a09213;border-top:2px solid #cdbb18;font-weight:700}.result-box.miss{color:#bfbfbf;background-color:#1a1a1a;border-top:2px solid #333}.result-box.current{color:#bfbfbf;background-color:#171717;border-top:2px solid #333}.result-box.current.miss{color:#f18e8e;background-color:#3c0606;border-color:#362b2b #9a5151 #9a5151;border-top-style:solid;border-top-width:2px}.result-box.upcoming{color:#bfbfbf;background-color:#0d0d0d;border-bottom:2px solid #1f1f1f}.keyboard-button{background-color:#040e1f;border-color:#667899}.keyboard-button.Mui-disabled{background-color:#0a0a0a;border-color:#141414;font-weight:700}.keyboard-button.almost,.keyboard-button.almost.Mui-disabled{color:#000;background-color:#447ee9;border-color:#447ee9;font-weight:700}.keyboard-button.hit,.keyboard-button.hit.Mui-disabled{color:#000;background-color:#a09213;border-color:#b7a615;font-weight:700}.keyboard-button.miss{color:gray;background-color:#0d0d0d;border-color:#333}.keyboard-button.miss.Mui-disabled{color:#000;background-color:#4a1c1c;border-color:#4a1c1c;font-weight:700}