@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Condensed}:root{--bgcolor: #6290C3;--container-bgcolor: #EBF5EE;--section-bgcolor: #BFD1E5}.leaderboard-container{width:100%;flex:1;background-color:var(--section-bgcolor);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;overflow:hidden;font-size:1.2rem}.leaderboard-entry{width:100%;display:flex;gap:1rem;justify-content:space-between;border-radius:1rem;padding:0 1rem}.leaderboard-entry.selected{background:#d0eaff;box-shadow:0 0 0 2px #2196f3}.leaderboard-entry-details{display:flex;align-items:center;gap:1rem}.leaderboard-entry-user{display:flex;align-items:center;gap:.5rem}.profile-photo{font-size:3rem;margin-top:.66rem}.points{margin-top:auto;margin-bottom:auto}.top-leaderboard-entry{display:flex;flex-direction:column;align-items:center}.top-leaderboard-entry.selected{background:#d0eaff;box-shadow:0 0 0 2px #2196f3;border-radius:1rem}.top-profile-photo{font-size:5rem}.top-1-medal,.top-2-medal,.top-3-medal{aspect-ratio:1;width:28px;border-radius:50%;display:flex;justify-content:center;align-items:center}.top-1-medal{background-color:gold;border:1px solid grey;width:36px}.top-2-medal{background-color:silver;border:1px solid grey;margin-top:2rem}.top-3-medal{background-color:brown;margin-top:2rem}.top-name{margin-top:-1rem}.top-leaderboard-container{height:30%;min-height:fit-content;width:100%;min-width:fit-content;background-color:var(--section-bgcolor);border-radius:1rem;padding:1rem;display:flex;justify-content:center;align-items:center;gap:2vw;font-size:1.2rem}.root-container{width:100vw;height:100vh;padding:1rem;background-color:var(--bgcolor)}.main-container{width:100%;height:100%;min-width:320px;border:rgb(119,119,119) 1px solid;border-radius:1rem;background-color:var(--container-bgcolor);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.pagination-controls-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;margin-bottom:.5rem}.pagination-controls-wrapper button{border:none;padding:.5rem 1rem;border-radius:.5rem;background-color:#e0e0e0;color:#222;font-weight:500;transition:background .2s}.pagination-controls-wrapper button:disabled{background-color:#ccc;color:#888;cursor:not-allowed}.pagination-controls-wrapper button:not(:disabled):hover{background-color:#bdbdbd;cursor:pointer}.buttons-flex{width:100%;display:flex;justify-content:space-between}.buttons-flex>button{border:none;padding:1rem;font-size:1.2rem;border-radius:1rem}.buttons-flex>button:hover{cursor:pointer}.add-user-btn{background-color:#2eff2e}.add-user-btn:hover{background-color:#00e900}.add-user-btn:active{background-color:#30ff30}.claim-points-btn{background-color:#ffdd20}.claim-points-btn:hover{background-color:#ffd900}.claim-points-btn:active{background-color:#ffdf2a}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:1rem;padding:2rem 2.5rem;box-shadow:0 4px 32px #0000002e;min-width:320px;max-width:90vw;display:flex;flex-direction:column;align-items:center}.modal h2{margin-bottom:1rem}.modal input[type=text]{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #bbb;margin-bottom:1rem;font-size:1rem}.modal-actions{display:flex;gap:1rem;justify-content:center;width:100%}.modal-actions button{padding:.5rem 1.25rem;border-radius:.5rem;border:none;background:#2196f3;color:#fff;font-weight:500;transition:background .2s}.modal-actions button:hover{cursor:pointer}.modal-actions button:disabled{background:#b3d6f7;color:#eee;cursor:not-allowed}.modal-actions button:not(:disabled):hover{background:#1769aa}.modal-error{color:#d32f2f;margin-bottom:.5rem;text-align:left;width:100%}