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}#root,body,html{background-color:#1e1e1e;box-sizing:border-box;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.app-container{min-height:100vh}.app-container,.main-content{display:flex;flex-direction:column;overflow-x:hidden}.main-content{flex-grow:1;margin-top:4rem}.game,.login,.main-content,.register{align-items:center;background-color:#2c2c2c;box-sizing:border-box;justify-content:center;padding:1rem}.game,.login,.register{color:#fff;display:flex;flex-direction:column;min-height:100%;text-align:center;width:100%}.game h1{color:#42a5f5;font-size:2.5rem;margin-bottom:2rem}.login h2,.register h2{color:#66bb6a;font-size:2rem;margin-bottom:2rem}.inputs{background-color:#333;border:1px solid #444;border-radius:8px;box-shadow:0 5px 15px #0006;display:flex;flex-direction:column;gap:15px;max-width:380px;padding:2.5rem;width:100%}.inputs input{background-color:#444;border:1px solid #555;border-radius:6px;box-sizing:border-box;color:#fff;font-size:1.05rem;padding:14px;width:100%}.inputs input::placeholder{color:#bbb}.inputs input:focus{border-color:#ffa726;box-shadow:0 0 0 3px #ffa72680;outline:none}.inputs button{background-color:#66bb6a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.5px;padding:14px 25px;transition:background-color .2s ease,transform .1s ease}.inputs button:hover{background-color:#5cb85c;transform:translateY(-2px)}.inputs button:active{transform:translateY(0)}@media (min-width:768px){.app-container{flex-direction:row}.main-content{margin-left:0;margin-top:0;min-height:100vh}.game,.login,.register{min-height:100%}}.game{background-color:#2c2c2c;color:#fff;height:100vh;text-align:center;width:100vw}.game,.game-box{align-items:center;display:flex;justify-content:center}.game-box{cursor:pointer;font-size:2rem;font-weight:700;height:100%;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none;width:100%}.game-box.ready{background-color:#333;color:#ccc}.game-box.waiting{background-color:#ffa726;color:#222}.game-box.now{background-color:#66bb6a;color:#fff}.game-box.result{background-color:#42a5f5;color:#fff}.reaction-time{bottom:30px;color:#aaa;font-size:1.2rem;position:absolute}.mobile-sidebar-toggle-container{background-color:#1e1e1e;box-sizing:border-box;display:flex;justify-content:flex-end;padding:1rem;position:fixed;right:0;top:0;width:100%;z-index:40}.sidebar-toggle-button{background:none;border:none;color:#ffa726;cursor:pointer;font-size:1.8rem;outline:none;padding:.5rem;transition:color .3s ease}.sidebar-toggle-button:hover{color:#ffcc80}.sidebar-main-container{background-color:#1a1a1a;box-shadow:2px 0 8px #000000b3;box-sizing:border-box;color:#e0e0e0;display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:250px;z-index:30}.sidebar-main-container.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:center;padding:1.5rem 1rem;text-align:center}.sidebar-title{color:#66bb6a;font-size:1.8rem;font-weight:700;margin:0}.sidebar-navigation{flex-grow:1;padding:1rem 0}.sidebar-nav-list{list-style:none;margin:0;padding:0}.sidebar-list-item{margin-bottom:.5rem}.sidebar-nav-link{align-items:center;border-radius:4px;color:#e0e0e0;display:flex;font-size:1.1rem;margin:0 .75rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.sidebar-nav-link:hover{background-color:#333;color:#ffa726}.sidebar-link-icon{color:#42a5f5;margin-right:.75rem}.sidebar-footer{border-top:1px solid #333;color:#999;font-size:.8rem;padding:1rem;text-align:center}@media (min-width:768px){.mobile-sidebar-toggle-container{display:none}.sidebar-main-container{box-shadow:none;height:auto;min-height:100vh;position:static;transform:translateX(0)}}
/*# sourceMappingURL=main.41ccbcaf.css.map*/