/* Profile identity and lightweight dimensional lot illustrations. */
#profile-overview-panel .profile-hero { grid-template-columns:88px minmax(0,1fr) 100px; padding:48px 32px 28px; min-height:300px; border-radius:0; background-color:#243c35; background-image:url('/profile-art/workshop.jpg'); isolation:isolate; }
.profile-hero::before { content:''; position:absolute; inset:0; background:#12241b38; z-index:-1; }
.profile-customize { position:absolute; top:14px; right:18px; padding:7px 12px; border:1px solid #ffffff60; background:#10281ed9; color:#fff; font-size:12px; }
.profile-hero .profile-identity h3 { font-size:32px; margin:8px 0; overflow-wrap:anywhere; text-shadow:0 2px 8px #0008; }
.profile-hero .profile-monogram { width:84px; height:84px; box-shadow:0 8px 24px #0005,inset 0 2px 4px #ffffff30; }
.profile-hero .level-emblem { grid-column:3; grid-row:1; width:88px; height:100px; border:0; border-radius:0; clip-path:polygon(50% 0,100% 18%,95% 74%,50% 100%,5% 74%,0 18%); background:linear-gradient(135deg,#f1edc3,#a7c17d 50%,#73935e); color:#14261c; box-shadow:none; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.profile-hero .level-emblem strong { color:#14261c; font-size:36px; line-height:1.1; }
.profile-hero .level-emblem span { color:#243b29; font-size:11px; }
.profile-hero .profile-capital { grid-column:2; border-top:1px solid #ffffff40; padding-top:16px; }
.profile-hero .profile-reputation { grid-column:3; padding:0; background:transparent; }
.profile-hero .profile-capital strong,.profile-hero .profile-reputation strong { display:block; color:#fff; }
.profile-level-track { height:6px; background:#ffffff30; margin:14px 0 8px; border-radius:0; overflow:hidden; }
.profile-level-track i { display:block; height:100%; background:#cce89d; }
#profile-journey { margin:0; padding:26px 0; border-bottom:1px solid #d3ded6; }
#profile-journey h3 { font-size:23px; margin:0 0 8px; }
.career-goals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:22px 0; }
.career-goals label { font-size:12px; line-height:1.6; }
.career-goals progress { display:block; width:100%; height:7px; margin-top:8px; accent-color:#258564; }
#profile-view .workspace-switcher { overflow:auto; gap:0; scrollbar-width:thin; }
#profile-view .workspace-switcher button { flex:0 0 auto; white-space:nowrap; padding:14px 18px; }
#profile-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid #d3ded6; }
#profile-stats > div { padding:20px 16px; background:transparent; border-bottom:1px solid #d3ded6; }
#profile-stats strong { font-size:22px; display:block; margin-top:8px; overflow-wrap:anywhere; }
.profile-edit-details { padding:18px 0; border-bottom:1px solid #d3ded6; }
.profile-edit-details summary { cursor:pointer; font-weight:600; }
.container-visual { position:relative; height:210px; overflow:hidden; background:#e7edee; display:grid; place-items:center; }
.container-visual > span { position:absolute; top:12px; left:14px; color:#435453; z-index:2; font-size:10px; }
.container-visual > b { position:absolute; bottom:12px; left:14px; color:#435453; font-size:9px; letter-spacing:0; }
.container-visual > i { display:none; }
.container-visual::after { display:none; }
.container-visual > span { background:#ffffffd9; color:#344740; }
.container-visual > b { background:transparent; border:0; padding:0; color:#344740; }
.lot-object { --metal:#778784; --side:#45534f; --roof:#a4b3ae; width:170px; height:102px; position:relative; transform:skewY(-5deg); filter:drop-shadow(10px 16px 6px #23372a30); }
.lot-front { position:absolute; inset:0; border:4px solid var(--side); background:repeating-linear-gradient(90deg,var(--metal) 0 13px,var(--side) 14px 16px); }
.lot-front::before { content:''; position:absolute; left:49%; top:0; height:100%; width:4px; background:var(--side); box-shadow:-48px 0 #ffffff38,48px 0 #ffffff38; }
.lot-front::after { content:''; position:absolute; width:12px; height:16px; left:calc(50% - 4px); top:50%; background:#d8c483; border:2px solid #374a42; border-radius:2px; }
.lot-side { position:absolute; left:100%; top:0; width:32px; height:100%; background:var(--side); transform:skewY(-32deg); transform-origin:left top; border-right:3px solid #253b3540; }
.lot-roof { position:absolute; bottom:100%; left:0; width:100%; height:20px; background:var(--roof); transform:skewX(-58deg); transform-origin:left bottom; }
.lot-mark { position:absolute; top:16px; left:14px; padding:4px 7px; background:#e7ece3; color:#263a31; font:bold 12px monospace; z-index:1; }
.tier-salvage .lot-object { --metal:#8b8c82; --side:#555e58; --roof:#b0b3a6; transform:skewY(-5deg) rotate(-3deg); }
.tier-salvage .lot-front { border-bottom:9px solid #736253; }
.tier-salvage .lot-mark { transform:rotate(-9deg); background:#d5c6a2; }
.tier-cheap .container-visual { background:#e4eee7; }
.tier-cheap .lot-object { --metal:#548575; --side:#2e574b; --roof:#87b3a1; height:114px; width:142px; }
.tier-cheap .lot-front { background:repeating-linear-gradient(0deg,#76a394 0 9px,#486f61 10px 12px); border-width:8px; }
.tier-middle .container-visual { background:#e5ebf2; }
.tier-middle .lot-object { --metal:#709bb6; --side:#375b76; --roof:#afc9d9; width:188px; }
.tier-middle .lot-front { border-bottom:12px solid #e4e8e6; }
.tier-performance .container-visual { background:#f0e7e8; }
.tier-performance .lot-object { --metal:#b4484e; --side:#672e38; --roof:#dc9293; width:184px; height:92px; }
.tier-performance .lot-front { background:repeating-linear-gradient(90deg,transparent 0 17px,#0002 18px 20px),linear-gradient(125deg,#b4484e 40%,#eee 41% 46%,#b4484e 47% 51%,#eee 52% 57%,#b4484e 58%); }
.tier-premium .container-visual { background:#ecebe3; }
.tier-premium .lot-object { --metal:#303e46; --side:#17282f; --roof:#687d85; width:152px; height:110px; }
.tier-premium .lot-front { background:#303e46; border:5px solid #b5a871; box-shadow:inset 0 0 0 6px #17282f; }
.tier-premium .lot-front::before { background:#b5a871; box-shadow:none; }
.tier-premium .lot-mark { background:#d9cd99; }
@media(max-width:600px) {
 #profile-overview-panel .profile-hero { padding:54px 18px 24px; grid-template-columns:54px minmax(0,1fr) 62px; gap:18px 12px; min-height:290px; }
 .profile-hero .profile-monogram { width:54px; height:54px; font-size:23px; }
 .profile-hero .profile-identity h3 { font-size:23px; }
 .profile-hero .level-emblem { width:60px; height:76px; }
 .profile-hero .level-emblem strong { font-size:28px; }
 .profile-hero .profile-capital { grid-column:1 / 3; }
 .profile-hero .profile-reputation strong { font-size:17px; }
 .career-goals { grid-template-columns:1fr; gap:14px; }
 #profile-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #profile-stats strong { font-size:19px; }
}