/* One approved dragon-frame composition, with level-specific color and talons. */
[data-level="1"]{--identity-color:#5eadab;--identity-soft:#63b9b315}
[data-level="2"]{--identity-color:#d0ad67;--identity-soft:#ccaa6715}
[data-level="3"]{--identity-color:#b49cdd;--identity-soft:#b499dc15}
[data-theme="light"] [data-level="1"]{--identity-color:#28736f;--identity-soft:#28736f09}
[data-theme="light"] [data-level="2"]{--identity-color:#95651f;--identity-soft:#95651f09}
[data-theme="light"] [data-level="3"]{--identity-color:#765397;--identity-soft:#76539709}
.rank-mark.rank-dragon{display:block;width:120px;height:auto;object-fit:contain;flex:none;max-width:100%;transform:none}
.membership-badge.is-vip{gap:9px;border:0;padding:0;background:none;color:var(--text);border-radius:0;white-space:normal;text-align:left}
.membership-badge .rank-mark.rank-dragon{width:94px;height:auto}
.membership-caption{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.3}
.membership-caption b{font-size:12px;letter-spacing:.6px;font-weight:650;color:var(--identity-color,var(--text));white-space:nowrap}
.membership-caption small{font-size:11px;color:var(--muted);white-space:nowrap}
.member-entry{min-height:52px;min-width:0}
.member-entry .membership-badge{margin:0}
.membership-heading{align-items:center;flex-wrap:wrap}
.current-membership{flex:0 1 420px;max-width:100%;min-width:0;gap:20px;padding:20px;background:var(--panel)}
.current-membership>.rank-mark.rank-dragon{width:190px;height:auto}
.current-membership>div{min-width:0;flex:1}
.current-membership b{line-height:1.6;margin:7px 0;color:var(--identity-color,var(--text))}
.current-membership>div>span{font-size:12px;line-height:1.8;display:block}
.current-membership>.ico{width:35px;height:35px;color:var(--muted);flex:none}
.identity-art-label{display:block;margin-top:7px;font-size:12px;color:var(--muted);letter-spacing:.5px}
.tier-card[data-level]{color:var(--identity-color);background:var(--panel);border-radius:9px;min-width:0}
.tier-card.current{border-color:var(--identity-color);box-shadow:none}
.tier-card .tier-symbol{display:flex;justify-content:center;align-items:center;min-height:150px;margin:20px -8px 15px}
.tier-symbol .rank-mark.rank-dragon{width:100%;max-width:370px;height:auto;transform:none}
.tier-card:hover .rank-mark.rank-dragon{transform:none}
.tier-card h2{margin-bottom:8px}
.tier-card .identity-art-label{color:var(--identity-color);margin:0 0 18px}
.tier-card li{white-space:normal;line-height:1.9;margin:6px 0}
.tier-admin-selector>.btn{min-width:0;gap:15px;align-items:center}
.tier-admin-selector .rank-mark.rank-dragon{width:124px;height:auto;margin:0}
.tier-admin-selector>.btn>span{min-width:0}
.tier-admin-selector .identity-art-label{font-size:11px;letter-spacing:0;line-height:1.5}
.membership-admin .membership-badge .rank-mark.rank-dragon{width:90px}
.profile-panel .membership-badge{margin:10px 0 22px}
.profile-panel .membership-badge .rank-mark.rank-dragon{width:170px}
.profile-panel .membership-caption b{font-size:17px}
.profile-panel .membership-caption small{font-size:13px}
.profile-menu>.btn:has(.membership-badge.is-vip){grid-column:1/-1;padding:10px 14px}
.profile-menu .membership-badge .rank-mark.rank-dragon{width:140px}
.arrival-identity .membership-badge .rank-mark.rank-dragon{width:86px}
.arrival-identity .membership-caption b{font-size:12px}
.arrival-identity .membership-caption small{font-size:10px}
.member-invitation>.rank-mark.rank-dragon{width:106px;height:auto}
.member-invitation{gap:12px}
.member-invitation>div{min-width:0}
@media(max-width:1200px){
 .current-membership{flex-basis:100%;width:420px;margin-top:8px}
 .tier-admin-selector>.btn{display:flex;flex-direction:column;text-align:center;gap:10px;padding:15px 10px}
 .tier-admin-selector .rank-mark.rank-dragon{width:140px}
 .tier-card .tier-symbol{min-height:115px}
}
@media(max-width:800px){
 .topbar .membership-badge{gap:4px}
 .topbar .membership-badge .rank-mark.rank-dragon{width:65px}
 .topbar .membership-caption b{font-size:10px;letter-spacing:0}
 .topbar .membership-caption small{display:none}
 .member-entry{min-height:44px}
 .current-membership{width:100%;max-width:none;margin-top:22px;gap:15px;padding:16px}
 .current-membership>.rank-mark.rank-dragon{width:45%;max-width:200px}
 .current-membership b{font-size:16px}
 .current-membership>div>span{font-size:12px}
 .membership-plans{grid-template-columns:1fr;gap:18px}
 .tier-card{display:block;padding:23px}
 .tier-card .tier-symbol{margin:15px auto 12px;min-height:0;max-width:340px}
 .tier-card h2{font-size:28px}
 .tier-card>p{margin-bottom:16px}
 .tier-card ul{display:block;margin:19px 0;gap:0}
 .tier-card li{font-size:12px;white-space:normal}
 .tier-admin-selector{gap:7px}
 .tier-admin-selector>.btn{padding:12px 6px;gap:6px}
 .tier-admin-selector .rank-mark.rank-dragon{width:100%;max-width:140px}
 .tier-admin-selector small{font-size:9px;line-height:1.5;letter-spacing:0}
 .tier-admin-selector b{font-size:15px}
 .tier-admin-selector .identity-art-label{font-size:9px;white-space:normal}
 .profile-menu .membership-badge .rank-mark.rank-dragon{width:125px}
 .profile-panel .membership-badge .rank-mark.rank-dragon{width:150px}
 .arrival-identity .membership-badge .rank-mark.rank-dragon{width:74px}
}