/* HG_V119_SHARED_CROWN_IDENTITY_STYLES */
.hg-crown-halo { border-radius: 999px !important; transition: box-shadow .35s ease, border-color .35s ease, filter .35s ease !important; }
.hg-crown-halo-level-0 { border: 2px solid #7ea65a !important; box-shadow: 0 0 8px rgba(126,166,90,.45) !important; }
.hg-crown-halo-level-1 { border: 2px solid #f8efb0 !important; box-shadow: 0 0 12px rgba(248,239,176,.7) !important; }
.hg-crown-halo-level-2 { border: 2px solid #cd7f32 !important; box-shadow: 0 0 14px rgba(205,127,50,.78) !important; }
.hg-crown-halo-level-3 { border: 2px solid #e5e4e2 !important; box-shadow: 0 0 16px rgba(229,228,226,.9) !important; }
.hg-crown-halo-level-4 { border: 2px solid #ffd700 !important; box-shadow: 0 0 19px rgba(255,215,0,.95), 0 0 34px rgba(255,215,0,.25) !important; }
.hg-crown-halo-level-5 { border: 2px solid #ff3264 !important; box-shadow: 0 0 20px rgba(255,50,100,.95), inset 0 0 9px rgba(255,50,100,.35) !important; }
.hg-crown-halo-level-6 { border: 2px solid #00e5ff !important; box-shadow: 0 0 23px rgba(0,229,255,1), 0 0 42px rgba(0,229,255,.28) !important; }
.hg-crown-halo-level-7 { border: 2px solid #a86bff !important; box-shadow: 0 0 24px rgba(168,107,255,1), 0 0 44px rgba(168,107,255,.3) !important; }
.hg-crown-halo-level-8 { border: 2px solid #ffb347 !important; box-shadow: 0 0 24px rgba(255,179,71,1), 0 0 46px rgba(255,215,0,.35) !important; }
.hg-crown-halo-level-9 { border: 3px solid #c7fff4 !important; box-shadow: 0 0 26px rgba(199,255,244,1), 0 0 50px rgba(255,255,255,.42) !important; }
.hg-crown-halo-level-10 { border: 3px solid #fff !important; box-shadow: 0 0 28px #fff, 0 0 52px #ffd700, 0 0 76px rgba(0,229,255,.45) !important; }

.hg-name-logo-chip { appearance:none; border:1px solid rgba(255,215,0,.34); background:rgba(10,10,14,.82); color:#fff; min-width:25px; height:25px; padding:0 5px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; cursor:pointer; font-size:15px; line-height:1; box-shadow:0 0 10px rgba(255,215,0,.13); margin-left:4px; }
.hg-name-logo-chip:active { transform:scale(.9); }
.hg-name-logo-empty { color:#d4af37; font-weight:900; border-style:dashed; }

.hg-name-logo-overlay { position:fixed; inset:0; z-index:2147483646; background:rgba(0,0,0,.86); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); display:flex; align-items:flex-end; justify-content:center; opacity:0; transition:opacity .2s ease; padding:16px 12px calc(16px + env(safe-area-inset-bottom)); box-sizing:border-box; }
.hg-name-logo-overlay.active { opacity:1; }
.hg-name-logo-sheet { width:min(620px,100%); max-height:min(86dvh,780px); overflow:hidden; display:flex; flex-direction:column; background:linear-gradient(180deg,#19191f,#0b0b0f); border:1px solid rgba(255,215,0,.38); border-radius:24px; box-shadow:0 25px 70px rgba(0,0,0,.85), inset 0 0 30px rgba(255,215,0,.04); transform:translateY(24px); transition:transform .22s ease; }
.hg-name-logo-overlay.active .hg-name-logo-sheet { transform:translateY(0); }
.hg-name-logo-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 20px 12px; }
.hg-name-logo-head small { color:#9ca1aa; text-transform:uppercase; letter-spacing:1.8px; font-weight:800; }
.hg-name-logo-head h2 { margin:4px 0 0; color:#ffd700; font-size:1.25rem; }
.hg-name-logo-head button { width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.07); color:#fff; font-size:1.6rem; cursor:pointer; }
.hg-name-logo-intro { color:#c5c7cc; line-height:1.45; margin:0; padding:0 20px 14px; }
.hg-name-logo-catalog { overflow:auto; padding:4px 14px 18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hg-name-logo-option { border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.045); color:#fff; border-radius:16px; min-height:92px; padding:12px; display:grid; grid-template-columns:46px 1fr; grid-template-rows:auto auto; gap:3px 10px; text-align:left; cursor:pointer; position:relative; }
.hg-name-logo-option.selected { border-color:#ffd700; box-shadow:0 0 16px rgba(255,215,0,.22); background:rgba(255,215,0,.08); }
.hg-name-logo-option.locked { opacity:.64; }
.hg-name-logo-preview { grid-row:1 / span 2; width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#08080b; border:1px solid rgba(255,215,0,.18); font-size:1.65rem; }
.hg-name-logo-copy strong { display:block; color:#fff; margin-bottom:3px; }
.hg-name-logo-copy small { color:#a9adb5; line-height:1.25; }
.hg-name-logo-requirement { grid-column:2; color:#ffd700; font-size:.75rem; font-weight:900; text-transform:uppercase; letter-spacing:.5px; }
.hg-name-logo-footer { padding:12px 18px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid rgba(255,255,255,.08); display:flex; align-items:center; justify-content:space-between; gap:12px; color:#c5c7cc; }
.hg-name-logo-footer button { border:0; border-radius:12px; background:linear-gradient(135deg,#ffd700,#e7a91f); color:#111; font-weight:900; padding:11px 22px; cursor:pointer; }
html.hg-name-logo-open, body.hg-name-logo-open { overflow:hidden !important; }

.hg-profile-crown-panel { margin:0 0 14px; padding:15px; border-radius:16px; background:linear-gradient(135deg,rgba(255,215,0,.09),rgba(0,229,255,.035)); border:1px solid rgba(255,215,0,.25); }
.hg-profile-crown-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.hg-profile-crown-heading span { color:#aaa; font-size:.78rem; text-transform:uppercase; letter-spacing:1px; }
.hg-profile-crown-heading strong { color:#ffd700; text-align:right; }
.hg-profile-crown-track { height:10px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; margin:12px 0 8px; }
.hg-profile-crown-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#cd7f32,#ffd700,#00e5ff); box-shadow:0 0 14px rgba(255,215,0,.45); }
.hg-profile-crown-stats { display:flex; justify-content:space-between; gap:12px; color:#aeb2ba; font-size:.78rem; }
.hg-profile-logo-button { width:100%; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.045); color:#fff; display:flex; align-items:center; gap:12px; padding:12px; cursor:pointer; text-align:left; }
.hg-profile-logo-icon { width:42px; height:42px; border-radius:13px; background:#08080b; border:1px solid rgba(255,215,0,.24); display:flex; align-items:center; justify-content:center; font-size:1.55rem; flex:0 0 auto; }
.hg-profile-logo-button strong,.hg-profile-logo-button small { display:block; }
.hg-profile-logo-button small { color:#9ca1aa; margin-top:3px; }
@media (max-width:520px) { .hg-name-logo-catalog { grid-template-columns:1fr; } .hg-profile-crown-stats { flex-direction:column; gap:4px; } }