.AutoJoin-module__O-PGzG__container{background:linear-gradient(135deg,#b11616 0%,#e85656 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.AutoJoin-module__O-PGzG__loadingBox,.AutoJoin-module__O-PGzG__errorBox{text-align:center;background:#fff;border-radius:2rem;width:100%;max-width:450px;padding:3rem 2rem;box-shadow:0 10px 40px #0000001a}.AutoJoin-module__O-PGzG__logo{margin-bottom:2rem}.AutoJoin-module__O-PGzG__spinner{border:4px solid #f3f3f3;border-top-color:#b11616;border-radius:50%;width:60px;height:60px;margin:0 auto 2rem;animation:1s linear infinite AutoJoin-module__O-PGzG__spin}@keyframes AutoJoin-module__O-PGzG__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.AutoJoin-module__O-PGzG__title{color:#222;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.AutoJoin-module__O-PGzG__battleTitle{color:#666;margin-bottom:2rem;font-size:1.1rem}.AutoJoin-module__O-PGzG__errorTitle{color:#d32f2f;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.AutoJoin-module__O-PGzG__errorMessage{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.5}.AutoJoin-module__O-PGzG__progressContainer{text-align:left;flex-direction:column;gap:1rem;margin:2rem 0;display:flex}.AutoJoin-module__O-PGzG__progressStep{align-items:center;gap:.75rem;font-size:1rem;transition:all .3s;display:flex}.AutoJoin-module__O-PGzG__progressIcon{color:#999;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:flex}.AutoJoin-module__O-PGzG__progressStep.AutoJoin-module__O-PGzG__completed .AutoJoin-module__O-PGzG__progressIcon{color:#fff;background:#4caf50}.AutoJoin-module__O-PGzG__progressStep.AutoJoin-module__O-PGzG__active .AutoJoin-module__O-PGzG__progressIcon{color:#fff;background:#2196f3}.AutoJoin-module__O-PGzG__progressStep.AutoJoin-module__O-PGzG__error .AutoJoin-module__O-PGzG__progressIcon{color:#fff;background:#f44336}.AutoJoin-module__O-PGzG__progressLabel{color:#666}.AutoJoin-module__O-PGzG__progressStep.AutoJoin-module__O-PGzG__completed .AutoJoin-module__O-PGzG__progressLabel{color:#4caf50}.AutoJoin-module__O-PGzG__progressStep.AutoJoin-module__O-PGzG__active .AutoJoin-module__O-PGzG__progressLabel{color:#2196f3;font-weight:600}.AutoJoin-module__O-PGzG__progressStep.AutoJoin-module__O-PGzG__error .AutoJoin-module__O-PGzG__progressLabel{color:#f44336}.AutoJoin-module__O-PGzG__subtext{color:#999;margin-top:1rem;font-size:.95rem}.AutoJoin-module__O-PGzG__retryButton{color:#fff;cursor:pointer;background:#b11616;border:none;border-radius:2rem;margin-bottom:1rem;padding:1rem 3rem;font-size:1.1rem;font-weight:700;transition:background .3s}.AutoJoin-module__O-PGzG__retryButton:hover{background:#8b1111}.AutoJoin-module__O-PGzG__retryButton:active{transform:scale(.98)}.AutoJoin-module__O-PGzG__browseLink{color:#b11616;margin-top:.5rem;font-size:1rem;text-decoration:none;transition:opacity .3s;display:inline-block}.AutoJoin-module__O-PGzG__browseLink:hover{opacity:.8;text-decoration:underline}@media (max-width:480px){.AutoJoin-module__O-PGzG__loadingBox,.AutoJoin-module__O-PGzG__errorBox{padding:2rem 1.5rem}.AutoJoin-module__O-PGzG__title,.AutoJoin-module__O-PGzG__errorTitle{font-size:1.5rem}.AutoJoin-module__O-PGzG__progressContainer{margin:1.5rem 0}.AutoJoin-module__O-PGzG__retryButton{width:100%;padding:.875rem 2rem}}