.account-bar{max-width:1464px;margin:12px auto 0;padding:12px 18px;background:#102336;border:1px solid #ffffff18;border-radius:14px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px}.account-bar>div,.account-bar nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.account-bar a,.community-heading a{color:#6ce2ce;text-decoration:none}.account-bar form{margin:0}.account-bar button{padding:7px 10px;font-size:12px}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.social-primary{background:#173e48;padding:8px 12px;border-radius:9px}.community-lobby{max-width:1000px;margin:28px auto;padding:24px}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.community-heading h2{margin:8px 0;font-size:27px}.online-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.online-player{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #ffffff1c;border-radius:13px;background:#0b1830}.online-player strong{display:block;overflow-wrap:anywhere}.online-player .player-info{flex:1;min-width:0}.online-player small{display:block;color:#9caeca;margin-top:5px}.online-player button{font-size:12px;padding:9px 12px}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.rank-panel{padding:24px}.rank-panel h2{font-size:23px}.rank-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #ffffff18}.rank-number{color:#6ce2ce;font-size:22px;min-width:25px}.rank-row strong{flex:1;overflow-wrap:anywhere}.rank-row>span:last-child{text-align:right;color:#6ce2ce;white-space:nowrap}.rank-row small{display:block;color:#9caeca;margin-top:5px}.rank-empty{padding:25px 0;color:#9caeca;line-height:1.7}#social-message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 18px;background:#123e48;border:1px solid #50afac;border-radius:12px;z-index:100;display:none;max-width:90vw;color:#f0ffff}.muted{color:#9caeca;line-height:1.6}@media(max-width:700px){.account-bar{margin:8px 9px;flex-direction:column;align-items:flex-start;padding:12px}.account-bar nav{gap:11px;font-size:12px}.account-bar>div>.muted{display:none}.online-players,.rank-grid{grid-template-columns:1fr}.community-lobby,.rank-panel{padding:18px}.community-heading a{font-size:13px}.online-player{padding:12px}}
.lobby{margin:28px auto}

.online-player small.player-status-online{color:#4ade80}.online-player small.player-status-busy{color:#fbbf24}