.online-module__2Qg0VW__page{background:linear-gradient(180deg, var(--jq-bg), #092720);min-height:100vh;color:var(--jq-text);position:relative;overflow:hidden}.online-module__2Qg0VW__backgroundGrid{pointer-events:none;opacity:.12;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0}.online-module__2Qg0VW__backgroundOrb{display:none}.online-module__2Qg0VW__shell{z-index:1;width:min(1180px,100% - 40px);margin:0 auto;padding:22px 0 56px;position:relative}.online-module__2Qg0VW__header{border-bottom:1px solid var(--jq-border);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding-bottom:18px;display:flex}.online-module__2Qg0VW__header img{width:185px;height:auto}.online-module__2Qg0VW__header a,.online-module__2Qg0VW__backLink{color:var(--jq-text-soft);font-family:var(--font-play), sans-serif;font-size:12px;font-weight:700;transition:color .15s}.online-module__2Qg0VW__header a:hover,.online-module__2Qg0VW__backLink:hover{color:var(--jq-mint)}.online-module__2Qg0VW__entryGrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:54px;margin-top:64px;display:grid}.online-module__2Qg0VW__heroBadge,.online-module__2Qg0VW__roomTitle small,.online-module__2Qg0VW__sectionTitle small,.online-module__2Qg0VW__sideEyebrow{color:var(--jq-mint-soft);font-family:var(--font-play), sans-serif;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:700}.online-module__2Qg0VW__hero h1{max-width:540px;font-family:var(--font-play), sans-serif;margin:10px 0 0;font-size:clamp(40px,6vw,56px);line-height:1.02}.online-module__2Qg0VW__hero>p{max-width:520px;color:var(--jq-text-soft);margin:18px 0 0;font-size:16px;line-height:1.65}.online-module__2Qg0VW__heroFeatures{gap:9px;margin-top:30px;display:grid}.online-module__2Qg0VW__heroFeatures div{border-left:3px solid var(--jq-mint);background:var(--jq-surface-soft);padding:10px 13px}.online-module__2Qg0VW__heroFeatures strong{color:var(--jq-text);font-size:13px;display:block}.online-module__2Qg0VW__heroFeatures small{color:var(--jq-muted);margin-top:3px;font-size:11px;display:block}.online-module__2Qg0VW__panel,.online-module__2Qg0VW__playersPanel,.online-module__2Qg0VW__sidePanel,.online-module__2Qg0VW__codeCard,.online-module__2Qg0VW__notFoundPanel{border:1px solid var(--jq-border);background:var(--jq-surface);box-shadow:var(--jq-shadow-md)}.online-module__2Qg0VW__panel{border-radius:22px;padding:28px}.online-module__2Qg0VW__tabs{border:1px solid var(--jq-border);background:var(--jq-surface-soft);border-radius:13px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.online-module__2Qg0VW__tab,.online-module__2Qg0VW__tabActive{min-height:42px;color:var(--jq-muted);font-family:var(--font-play), sans-serif;background:0 0;border:0;border-radius:9px;font-size:12px;font-weight:700}.online-module__2Qg0VW__tab:hover{color:var(--jq-text)}.online-module__2Qg0VW__tabActive{background:var(--jq-surface-strong);color:var(--jq-mint-soft)}.online-module__2Qg0VW__form{flex-direction:column;gap:18px;margin-top:24px;display:flex}.online-module__2Qg0VW__field{flex-direction:column;gap:7px;display:flex}.online-module__2Qg0VW__field>span{color:var(--jq-text-soft);font-size:12px;font-weight:700}.online-module__2Qg0VW__field input{border:1px solid var(--jq-border);width:100%;color:var(--jq-text);background:#0b2823;border-radius:11px;outline:none;padding:12px 13px;transition:border-color .15s,background-color .15s}.online-module__2Qg0VW__field input::placeholder{color:var(--jq-muted)}.online-module__2Qg0VW__field input:focus{border-color:var(--jq-mint);background:#0d3029}.online-module__2Qg0VW__codeInput{text-transform:uppercase;letter-spacing:.2em;font-weight:700}.online-module__2Qg0VW__avatarGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.online-module__2Qg0VW__avatarButton,.online-module__2Qg0VW__avatarButtonActive{aspect-ratio:1;border:1px solid var(--jq-border);background:var(--jq-surface-soft);border-radius:13px;justify-content:center;align-items:center;font-size:24px;transition:transform .13s,border-color .13s,background .13s;display:flex}.online-module__2Qg0VW__avatarButton:hover{border-color:var(--avatar-color);transform:translateY(-2px)}.online-module__2Qg0VW__avatarButtonActive{border-color:var(--jq-mint);background:var(--jq-surface-strong);transform:translateY(-2px)}.online-module__2Qg0VW__primaryButton,.online-module__2Qg0VW__primaryLink,.online-module__2Qg0VW__secondaryButton,.online-module__2Qg0VW__copyButton{font-family:var(--font-play), sans-serif;border-radius:11px;font-weight:700;transition:transform .13s,background .13s,border-color .13s}.online-module__2Qg0VW__primaryButton,.online-module__2Qg0VW__primaryLink{border:1px solid var(--jq-mint);background:var(--jq-mint);color:#06251f;text-align:center;padding:12px 22px}.online-module__2Qg0VW__primaryButton:hover,.online-module__2Qg0VW__primaryLink:hover{background:var(--jq-mint-soft);transform:translateY(-2px)}.online-module__2Qg0VW__primaryButton:active,.online-module__2Qg0VW__primaryLink:active{transform:translateY(1px)}.online-module__2Qg0VW__primaryButton:disabled{opacity:.35}.online-module__2Qg0VW__error{border:1px solid var(--jq-danger-dark);color:#f39ba6;background:#ed708014;border-radius:10px;padding:11px 13px;font-weight:700}.online-module__2Qg0VW__lobbyTop{grid-template-columns:minmax(0,1fr) auto;gap:24px;margin-top:44px;display:grid}.online-module__2Qg0VW__roomTitle h1{font-family:var(--font-play), sans-serif;margin:6px 0 0;font-size:40px}.online-module__2Qg0VW__roomTitle p{color:var(--jq-muted);margin:8px 0 0}.online-module__2Qg0VW__codeCard{text-align:right;border-radius:17px;min-width:245px;padding:18px}.online-module__2Qg0VW__codeCard small{color:var(--jq-muted);font-size:10px;font-weight:700;display:block}.online-module__2Qg0VW__codeCard strong{color:var(--jq-mint-soft);font-family:var(--font-play), sans-serif;letter-spacing:.11em;margin-top:5px;font-size:31px;display:block}.online-module__2Qg0VW__shareActions{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.online-module__2Qg0VW__copyButton{border:1px solid var(--jq-border);background:var(--jq-surface-soft);color:var(--jq-text-soft);padding:7px 10px;font-size:10px}.online-module__2Qg0VW__copyButton:hover{border-color:var(--jq-border-hover);color:var(--jq-text)}.online-module__2Qg0VW__realtimeBadge{color:var(--jq-success);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.online-module__2Qg0VW__realtimeBadge>span{background:var(--jq-success);border-radius:50%;width:8px;height:8px}.online-module__2Qg0VW__lobbyGrid{grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:26px;display:grid}.online-module__2Qg0VW__playersPanel,.online-module__2Qg0VW__sidePanel{border-radius:20px;padding:22px}.online-module__2Qg0VW__sectionTitle{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.online-module__2Qg0VW__sectionTitle h2{font-family:var(--font-play), sans-serif;margin:5px 0 0;font-size:26px}.online-module__2Qg0VW__sectionTitle>span{color:var(--jq-muted);font-weight:700}.online-module__2Qg0VW__playerList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.online-module__2Qg0VW__playerCard,.online-module__2Qg0VW__playerCardCurrent{border:1px solid var(--jq-border);background:var(--jq-surface-soft);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.online-module__2Qg0VW__playerCardCurrent{border-color:var(--jq-mint);background:var(--jq-surface-strong)}.online-module__2Qg0VW__playerDetails{flex:1;min-width:0}.online-module__2Qg0VW__playerDetails strong{color:var(--jq-text);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.online-module__2Qg0VW__playerDetails small{color:var(--jq-muted);margin-top:3px;display:block}.online-module__2Qg0VW__hostBadge{color:var(--jq-mint);font-size:10px;font-weight:700}.online-module__2Qg0VW__emptySlot{border:1px dashed var(--jq-border);min-height:68px;color:var(--jq-muted);border-radius:14px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.online-module__2Qg0VW__sidePanel h2{font-family:var(--font-play), sans-serif;margin:7px 0 0;font-size:24px}.online-module__2Qg0VW__sidePanel>p{color:var(--jq-muted);margin:10px 0 0;line-height:1.55}.online-module__2Qg0VW__statusBox{border-left:3px solid var(--jq-mint);background:var(--jq-surface-soft);color:var(--jq-text-soft);margin-top:18px;padding:12px;font-size:12px}.online-module__2Qg0VW__secondaryButton{border:1px solid var(--jq-border);background:var(--jq-surface-soft);width:100%;color:var(--jq-text);margin-top:14px;padding:11px}.online-module__2Qg0VW__secondaryButton:hover{border-color:var(--jq-border-hover);background:var(--jq-surface-hover)}.online-module__2Qg0VW__dangerButton{border:1px solid var(--jq-danger-dark);color:#ed8995;background:#ed70800f;border-radius:11px;width:100%;margin-top:9px;padding:10px;font-weight:700}.online-module__2Qg0VW__joinPanel{max-width:620px;margin:48px auto 0}.online-module__2Qg0VW__loadingState{min-height:420px;color:var(--jq-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.online-module__2Qg0VW__loadingSpinner{border:3px solid var(--jq-border);border-top-color:var(--jq-mint);border-radius:50%;width:38px;height:38px;animation:.7s linear infinite online-module__2Qg0VW__spinnerRotate}.online-module__2Qg0VW__notFoundPanel{border-radius:20px;max-width:560px;margin:70px auto 0;padding:28px}.online-module__2Qg0VW__notFoundPanel strong{font-family:var(--font-play), sans-serif;font-size:24px}.online-module__2Qg0VW__notFoundPanel p{color:var(--jq-muted);margin:10px 0 22px;line-height:1.5}@keyframes online-module__2Qg0VW__spinnerRotate{to{transform:rotate(360deg)}}@media (max-width:900px){.online-module__2Qg0VW__entryGrid,.online-module__2Qg0VW__lobbyGrid,.online-module__2Qg0VW__lobbyTop{grid-template-columns:1fr}.online-module__2Qg0VW__codeCard{text-align:left}.online-module__2Qg0VW__shareActions{justify-content:flex-start}}@media (max-width:620px){.online-module__2Qg0VW__shell{width:calc(100% - 24px)}.online-module__2Qg0VW__header img{width:150px}.online-module__2Qg0VW__avatarGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.online-module__2Qg0VW__playerList{grid-template-columns:1fr}}