.Join-module__KrCIYa__page{color:#fff;min-height:100vh;position:relative;overflow:hidden}.Join-module__KrCIYa__topBar{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a1647;border-bottom:1px solid #ffffff0a;align-items:center;height:56px;padding:0 28px;display:flex;position:relative}.Join-module__KrCIYa__brand{letter-spacing:-.02em;color:#67c1ff;font-size:1.15rem;font-weight:800}.Join-module__KrCIYa__content{z-index:1;grid-template-columns:minmax(0,1.4fr) 320px;align-items:start;gap:32px;max-width:1400px;margin:0 auto;padding:22px 24px 32px;display:grid;position:relative}.Join-module__KrCIYa__leftColumn{min-width:0}.Join-module__KrCIYa__headingBlock{margin-bottom:14px}.Join-module__KrCIYa__headingRow{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.Join-module__KrCIYa__headingActions{flex-shrink:0;align-items:center;gap:10px;display:flex}.Join-module__KrCIYa__title{color:#ffffffeb;margin:0 0 6px;font-size:1.05rem;font-weight:700}.Join-module__KrCIYa__subtitle{color:#ffffff94;margin:0;font-size:.9rem}.Join-module__KrCIYa__searchWrap{align-items:center;gap:8px;margin-bottom:16px;display:flex}.Join-module__KrCIYa__searchIcon{color:#ffffff61;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.Join-module__KrCIYa__searchInput{color:#fff;height:44px;font:inherit;background:#0a0e1cb8;border:1px solid #ffffff0f;border-radius:12px;outline:none;flex:1;padding:0 14px 0 38px;transition:border-color .16s,background .16s,box-shadow .16s}.Join-module__KrCIYa__searchInput::placeholder{color:#ffffff57}.Join-module__KrCIYa__searchInput:focus{border-color:#67c1ff59;box-shadow:0 0 0 3px #67c1ff14}.Join-module__KrCIYa__searchInputWrapper{flex:1;align-items:center;display:flex;position:relative}.Join-module__KrCIYa__refreshButton{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:background .16s,border-color .16s,transform .16s,opacity .16s;display:flex}.Join-module__KrCIYa__refreshButton:hover:not(:disabled){background:#ffffff1a;border-color:#67c1ff4d;transform:rotate(5deg)}.Join-module__KrCIYa__refreshButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.Join-module__KrCIYa__lobbyList{flex-direction:column;gap:14px;display:flex}.Join-module__KrCIYa__lobbyCard,.Join-module__KrCIYa__stateCard{background:linear-gradient(#101426e6 0%,#0b0e1ce0 100%);border:1px solid #ffffff0d;border-radius:18px;width:100%;box-shadow:0 14px 34px #0000003d,inset 0 1px #ffffff08}.Join-module__KrCIYa__lobbyCard{padding:18px 18px 16px}.Join-module__KrCIYa__lobbyCardTop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.Join-module__KrCIYa__lobbyNameWrap{flex:1;min-width:0}.Join-module__KrCIYa__lobbyTitleRow{align-items:center;gap:10px;min-width:0;margin-bottom:6px;display:flex}.Join-module__KrCIYa__lobbyName{color:#fffffff5;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.06rem;font-weight:700;line-height:1.2;overflow:hidden}.Join-module__KrCIYa__gameLine{color:#82cfff;margin-bottom:2px;font-size:.92rem;font-weight:600}.Join-module__KrCIYa__modeBadge{text-transform:lowercase;border:1px solid #0000;border-radius:7px;flex-shrink:0;padding:4px 8px;font-size:.68rem;font-weight:700;line-height:1}.Join-module__KrCIYa__badgeStandard{color:#9fc7ff;background:#3668b942;border-color:#609aff33}.Join-module__KrCIYa__badgeLockout{color:#ffb0a8;background:#99423a47;border-color:#ff978a33}.Join-module__KrCIYa__badgeDraft{color:#d4b5ff;background:#6c479f47;border-color:#c595ff33}.Join-module__KrCIYa__badgeBlackout{color:#ffcf88;background:#91611947;border-color:#ffbe5433}.Join-module__KrCIYa__joinButton{color:#bfe9ff;min-width:78px;height:38px;font:inherit;cursor:pointer;background:#4eaad329;border:1px solid #56b1e233;border-radius:10px;flex-shrink:0;padding:0 16px;font-size:.87rem;font-weight:700;transition:background .16s,border-color .16s,transform .16s,opacity .16s}.Join-module__KrCIYa__joinButton:hover:not(:disabled){background:#4eaad33d;border-color:#56b1e257;transform:translateY(-1px)}.Join-module__KrCIYa__joinButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.Join-module__KrCIYa__lobbyMeta{flex-wrap:wrap;gap:10px;display:flex}.Join-module__KrCIYa__metaItem{color:#ffffffad;background:#ffffff0b;border:1px solid #ffffff0d;border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.Join-module__KrCIYa__stateCard{color:#ffffff9e;text-align:center;justify-content:center;align-items:center;min-height:140px;padding:20px;font-size:.95rem;display:flex}.Join-module__KrCIYa__sidePanel{position:sticky;top:22px}.Join-module__KrCIYa__sidePanelInner{background:linear-gradient(#121528eb 0%,#0e1120db 100%);border:1px solid #ffffff0f;border-radius:16px;padding:20px 18px 16px;box-shadow:0 16px 40px #00000042}.Join-module__KrCIYa__sideTitle{color:#fffffff5;margin:0 0 6px;font-size:1.7rem;font-weight:700;line-height:1.05}.Join-module__KrCIYa__sideSubtitle{color:#ffffff85;margin:0 0 18px;font-size:.84rem;line-height:1.45}.Join-module__KrCIYa__formGroup{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.Join-module__KrCIYa__label{color:#ffffffdb;font-size:.79rem;font-weight:700}.Join-module__KrCIYa__input{color:#fff;width:100%;height:44px;font:inherit;background:#0d101fe6;border:1px solid #ffffff0f;border-radius:10px;outline:none;padding:0 12px;font-size:.9rem;transition:border-color .16s,box-shadow .16s,background .16s}.Join-module__KrCIYa__input::placeholder{color:#ffffff4d}.Join-module__KrCIYa__input:focus{border-color:#67c1ff59;box-shadow:0 0 0 3px #67c1ff14}.Join-module__KrCIYa__sidePrimaryButton,.Join-module__KrCIYa__modalPrimaryButton{color:#08121cf2;width:100%;height:46px;font:inherit;cursor:pointer;background:#4eaad3;border:none;border-radius:10px;margin-top:4px;font-size:.92rem;font-weight:700;transition:opacity .16s,transform .16s}.Join-module__KrCIYa__sidePrimaryButton:hover:not(:disabled),.Join-module__KrCIYa__modalPrimaryButton:hover:not(:disabled){transform:translateY(-1px)}.Join-module__KrCIYa__sidePrimaryButton:disabled,.Join-module__KrCIYa__modalPrimaryButton:disabled{opacity:.45;cursor:not-allowed}.Join-module__KrCIYa__divider{background:#ffffff0f;height:1px;margin:18px 0 14px}.Join-module__KrCIYa__backLink{color:#ffffffad;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 0 2px;font-size:.88rem;font-weight:600;transition:color .16s}.Join-module__KrCIYa__backLink:hover{color:#ffffffe0}.Join-module__KrCIYa__modalOverlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030712a8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.Join-module__KrCIYa__modalCard{background:linear-gradient(#121528f5 0%,#0c101ef0 100%);border:1px solid #ffffff12;border-radius:18px;width:100%;max-width:420px;padding:20px 18px 18px;box-shadow:0 24px 60px #0006}.Join-module__KrCIYa__modalHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.Join-module__KrCIYa__modalTitle{color:#fffffff7;margin:0;font-size:1.3rem;font-weight:700}.Join-module__KrCIYa__modalClose{color:#ffffffd6;cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;width:34px;height:34px;font-size:1.25rem;line-height:1}.Join-module__KrCIYa__modalLobbyName{color:#fffffff0;margin:0 0 4px;font-size:1rem;font-weight:700}.Join-module__KrCIYa__modalLobbyMeta{color:#ffffff94;margin:0 0 18px;font-size:.86rem;line-height:1.45}.Join-module__KrCIYa__joinError{color:#ff8a8a;margin:12px 0 0;font-size:.9rem;line-height:1.4}@media (max-width:980px){.Join-module__KrCIYa__content{grid-template-columns:1fr}.Join-module__KrCIYa__sidePanel{position:static}}@media (max-width:640px){.Join-module__KrCIYa__topBar{padding:0 18px}.Join-module__KrCIYa__content{gap:18px;padding:18px 16px 28px}.Join-module__KrCIYa__sideTitle{font-size:1.45rem}.Join-module__KrCIYa__lobbyCardTop{align-items:flex-start}.Join-module__KrCIYa__lobbyTitleRow{flex-wrap:wrap}.Join-module__KrCIYa__lobbyMeta{gap:8px}.Join-module__KrCIYa__modalOverlay{padding:16px}.Join-module__KrCIYa__headingRow{flex-direction:column;align-items:stretch}.Join-module__KrCIYa__headingActions{width:100%}}