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}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f4f4f9;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.night-mode{align-items:center;background-color:#1f1f22;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.night-mode-toggle{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;left:10px;padding:10px;position:fixed;top:10px;transition:background-color .3s;z-index:1000}.night-mode-toggle:hover{background-color:#0056b3}h2,h3{color:#2c3e50;margin-bottom:10px;text-align:center}.App{background-color:#f5f5f7;min-height:100vh;padding:20px}.App,.container{align-items:center;display:flex;flex-direction:column;justify-content:center}.container{margin:0 auto;max-width:600px;padding:10px}button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .2s}button:hover{background-color:#2980b9}.circle-button{align-items:center;background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:10px;transition:background-color .3s;width:40px}.circle-button:hover{background-color:#0056b3}input[type=email],input[type=password],input[type=text]{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;outline:none;padding:8px;width:100%}ul{list-style:none;padding:0}li{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:5px;width:100%}.item-label{flex:1 1}.count{margin:0 10px;text-align:center;width:25px}li:last-child{border-bottom:none}.leaderboard{margin-top:20px;text-align:center}.leaderboard ul li{font-weight:700}.error-message{color:red;margin-bottom:10px;text-align:center}.message{animation:fadeIn .2s ease;background-color:green;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:10px;position:absolute;transform-origin:top}.red{background-color:red}.shake{animation:textShake .1s ease infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes textShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-2px)}40%,80%{transform:translateX(2px)}}.popup-message{animation:fadeInOut 2s forwards;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;font-weight:700;opacity:0;padding:10px 20px;position:fixed;right:20px;top:20px;transition:opacity .5s ease-out}.cheer{background-color:#28a745}.taunt{background-color:#ff7043}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.menu-button{background:none;border:none;color:#333;cursor:pointer;font-size:2rem;left:0;outline:none;position:fixed;top:0;transition:color .3s;transition:color .3s ease;z-index:1002}.menu-button:hover,.player-menu-button:hover{background-color:initial}.menu,.menu-button.menu-button-open{color:#fff}.menu{background-color:#333;height:100%;left:0;padding-top:60px;position:fixed;top:0;transform:translateX(-250px);transition:transform .3s ease;width:255px;z-index:102}.menu.open{transform:translateX(0)}.overlay{background:#00000080;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.menu ul{list-style-type:none;margin:0;padding:0}.menu li{padding:10px 20px;transition:background-color .3s}.menu li:hover,.player-menu li:hover{background-color:#444}.menu a{color:#fff;display:block;text-decoration:none}.player-menu-button{background:#0000;border:none;color:#000;cursor:pointer;font-size:1rem;position:fixed;right:10px;top:10px;transition:color .3s ease;z-index:1002}.player-menu-button.open{color:#fff}.player-menu{background-color:#333;box-shadow:-2px 0 5px #0000001a;height:100%;max-height:calc(100vh - 100px);overflow-y:auto;padding-top:60px;position:fixed;right:-250px;top:0;transition:right .3s ease;width:250px;z-index:1000}.player-menu.open{right:0}.player-menu ul{list-style-type:none;margin:0;padding:0}.player-menu li{color:#fff;padding:15px 20px}.emoji{font-size:1.5rem;vertical-align:middle}.ping-button{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0;scale:175%}.ping-button:hover{background-color:#555}.inbox-container{max-height:80vh;max-width:100%;overflow:hidden;position:relative}.inbox{border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-height:500px;max-width:400px;overflow-y:auto;padding:10px 20px}.inbox,.inbox h2{background-color:#f9f9f9;width:100%}.inbox h2{border-bottom:2px solid #eee;color:#333;font-size:1.5rem;margin-bottom:10px;padding-bottom:10px;padding-right:10px;padding-top:10px;position:-webkit-sticky;position:sticky;top:0;transform:translate(10px,-15px);z-index:2}.inbox li:hover{background-color:initial}.inbox li{align-items:center;display:flex;margin-bottom:10px}.inbox ul{list-style:none;margin:10px 0 0;padding:0}.ping-item{align-items:start;background-color:#fff;border-radius:5px;box-shadow:8px 8px 6px #0003,1px 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px;padding:15px;position:relative;transition:background-color .3s ease}.ping-item:hover{background-color:initial}.ping-details{margin-bottom:0;text-align:center}.ping-message{color:#555;font-weight:700}.ping-time{color:#999;font-size:.8rem;margin-top:5px;text-align:center}.delete-button{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0;scale:150%}.delete-button:hover{background-color:initial;color:#e60000}.notification-dot{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;padding:5px;position:absolute;right:5px;top:10px;width:20px}
/*# sourceMappingURL=main.238a41bc.css.map*/