.membership-dialog{width:min(720px,calc(100vw - 40px));max-height:88vh;padding:32px;border:1px solid var(--line,#d1d3d6);border-radius:24px;background:var(--surface,#fff);color:var(--text,#252629);box-shadow:0 24px 90px #25262930;overflow:auto}
.membership-dialog::backdrop{background:#25262980;backdrop-filter:blur(5px)}
.membership-dialog .community-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.membership-dialog h1{font-size:30px;margin:8px 0}.membership-dialog p{line-height:1.65}.membership-dialog button{cursor:pointer;font:inherit}.membership-dialog [data-close]{border:0;background:transparent;font-size:30px}.membership-dialog [data-account]{color:var(--text-soft,#72757b);font-size:14px}
.membership-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 16px}.membership-plan{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:2px solid var(--line,#d1d3d6);border-radius:16px;background:var(--surface,#fff);color:inherit;text-align:left}.membership-plan[aria-checked=true]{border-color:var(--accent-dark,#48b8bd);background:#eefafa}.membership-plan b{font-size:36px;letter-spacing:-1px}.membership-plan span,.membership-terms{font-size:13px;color:var(--text-soft,#72757b)}
.membership-payment{text-align:center;min-height:54px}.membership-payment img{display:block;width:210px;height:210px;object-fit:contain;margin:20px auto;padding:8px;background:white;border-radius:12px}.membership-payment img[hidden]{display:none}.membership-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.membership-actions button{padding:12px 18px;border:1px solid var(--line,#d1d3d6);border-radius:12px;background:var(--surface,#fff);color:inherit}.membership-actions [data-buy],.membership-actions [data-play]{background:var(--accent,#7ed6d6);border-color:var(--accent-dark,#48b8bd);font-weight:700}.membership-dialog button:disabled{opacity:.5;cursor:wait}.membership-dialog details{border-top:1px solid var(--line,#d1d3d6);padding-top:16px;font-size:13px}.membership-dialog summary{cursor:pointer}.membership-dialog [data-orders] button{margin-left:10px}.membership-badge{position:absolute;left:10px;top:10px;padding:4px 9px;background:#fff;color:#252629;border-radius:7px;font-size:12px;font-weight:700;box-shadow:0 2px 7px #0002}.game-card,.all-games-tile{position:relative}.membership-entry{font-weight:700;white-space:nowrap}
@media(max-width:560px){.membership-dialog{padding:20px}.membership-plans{gap:10px}.membership-plan{padding:16px}.membership-plan b{font-size:28px}.membership-dialog h1{font-size:24px}}
.membership-plan:only-child{grid-column:1 / -1}