.membership{margin:0 0 24px;border:1px solid #34343c;border-radius:20px;background:#101014;overflow:hidden}
.membership-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#34343c}
.membership-tier{--metal:#e5ac79;--shine:#ffebcf;display:flex;align-items:center;gap:18px;min-width:0;padding:22px 26px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--metal) 18%,transparent),transparent 75%),#121216}
.membership-tier h2{margin:3px 0 4px;font-size:clamp(20px,2vw,26px);line-height:1.2;color:var(--shine)}
.membership-tier p{margin:0;color:#acafba;font-size:13px;line-height:1.4}
.membership-label{color:#b9bdc9;letter-spacing:.13em;font-size:10px;font-weight:800;text-transform:uppercase}
.membership-emblem{flex:0 0 auto;color:var(--metal);filter:drop-shadow(0 3px 10px color-mix(in srgb,var(--metal) 25%,transparent))}
.membership-emblem svg{display:block;fill:currentColor;stroke:var(--shine);stroke-width:1.4}
.membership-emblem .emblem-inset{fill:#16151b;stroke:var(--shine);stroke-width:.8}
.membership-emblem .emblem-star{fill:var(--shine);stroke:none}
.membership-silver{--metal:#b7c5d8;--shine:#f2f7ff}.membership-gold{--metal:#eac04b;--shine:#fff0b0}.membership-diamond{--metal:#71caf2;--shine:#cff6ff}.membership-crown{--metal:#e2ac53;--shine:#ffe9b0}.membership-ace{--metal:#ea617a;--shine:#ffcbd5}.membership-royal{--metal:#ba8cf4;--shine:#eddaff}.membership-legend{--metal:#eecf69;--shine:#fff3c1}.membership-vip{--metal:#bd91ff;--shine:#eddaff}.membership-inactive{--metal:#737681;--shine:#c2c6d0}
.membership-limit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 26px;font-size:13px;color:#b9bdc9}
.membership-limit strong{color:#ffdc75;font-size:20px;white-space:nowrap}.membership-limit small{color:#b9bdc9;font-size:11px;font-weight:500;margin-left:5px}
.membership-tier>div { min-width: 0; }
.membership-footer { padding: 0 26px 18px; }
.membership-footer .text-link { min-height: 44px; font-size: 13px; overflow-wrap: anywhere; }
.profile-edit-link { margin-top: 16px; }
.current-level-view { max-width: 880px; margin-inline: auto; }
.current-level-view .membership { margin-bottom: 0; }
/* Faceted, resolution-independent membership insignia; no emoji glyphs. */
.tier-badge{--metal:#d99d70;--shine:#ffe2ba;display:inline-grid;vertical-align:middle;place-items:center;flex:none;width:74px;height:85px;line-height:1;filter:drop-shadow(0 5px 10px #0006)}
.tier-badge svg,.membership-emblem .tier-badge svg{display:block;width:100%;height:100%;fill:none;stroke:none}
.tier-badge .badge-shadow{fill:#030509;stroke:#000;stroke-width:2}
.tier-badge .badge-rim{fill:var(--metal);stroke:var(--shine);stroke-width:1}
.tier-badge .badge-face{fill:#11151e;stroke:var(--shine);stroke-width:.8}
.tier-badge .badge-facet{fill:var(--shine);opacity:.65}
.tier-badge .badge-edge{fill:none;stroke:var(--metal);stroke-width:1.3;stroke-linecap:round}
.tier-badge .badge-gem,.tier-badge .badge-crown{fill:var(--metal);stroke:var(--shine);stroke-width:.7}
.tier-badge .badge-crown-line{fill:none;stroke:#1b1920;stroke-width:1.4}
.tier-badge .badge-letter{fill:var(--shine);stroke:none;font:700 24px Georgia,serif;letter-spacing:-1px}
.tier-badge .badge-vip-label{fill:var(--shine);stroke:none;font:800 10px Arial,sans-serif;letter-spacing:1px}
.tier-badge-silver{--metal:#a5b7ce;--shine:#eef6ff}.tier-badge-gold{--metal:#d8ae45;--shine:#fff0b6}.tier-badge-diamond{--metal:#58bad3;--shine:#d8fbff}.tier-badge-crown{--metal:#d9a155;--shine:#fff1cc}.tier-badge-ace{--metal:#da6479;--shine:#ffe0e7}.tier-badge-royal{--metal:#9c82de;--shine:#eee4ff}.tier-badge-legend{--metal:#dfc16b;--shine:#fff6cd}
.tier-badge-vip{--metal:#b798ed;--shine:#eee2ff}.tier-badge-rank-1{--metal:#d8ad52;--shine:#fff0bd}.tier-badge-rank-2{--metal:#abbcd9;--shine:#f5f9ff}.tier-badge-rank-3{--metal:#5dc0d2;--shine:#deffff}.tier-badge-rank-4{--metal:#a28ce1;--shine:#f0e7ff}.tier-badge-rank-5{--metal:#d67c9b;--shine:#ffe5ef}.tier-badge-rank-x{--metal:#e5c265;--shine:#fff6d4}
.membership-inactive .tier-badge{--metal:#687382;--shine:#a8b4c4;filter:none}
.levels-table .tier-badge{width:36px;height:43px;margin-right:10px}
@media(max-width:600px){.membership-emblem .tier-badge{width:62px;height:72px}.levels-table .tier-badge{width:26px;height:32px;margin-right:5px}}
.profile-editor { max-width: 640px; margin: 0 auto 24px; }
.profile-editor h1 { font-size: clamp(24px,4vw,32px); margin: 16px 0 8px; }
.profile-editor>p { color: var(--muted); font-size: 14px; margin: 0 0 24px; }
.profile-account-form .avatar-options { display: grid; grid-template-columns: repeat(auto-fit,64px); gap: 12px; justify-content: start; }
.profile-account-form .avatar-choice { display: block; width: 64px; height: 64px; border-radius: 50%; }
.profile-account-form .avatar-choice img { display: block; width: 64px; height: 64px; max-width: 64px; aspect-ratio: 1; object-fit: cover; }
.profile-account-form .avatar-choice input { inset: 0; width: 100%; height: 100%; margin: 0; }
.profile-account-form .avatar-choice:has(input:focus-visible) { outline: 3px solid var(--gold); outline-offset: 4px; }
.profile-editor-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
@media(max-width:600px){.membership-footer { padding: 0 14px 14px; }.membership-tiers{grid-template-columns:1fr}.membership-tier{padding:18px 14px}.membership-inactive{border-top:1px solid #34343c}.profile-editor{padding:20px}.profile-account-form .avatar-options{gap:10px}}
@media(max-width:600px){.membership{border-radius:16px;margin-bottom:18px}.membership-tier{gap:10px;padding:18px 12px}.membership-emblem svg{width:38px;height:44px}.membership-tier h2{font-size:19px}.membership-tier p{font-size:11px}.membership-label{font-size:9px;letter-spacing:.08em}.membership-limit{align-items:flex-start;padding:14px;gap:10px}.membership-limit>span{max-width:145px;font-size:12px}.membership-limit strong{font-size:18px}.membership-limit small{display:block;margin:3px 0 0;text-align:right}}
@media(max-width:359px){.membership-tiers{grid-template-columns:1fr}.membership-tier{padding:14px 18px}.membership-limit strong{font-size:17px}}