.tier-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid currentColor;border-radius:8px;font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap;background:#ffffff06;vertical-align:middle}
.tier-icon{display:grid;place-items:center;width:22px;height:24px;font-size:22px;line-height:1;text-shadow:0 0 12px currentColor}
.tier-iron{color:#a6a6ad}.tier-silver{color:#d9e3ed}.tier-gold{color:#f4c85b}.tier-diamond{color:#65dafa}.tier-prestige{color:#b69aff;background:#8c6cf218}
.member-panel>.tier-badge{margin:0 0 18px}.tier-editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.tier-editor select{border:1px solid #534869;border-radius:7px;background:#17131f;color:#eee;padding:8px;font-size:14px}.tier-editor button{border:1px solid #8c6cf26b;border-radius:7px;background:#8c6cf21c;color:#d1c1ff;padding:8px 12px;cursor:pointer}.tier-editor button:disabled{opacity:.5;cursor:wait}
/* Prestige: faceted opal crown and a quiet iridescent rim. */
.tier-badge.tier-prestige{color:#edf9fb;border:1px solid transparent;background:linear-gradient(125deg,#18272beF,#20232def) padding-box,linear-gradient(120deg,#b8eee5,#f7e5ed 45%,#b9dffa 75%,#ecf6dd) border-box;box-shadow:inset 0 1px 0 #ffffff16,0 0 14px #bdeaf00b;text-shadow:0 0 10px #ccefff1f}
.tier-prestige .tier-icon{width:28px;height:28px;font-size:0;text-shadow:none;background:none;filter:drop-shadow(0 0 3px #c7f5ff35)}

.tier-prestige .tier-icon>img{display:block;width:28px;height:28px;object-fit:contain}
/* Diamond: sky-blue crystal facets with an icy rim. */
.tier-badge.tier-diamond{color:#b8eeff;border:1px solid transparent;background:linear-gradient(125deg,#102735,#142131) padding-box,linear-gradient(125deg,#e0faff,#64c8f7 55%,#c5edff) border-box;box-shadow:inset 0 1px 0 #ffffff12,0 0 12px #60ccff12;text-shadow:0 0 9px #8ce3ff25}
.tier-diamond .tier-icon{width:28px;height:28px;font-size:0;text-shadow:none;filter:drop-shadow(0 0 3px #65dafa55)}
.tier-diamond .tier-icon>img{display:block;width:28px;height:28px;object-fit:contain}
/* A clean silhouette with a soft polished finish. */
.tier-badge.tier-diamond{color:#c4ecfa;border:1px solid #a5e1f685;background:linear-gradient(135deg,#bdefff1a,#75bde90b 50%,#d1f5ff15);box-shadow:inset 0 1px 0 #e7fbff22,0 0 10px #7edbff12;text-shadow:0 0 8px #b3edff20}
.tier-diamond .tier-icon{filter:drop-shadow(0 0 2px #83dcff50)}
.tier-diamond .tier-icon>img{width:25px;height:25px}

/* Bright ice finish, matched to Prestige's polished intensity. */
.tier-badge.tier-diamond{color:#e3f8ff;border:1px solid transparent;background:linear-gradient(125deg,#193342,#162737) padding-box,linear-gradient(120deg,#f3fdff,#8ddcfa 38%,#f0fcff 65%,#8ccfee) border-box;box-shadow:inset 0 1px 0 #ffffff30,0 0 14px #91e2ff25;text-shadow:0 0 9px #b5efff45}
.tier-diamond .tier-icon{filter:drop-shadow(0 0 3px #abeaff90) brightness(1.18)}
.tier-diamond .tier-icon>img{background:radial-gradient(ellipse,#bcefff22,transparent 70%);border-radius:50%}

.membership-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 0 18px;width:100%}
.membership-badges .tier-badge{margin:0}
.membership-fellow-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #49debd65;border-radius:8px;background:linear-gradient(135deg,#28dbc51c,#1c827e12);color:#83eed7;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
.membership-fellow-badge>span{font-size:16px;line-height:1;color:#a4f6e4}
@media(min-width:901px){.portal-stage .membership-badges{margin-bottom:12px}}

.login-panel.member-panel h2.fellow-member-title,.portal-stage .member-panel h2.fellow-member-title{font-size:15px;font-weight:700;letter-spacing:1.5px;line-height:1.6;color:#f5d98a;background:linear-gradient(110deg,#c49840 5%,#f1d481 30%,#fff7d3 45%,#dbb252 60%,#f8dfa0 80%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #e8bd5435);animation:fellow-gold-sheen 6s ease-in-out infinite}
@keyframes fellow-gold-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.login-panel.member-panel h2.fellow-member-title{animation:none}}

.login-panel.member-panel .member-privacy-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;padding:8px;margin:0 0 12px;border:1px solid #65daca30;border-radius:9px;background:linear-gradient(110deg,#28dbc50d,#8c6cf20d);color:#9dd9d1;font-size:10px;font-weight:600;line-height:1.5;cursor:pointer}
.login-panel.member-panel .member-privacy-toggle:hover{background:#28dbc51a;color:#d4fff7}
.member-privacy-toggle>span:first-child{display:flex}.login-panel.member-panel .member-privacy-toggle.is-revealed{border-color:#d8bc6a60;color:#ebd293;background:#d8bc6a0a}
.login-panel.member-panel .member-privacy-toggle:focus-visible{outline:2px solid #5de1ca;outline-offset:3px}
.member-panel .member-masked{display:inline-block!important;letter-spacing:3px!important;color:#78bfb6!important;background:linear-gradient(110deg,#28dbc512,#8c6cf216);border:1px solid #74c8bb22;border-radius:6px;padding:2px 10px;user-select:none;font-size:12px!important;line-height:1.6!important}

.login-panel.member-panel .member-privacy-toggle{width:auto;min-height:32px;padding:6px 10px;margin:2px auto 8px;border:0;border-radius:5px;background:transparent;color:#9997a6;font-size:11px;font-weight:400;gap:6px}
.login-panel.member-panel .member-privacy-toggle:hover{background:transparent;color:#74d6c7}
.login-panel.member-panel .member-privacy-toggle.is-revealed{background:transparent;color:#74d6c7}
.member-privacy-toggle svg{width:15px;height:15px}
/* Minimal hidden identity text. */
.member-panel .member-masked{background:none;border:0;border-radius:0;padding:0;letter-spacing:2px!important;color:#868590!important;font-size:11px!important;box-shadow:none;text-shadow:none}

/* Unified metal emblems: same scale and faceted finish as the upper tiers. */
.tier-badge{font-size:14px;min-height:38px;box-sizing:border-box}
.tier-iron .tier-icon,.tier-silver .tier-icon,.tier-gold .tier-icon{width:28px;height:28px;flex-shrink:0;font-size:0;text-shadow:none}
.tier-iron .tier-icon>img,.tier-silver .tier-icon>img,.tier-gold .tier-icon>img{display:block;width:26px;height:26px;object-fit:contain}
.tier-badge.tier-iron{color:#d1dbe5;border:1px solid transparent;background:linear-gradient(125deg,#252e39,#1a222d) padding-box,linear-gradient(120deg,#a7b5c4,#63758a 45%,#c4cdd6 75%,#8193a6) border-box;box-shadow:inset 0 1px 0 #eaf3ff16,0 0 10px #91a5bb0a;text-shadow:0 0 8px #b5c8df16}
.tier-iron .tier-icon{filter:drop-shadow(0 0 2px #9cbed02b)}
.tier-badge.tier-silver{color:#edf4fc;border:1px solid transparent;background:linear-gradient(125deg,#2b3541,#1d2733) padding-box,linear-gradient(120deg,#f1f7ff,#a0b3c8 38%,#f5f9ff 65%,#b7c8db) border-box;box-shadow:inset 0 1px 0 #ffffff26,0 0 12px #d6e8ff15;text-shadow:0 0 8px #cde3ff28}
.tier-silver .tier-icon{filter:drop-shadow(0 0 3px #d2e7ff50)}
.tier-badge.tier-gold{color:#fff0bd;border:1px solid transparent;background:linear-gradient(125deg,#3c3020,#2a241d) padding-box,linear-gradient(120deg,#fff2c4,#d7ae56 38%,#fff2c6 65%,#c69a43) border-box;box-shadow:inset 0 1px 0 #fff2c726,0 0 13px #f4c85b1a;text-shadow:0 0 8px #f6d27930}
.tier-gold .tier-icon{filter:drop-shadow(0 0 3px #efcb6f60)}
.tier-editor select{min-height:40px;border-color:#536072;background:linear-gradient(135deg,#222733,#171c25);color:#edf2fa;line-height:1.5}
.tier-editor button{min-height:40px;border-color:#64778b66;background:#a8bfda0c;color:#dce8f7;font-size:14px}
.tier-editor select:focus-visible,.tier-editor button:focus-visible{outline:2px solid #9dd8e6;outline-offset:3px}
.tier-editor button:hover:not(:disabled){border-color:#b1c8de99;background:#b0c9e31a}