.auth-divider{color:#888;font-size:.8rem;margin:1.2rem 0 .8rem;text-transform:uppercase;letter-spacing:.05em}.auth-state{margin-top:1rem;font-size:.85rem;color:#aaa;display:flex;align-items:center;gap:.6rem}.auth-signout{color:#e74c3c;text-decoration:none;font-size:.8rem}.auth-signout:hover{text-decoration:underline}.auth-email-form{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:280px;margin-top:.2rem}.auth-input{font-size:.9rem!important;padding:.5rem .8rem!important}.auth-error{color:#e74c3c;font-size:.8rem;min-height:1.2em}.btn-auth-submit{background:#3498db!important;font-size:.9rem!important;padding:.5rem!important}.btn-auth-submit:hover{background:#2980b9!important}.btn-auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{color:#888;font-size:.75rem;text-decoration:none;text-align:center}.auth-toggle:hover{color:#bbb}.auth-oauth{display:flex;gap:.5rem;margin-top:.5rem;width:100%;max-width:280px}.btn-oauth{flex:1;font-size:.75rem!important;padding:.5rem .3rem!important;border-radius:4px;border:none;cursor:pointer;color:#fff;font-weight:600}.btn-google{background:#4285f4!important}.btn-google:hover{background:#3367d6!important}.btn-discord{background:#5865f2!important}.btn-discord:hover{background:#4752c4!important}.btn-facebook{background:#1877f2!important}.btn-facebook:hover{background:#1565c0!important}.server-browser-screen{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:600px;margin:0 auto;width:100%;gap:1rem;color:#ddd}.sb-header{display:flex;justify-content:space-between;align-items:center;width:100%}.sb-header h2{margin:0;font-size:1.3rem}.sb-back{background:#555!important;font-size:.8rem!important;padding:.4rem .8rem!important}.sb-server-list{width:100%;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.sb-empty{text-align:center;color:#888;padding:2rem}.sb-region{display:flex;flex-direction:column;gap:.5rem}.sb-region-header{font-size:.7rem;text-transform:uppercase;color:#888;letter-spacing:.1em}.sb-server{background:#ffffff0d;border-radius:6px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.4rem}.sb-server-info{display:flex;align-items:center;gap:.8rem}.sb-server-name{font-weight:600}.sb-ping{font-size:.8rem}.sb-ping-good{color:#2ecc71}.sb-ping-ok{color:#f1c40f}.sb-ping-bad{color:#e74c3c}.sb-players{margin-left:auto;color:#aaa;font-size:.85rem}.sb-room{display:flex;align-items:center;justify-content:space-between;padding:.2rem .4rem;font-size:.8rem;color:#aaa}.sb-join-btn{font-size:.7rem!important;padding:.2rem .6rem!important;background:#3498db!important}.sb-join-btn:hover{background:#2980b9!important}.sb-join-btn:disabled{opacity:.4;cursor:not-allowed}.sb-join-server{background:#27ae60!important;font-size:.8rem!important;padding:.3rem .6rem!important;align-self:flex-end}.sb-join-server:hover{background:#219a52!important}.sb-actions{display:flex;gap:.5rem;width:100%}.sb-quick-play{flex:2}.sb-private-btn{flex:1;background:#8e44ad!important;font-size:.85rem!important}.sb-private-btn:hover{background:#7d3c98!important}.sb-code-section{display:flex;gap:.4rem;width:100%;align-items:center}.sb-code-input{flex:1;font-size:.85rem!important;padding:.4rem .6rem!important}.sb-join-code{background:#e67e22!important;font-size:.8rem!important;padding:.4rem .8rem!important;white-space:nowrap}.sb-join-code:hover{background:#d35400!important}.sb-servers-btn{background:#555!important;font-size:.85rem!important;padding:.4rem 1rem!important;margin-top:.3rem}.sb-servers-btn:hover{background:#666!important}.sb-private-form{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:300px}.sb-room-code{font-size:2.5rem;font-weight:700;letter-spacing:.3em;color:#f1c40f;padding:1rem}.sb-copy{background:#555!important;font-size:.85rem!important;padding:.4rem 1rem!important}