/* Prestige account dropdown. Page navigation, notifications and auth panels stay separate. */
.prestige-metal-header .header-content { transform:none; }
:is(.prestige-metal-header,.prestige-metal-drawer) .prestige-header-icon { display:block; width:24px; height:24px; flex:none; margin:0; background:none; color:#e6c16e; filter:drop-shadow(0 1px 1px #000); }
:is(.prestige-metal-header,.prestige-metal-drawer) .prestige-header-icon-detail { fill:none; stroke:#ffebb6; stroke-width:1; stroke-linecap:round; opacity:.8; }
.prestige-metal-header .user-btn { gap:9px; }
.prestige-metal-header .user-btn>.prestige-header-icon { width:19px; height:19px; }
.prestige-metal-header .user-arrow { display:block; width:6px; height:6px; border:solid #c5a76b; border-width:0 1px 1px 0; transform:rotate(45deg); margin:0 2px 4px 3px; opacity:1; }
.prestige-metal-header .user-dropdown.active .user-arrow { transform:rotate(225deg); margin-top:4px; margin-bottom:0; }
.prestige-metal-header .user-dropdown.active .user-btn { border-color:#d6b265; box-shadow:inset 0 1px #fff1,0 0 10px #c3a15a20; }
.prestige-metal-header .user-dropdown.active::after {
    content:''; position:absolute; top:calc(100% + 8px); left:50%; width:13px; height:13px;
    transform:translateX(-50%) rotate(45deg); background:linear-gradient(135deg,#c8a25a,#252219 70%);
    border-top:1px solid #f3d489; border-left:1px solid #f3d489; z-index:100000; pointer-events:none;
}
.header.prestige-metal-header .user-menu {
    --account-gold:#c6a160; --account-text:#e6dfd0;
    box-sizing:border-box; width:410px; min-width:0; max-width:calc(100vw - 28px);
    top:calc(100% + 15px); right:-24px; padding:0; border:1px solid #c29d54; border-radius:3px;
    background:linear-gradient(115deg,#121310f5,#080b0bf2),url('../images/item-mall-forge/forged-steel-v1.webp') center/512px;
    box-shadow:0 18px 46px #000b,inset 0 1px #f8d88966,inset 0 0 0 4px #060806,inset 0 0 0 5px #96753a38;
    max-height:none; overflow:visible; color:var(--account-text); text-shadow:0 1px #000;
    backdrop-filter:none; isolation:isolate;
}
.prestige-metal-header .user-menu::before {
    content:''; position:absolute; inset:-2px; z-index:3; pointer-events:none;
    border:25px solid transparent;
    border-image:url('../images/homepage-gold/engraved-frame-v2.webp') 180 / 27px / 0 stretch;
    mix-blend-mode:screen; opacity:.86;
}
.prestige-metal-header .user-dropdown.active .user-menu { animation:prestige-account-reveal .16s ease-out; }
.prestige-metal-header .account-menu-scroll {
    max-height:calc(100vh - 114px); max-height:calc(100dvh - 114px);
    overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
    scrollbar-width:thin; scrollbar-color:#987b43 #0e100e;
    padding:10px 16px 13px;
}
.prestige-metal-header .account-menu-scroll::-webkit-scrollbar { width:5px; }
.prestige-metal-header .account-menu-scroll::-webkit-scrollbar-thumb { background:#987b43; border-radius:2px; }
.prestige-metal-header .account-overview {
    position:relative; isolation:isolate; display:grid; grid-template-columns:78px minmax(0,1fr);
    gap:12px 15px; padding:15px 0 21px; border-bottom:1px solid #9e7c3f7d; margin:0 0 11px;
}
.prestige-metal-header .account-overview::before {
    content:''; position:absolute; inset:-10px -16px 0; z-index:-1; pointer-events:none;
    background:linear-gradient(90deg,#10120df2 15%,#0c0e0ec2 58%,#10120d64),
        url('../images/item-mall-forge/citadel-hero-v1.webp') 32% 34%/auto 230px;
    opacity:.75;
}
.prestige-metal-header .account-overview h2 {
    grid-column:2; align-self:center; margin:1px 0 0; color:#e9c982;
    font:400 15px/1.4 'Times New Roman',Times,serif; letter-spacing:.065em; text-transform:uppercase;
    padding-bottom:10px; border-bottom:1px solid #b494543b;
}
.prestige-metal-header .account-overview h2::before { content:'\2727'; font-size:13px; margin-right:7px; color:#d6b36c; }
.prestige-metal-header .account-medallion { grid-row:1 / 3; grid-column:1; align-self:center; width:80px; height:80px; position:relative; display:grid; place-items:center; }
.prestige-metal-header .account-medallion::before { content:''; position:absolute; inset:-4px; background:url('../images/homepage-gold/navigation-medallion-v2.webp') center/contain no-repeat; mask:radial-gradient(circle,transparent 43%,#000 45%,#000 68%,transparent 72%); mix-blend-mode:screen; pointer-events:none; }
.prestige-metal-header .account-medallion::after { content:''; position:absolute; inset:16px; border-radius:50%; background:radial-gradient(#292216,#090b09 75%); z-index:0; }
.prestige-metal-header .account-medallion .prestige-header-icon { position:relative; z-index:1; width:35px; height:35px; color:#edca79; filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 6px #e2b65a33); }
.prestige-metal-header .user-menu .user-balance { grid-column:2; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:9px; border:0; padding:0; background:none; }
.prestige-metal-header .user-menu .balance-item { display:grid; grid-template-columns:23px minmax(0,1fr); align-items:center; gap:3px 7px; margin:0; padding:0; min-width:0; }
.prestige-metal-header .user-menu .balance-item+.balance-item { border-left:1px solid #a4864b50; padding-left:10px; }
.prestige-metal-header .balance-item .prestige-header-icon { grid-column:1; grid-row:1 / 3; width:23px; height:23px; }
.prestige-metal-header .balance-label { grid-column:2; color:#d1c7b3; font:400 14px/1.2 'Times New Roman',Times,serif; white-space:normal; }
.prestige-metal-header .user-menu .balance-item .value { grid-column:2; display:block; color:#f4d488; font:400 23px/1.15 'Times New Roman',Times,serif; letter-spacing:0; font-variant-numeric:lining-nums tabular-nums; font-feature-settings:'lnum' 1,'tnum' 1; overflow-wrap:anywhere; }
.prestige-metal-header .account-links { display:block; margin:0; padding:0; height:auto; border:1px solid #8c795141; border-radius:7px; overflow:hidden; background:linear-gradient(110deg,#1e211d56,#080b0b30); }
.prestige-metal-header .user-menu a {
    box-sizing:border-box; display:flex; gap:16px; align-items:center; min-height:47px;
    padding:10px 14px; font:400 18px/1.3 'Times New Roman',Times,serif; letter-spacing:0;
    color:#e8e3d9; text-decoration:none; border-radius:0; background:none;
    transition:background-color .15s,color .15s; position:relative;
}
.prestige-metal-header .account-links>a+a { border-top:1px solid #89774e3d; }
.prestige-metal-header .user-menu a>span { min-width:0; overflow-wrap:anywhere; }
.prestige-metal-header .user-menu a::after {
    content:''; width:6px; height:6px; margin-left:auto; flex:none; border:solid #c3a36b; border-width:1px 1px 0 0; transform:rotate(45deg);
}
.prestige-metal-header .user-menu a:hover { background:#ffffff08; color:#f0e9dd; box-shadow:none; }
.prestige-metal-header .user-menu a:focus-visible { outline:2px solid #d6c39c; outline-offset:-3px; background:#ffffff08; }
.prestige-metal-header .account-admin { margin-top:15px; }
.prestige-metal-header .account-admin h3 { display:flex; align-items:center; gap:13px; margin:0 6px 12px; color:#c8ab72; font:400 11px/1.4 Georgia,'Times New Roman',serif; text-transform:uppercase; letter-spacing:.22em; }
.prestige-metal-header .account-admin h3::after { content:''; flex:1; height:1px; background:linear-gradient(90deg,#a2834555,transparent); }
.prestige-metal-header .account-admin a { border:1px solid #a98746; border-radius:5px; margin-top:8px; min-height:45px; color:#edd08b; background:linear-gradient(#ab813d19,#10120f33); box-shadow:inset 0 1px #ffe2a51a; }
.prestige-metal-header .account-admin a:hover { border-color:#b79c6b; color:#f0e9dd; }
.prestige-metal-header .user-menu a.logout { border:1px solid #8f7a524a; border-radius:5px; margin-top:17px; min-height:45px; color:#e7877f; }
.prestige-metal-header .user-menu a.logout>.prestige-header-icon { color:#e7877f; }
.prestige-metal-header .user-menu a.logout::after { content:none; }
.prestige-metal-header .user-menu a.logout:hover { color:#ffb5a9; background:#ad514017; box-shadow:none; border-color:#b0644b80; }
.prestige-metal-header .user-menu .streamer-section { margin:14px 0 0; padding:12px; border:1px solid #ac8a4547; border-radius:5px; background:#ae854511; }
.prestige-metal-header .user-menu .streamer-badge-menu { color:#e3c386; background:none; text-shadow:none; }
.prestige-metal-header .user-menu .streamer-info-box { background:#0003; border-color:#ad8e4945; }
.prestige-metal-header .user-menu .info-label { color:#bdb5a2; }
.prestige-metal-header .user-menu .info-value { color:#ead09a; }
.prestige-metal-header .user-menu .streamer-dashboard-link { padding:10px 0; color:#e7d29f; font-size:14px; }
@keyframes prestige-account-reveal { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }
@media(max-width:760px) {
    .header.prestige-metal-header .user-menu { position:fixed; top:74px; right:8px; width:390px; max-width:calc(100vw - 16px); }
    .prestige-metal-header .account-menu-scroll { max-height:calc(100vh - 90px); max-height:calc(100dvh - 90px); padding:9px 14px 13px; }
    .prestige-metal-header .account-overview { grid-template-columns:60px minmax(0,1fr); column-gap:12px; padding-top:12px; }
    .prestige-metal-header .account-overview::before { left:-14px; right:-14px; }
    .prestige-metal-header .account-medallion { width:62px; height:62px; }
    .prestige-metal-header .account-medallion::after { inset:12px; }
    .prestige-metal-header .account-medallion .prestige-header-icon { width:27px; height:27px; }
    .prestige-metal-header .account-overview h2 { font-size:13px; }
    .prestige-metal-header .user-menu a { min-height:46px; padding:10px 12px; font-size:17px; }
    .prestige-metal-header .user-btn>.prestige-header-icon { width:16px; height:16px; }
    .prestige-metal-header .user-btn { gap:6px; }
}
@media(max-width:380px) {
    .prestige-metal-header .account-overview { grid-template-columns:49px minmax(0,1fr); gap:10px; }
    .prestige-metal-header .account-medallion { width:50px; height:50px; }
    .prestige-metal-header .account-medallion::after { inset:10px; }
    .prestige-metal-header .account-medallion .prestige-header-icon { width:23px; height:23px; }
    .prestige-metal-header .user-menu .balance-item { grid-template-columns:minmax(0,1fr); gap:4px; }
    .prestige-metal-header .balance-item .prestige-header-icon { display:none; }
    .prestige-metal-header .balance-label,.prestige-metal-header .user-menu .balance-item .value { grid-column:1; }
    .prestige-metal-header .user-menu .balance-item .value { font-size:21px; }
    .prestige-metal-header .user-btn>.prestige-header-icon { display:none; }
}
@media(prefers-reduced-motion:reduce) {
    .prestige-metal-header .user-dropdown.active .user-menu { animation:none; }
    .prestige-metal-header .user-menu a,.prestige-metal-header .user-arrow { transition:none; }
}
