:root {
  --mp-bg: #0d0e0d;
  --mp-panel: rgba(22, 23, 20, .94);
  --mp-panel-2: rgba(34, 33, 27, .92);
  --mp-border: rgba(190, 162, 88, .32);
  --mp-border-strong: rgba(220, 190, 104, .62);
  --mp-gold: #d5b96c;
  --mp-gold-bright: #f0d98d;
  --mp-text: #e7e4da;
  --mp-muted: #aaa698;
  --mp-red: #78352f;
  --mp-green: #617748;
  --mp-shadow: 0 18px 50px rgba(0,0,0,.38);
}
.member-profile-shell { color: var(--mp-text); }
.member-profile-shell *, .member-profile-shell *::before, .member-profile-shell *::after { box-sizing: border-box; }
.mp-breadcrumbs { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; padding:10px 18px; background:#0b0c0b; border-block:1px solid #24241f; color:var(--mp-muted); font-size:.85rem; }
.mp-breadcrumbs a { color:#ddd3af; text-decoration:none; }
.mp-breadcrumbs a:hover { color:var(--mp-gold-bright); }
.mp-hero { position:relative; overflow:hidden; min-height:230px; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.75fr); gap:24px; align-items:end; padding:34px clamp(18px,4vw,50px); background:linear-gradient(90deg, rgba(7,8,7,.94), rgba(7,8,7,.56)), var(--mp-hero-image, radial-gradient(circle at 70% 20%, #51462c, #171914 55%, #090a09)); background-size:cover; background-position:center; border-bottom:1px solid var(--mp-border-strong); box-shadow:inset 0 -45px 65px rgba(0,0,0,.45); }
.mp-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg, transparent 0 60%, rgba(213,185,108,.06)); }
.mp-identity { position:relative; z-index:1; display:flex; gap:22px; align-items:center; min-width:0; }
.mp-medal { width:112px; height:112px; flex:0 0 112px; position:relative; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle, rgba(213,185,108,.15), transparent 68%); filter:drop-shadow(0 10px 18px rgba(0,0,0,.55)); }
.mp-medal img { width:100%; height:100%; object-fit:contain; }
.mp-medal .mp-role-medal { position:absolute; inset:0; background-size:contain; background-repeat:no-repeat; background-position:center; }
.mp-name { margin:0; color:var(--mp-gold-bright); font-family:Caudex, Georgia, serif; font-weight:500; font-size:clamp(2.15rem,5vw,4.1rem); line-height:.95; text-shadow:0 3px 16px #000; overflow-wrap:anywhere; }
.mp-title { margin:.5rem 0 0; color:#fff; font-family:Caudex, Georgia, serif; font-size:clamp(.95rem,2vw,1.18rem); font-weight:400; }
.mp-meta-line { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:14px; color:#c4c0b3; font-size:.82rem; }
.mp-meta-line span { display:inline-flex; align-items:center; gap:6px; }
.mp-achievements { position:relative; z-index:1; justify-self:end; width:min(100%,540px); padding:18px; background:linear-gradient(180deg, rgba(8,9,8,.56), rgba(8,9,8,.78)); border:1px solid var(--mp-border); border-radius:10px; backdrop-filter:blur(4px); box-shadow:var(--mp-shadow); }
.mp-achievements-title { margin:0 0 10px; color:var(--mp-gold); font:600 .8rem/1.2 Caudex, Georgia, serif; letter-spacing:.12em; text-transform:uppercase; }
.mp-nav-wrap { position:sticky; top:0; z-index:40; background:rgba(10,11,10,.97); border-bottom:1px solid var(--mp-border); box-shadow:0 8px 22px rgba(0,0,0,.28); }
.mp-nav { display:flex; gap:4px; overflow-x:auto; padding:7px clamp(10px,3vw,28px); scrollbar-width:thin; }
.mp-nav a { display:inline-flex; align-items:center; gap:7px; min-height:42px; padding:0 13px; border:1px solid transparent; border-radius:7px; color:#c9c5b9; text-decoration:none; white-space:nowrap; font:.84rem/1 Caudex, Georgia, serif; }
.mp-nav a:hover { color:#fff; background:#1b1c18; border-color:#333329; }
.mp-nav a.is-active { color:#1b170d; background:linear-gradient(#e0c77e,#b79b50); border-color:#f1d889; box-shadow:inset 0 1px rgba(255,255,255,.45), 0 3px 12px rgba(0,0,0,.32); font-weight:700; }
.mp-nav a.is-private { border-color:rgba(213,185,108,.18); }
.mp-actions { display:flex; gap:7px; margin-left:auto; padding-left:6px; }
.mp-content { max-width:1480px; margin:0 auto; padding:clamp(14px,2.5vw,30px); }
.mp-content > #full, .mp-content > section > #full { width:100%; }
.member-profile-shell #cbox { background:linear-gradient(180deg, var(--mp-panel), rgba(14,15,13,.96)); border:1px solid var(--mp-border); border-radius:10px; box-shadow:var(--mp-shadow); overflow:hidden; }
.member-profile-shell h2 { margin:0 0 14px; padding:11px 14px; border:0; border-bottom:1px solid var(--mp-border); color:var(--mp-gold-bright); background:linear-gradient(90deg, rgba(213,185,108,.12), transparent); font-family:Caudex, Georgia, serif; font-weight:500; }
.member-profile-shell h3 { color:var(--mp-gold); font-family:Caudex, Georgia, serif; }
.member-profile-shell table { max-width:100%; }
.member-profile-shell table#data, .member-profile-shell table[id="Profile"] { border-collapse:separate; border-spacing:0; width:100%; overflow:hidden; }
.member-profile-shell table#data th { background:#171813; color:var(--mp-gold); border-bottom:1px solid var(--mp-border-strong); }
.member-profile-shell table#data td, .member-profile-shell table[id="Profile"] td { border-bottom:1px solid rgba(255,255,255,.055); }
.member-profile-shell table#data tr:hover td { background:rgba(213,185,108,.045); }
.member-profile-shell input[type=text], .member-profile-shell input[type=email], .member-profile-shell input[type=number], .member-profile-shell select, .member-profile-shell textarea { max-width:100%; color:#eee; background:#11120f; border:1px solid #4b493d; border-radius:6px; padding:9px 10px; }
.member-profile-shell input:focus, .member-profile-shell select:focus, .member-profile-shell textarea:focus { outline:2px solid rgba(213,185,108,.3); border-color:var(--mp-gold); }
.member-profile-shell button, .member-profile-shell input[type=submit], .member-profile-shell #fancybutton, .member-profile-shell #fancybuttonsm, .member-profile-shell #buybutton { border:1px solid #9b8246; border-radius:6px; background:linear-gradient(#4a4027,#272319); color:#f5e5b1; text-decoration:none; cursor:pointer; }
.member-profile-shell button:hover, .member-profile-shell input[type=submit]:hover { filter:brightness(1.13); }
.mp-stat-strip { display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:10px; margin:0 0 18px; }
.mp-stat { min-width:0; padding:14px 16px; border:1px solid var(--mp-border); border-radius:9px; background:linear-gradient(145deg,#1a1b17,#10110f); box-shadow:0 8px 20px rgba(0,0,0,.22); }
.mp-stat-value { display:block; color:var(--mp-gold-bright); font:500 1.35rem Caudex, Georgia, serif; }
.mp-stat-label { display:block; margin-top:4px; color:var(--mp-muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }
.mp-private-banner { margin-bottom:14px; padding:10px 14px; border:1px solid rgba(213,185,108,.3); background:rgba(78,67,36,.18); color:#d9cfad; border-radius:7px; font-size:.82rem; }
.mp-empty { padding:24px; text-align:center; color:var(--mp-muted); }
@media (max-width:900px) { .mp-hero { grid-template-columns:1fr; align-items:center; } .mp-achievements { justify-self:stretch; width:100%; } .mp-stat-strip { grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px) { .mp-hero { padding:24px 16px; min-height:0; } .mp-identity { align-items:flex-start; gap:14px; } .mp-medal { width:82px; height:82px; flex-basis:82px; } .mp-nav-wrap { position:static; } .mp-content { padding:12px; } .mp-stat-strip { grid-template-columns:1fr 1fr; } .member-profile-shell table { display:block; overflow-x:auto; } }
