.logged-in-title-bar{font-family:Long Slide Demo;width:100%;display:flex;align-items:center;background-color:#00000080;gap:.625rem;padding:.625rem 0}.title{font-size:1.2rem;color:#fff;background-color:#f97316;padding:.5rem;border-radius:.5rem;margin-right:auto;cursor:default;letter-spacing:.1rem;text-transform:uppercase;margin-left:1rem}.title:hover{background-color:#ea580c}.leaderboard-icon,.profile-icon{width:2.5rem;height:2.5rem;padding:.5rem;cursor:pointer;background-color:#ffffff1a;border-radius:.5rem}.leaderboard-icon:hover,.profile-icon:active{background-color:#fff3}@media (max-width: 768px){.profile-icon,.leaderboard-icon{width:2rem;height:2rem}.title{font-size:1.5rem}.logged-in-title-bar{padding:0}}.dropdown{position:relative;display:inline-block}.dropdown-button{cursor:pointer;font-family:Long Slide Demo;font-size:1.5rem;color:#fff;background-color:#0009;width:max-content;align-self:center;padding:.5rem 2.5rem;border:none;border-radius:.25rem;text-transform:uppercase}.dropdown-button:hover{background-color:#000}.dropdown-menu{min-width:150px;box-shadow:0 2px 8px #0000001a;border-radius:4px;margin-top:5px;z-index:100;display:flex;flex-direction:column;background-color:#0009;color:#fff}.menu-item{display:block;width:100%;padding:1rem 1.5rem;background:none;border:none;cursor:default;text-align:left}b{margin:.5rem .25rem .25rem}span{margin:.25rem}.logged-in-container{text-align:center;display:flex;flex-direction:column;width:100%;margin:auto}.logged-in-title{font-size:1rem;font-style:oblique;margin-top:3rem;margin-bottom:2rem;max-width:15rem;color:#ffffffe6;align-self:center}.primary-button{background-color:#f97316;font-size:1.5rem;color:#fff;padding:.5rem 2.5rem;border-radius:.25rem;border:none;border-color:#f97316;cursor:pointer;font-family:Long Slide Demo;width:max-content;align-self:center;margin-bottom:1rem}.primary-button:hover{background-color:#ea580c}@font-face{font-family:Long Slide Demo;src:url(../../../fonts/LongSlideDemoRegular.ttf) format("truetype")}#root{background-image:url(/backgrounds/pages-backgrounds/react-background.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.overlay{min-height:100vh;width:100vw;background-color:#000000b3}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center}.secondary-button{background-color:#6b7280;color:#fff;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;margin-left:1rem;display:flex;align-items:center;height:2.5rem;margin-left:auto;margin-right:1rem}.secondary-button:hover{background-color:#4b5563}.login-panel{padding:.5rem;border-radius:1rem;max-width:24rem;background-color:#000000b3;margin:auto}@media (min-width: 768px){.login-panel{padding:2rem}}.login-panel-header{justify-content:center;flex-direction:column;gap:1rem}.login-panel-title{font-size:1.25rem;font-weight:700}.login-panel-logo{margin-left:.5rem;height:1.5rem}@media (min-width: 768px){.login-panel-logo{height:2rem}}.login-button{border-color:#fff}.login-button:hover{border-color:orange}.separator{background-color:#1e40af}.separator-text{background-color:#1e40af;color:#6b7280}.loading-bar-page{display:flex;flex-direction:column;min-height:100vh;justify-content:end;padding-bottom:2rem}.opening-game{font-family:Long Slide Demo;font-size:1.5rem;color:#fff;align-self:center;margin-bottom:1rem}.loading-bar-container{width:100%;display:flex;flex-direction:column;align-items:center;background:inherit}.loading-bar-wrapper{width:80%;max-width:500px;height:20px;background:#fff3;border-radius:10px;overflow:hidden}.loading-bar{height:100%;background:orange;transition:width .3s ease}.loading-text{color:#fff;margin-top:10px;font-family:Arial,sans-serif;font-size:1.2rem}