@font-face{font-family:Cinzel;src:url('/assets/fonts/Cinzel-Variable.ttf') format('truetype');font-weight:400 900;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/fonts/NunitoSans-Variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
.profile-hud,.profile-hud *{box-sizing:border-box}.profile-badge{display:flex;align-items:center;gap:0;width:326px;height:122px;font-family:Nunito,Arial,sans-serif;position:relative;color:#f5e1ac;isolation:isolate}.pb-portrait{position:relative;width:112px;height:112px;flex:none;border:3px solid #b8a063;border-radius:50%;background:#122a29;box-shadow:0 0 0 2px #19251e,0 0 0 3px #82763f,inset 0 0 0 2px #eee3b766,0 4px 9px #0008;z-index:2}.pb-portrait:before{content:'';position:absolute;inset:-6px;border:1px solid #c8af6e66;border-radius:50%;pointer-events:none}.pb-portrait>img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 46%;filter:contrast(1.03)}.pb-level{position:absolute;right:-3px;top:-3px;display:grid;place-items:center;min-width:29px;height:29px;padding:2px 4px;border-radius:50%;border:1px solid #e1c47d;box-shadow:0 2px 5px #0009;background:linear-gradient(#514834,#171e18);font:700 15px Nunito;color:#fff1c9;text-shadow:0 1px #000}.pb-name{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);min-width:102px;max-width:126px;padding:4px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #a4894a;background:linear-gradient(90deg,#271e13eb,#453521f5,#271e13eb);color:#ffe4a1;font:700 13px Cinzel,Georgia;text-align:center;text-shadow:0 1px #000;border-radius:3px;box-shadow:0 2px 5px #0006}.pb-info{margin-left:-7px;flex:1;display:flex;flex-direction:column;gap:6px;padding:0 0 0 0;min-width:0}.pb-character{padding-left:19px;font:600 10px Cinzel;color:#cadfd0;letter-spacing:1.8px;text-shadow:0 1px 3px #000}.pb-power{display:flex;align-items:center;gap:9px;min-height:42px;padding:4px 17px 4px 20px;position:relative;border-top:1px solid #c8a963;border-bottom:1px solid #847635;background:linear-gradient(100deg,#723020f5,#3c241df5 75%,#201d17e0);border-radius:0 5px 5px 0;box-shadow:0 3px 8px #0005}.pb-power:after{content:'';position:absolute;inset:2px 3px;border-top:1px solid #efce9820;pointer-events:none}.pb-power>svg{width:20px;height:28px;flex:none;filter:drop-shadow(0 1px 2px #0008)}.pb-power>div{display:flex;align-items:baseline;justify-content:space-between;gap:9px;flex:1;min-width:0}.pb-power span{font:700 12px Cinzel;color:#e5c793}.pb-power strong{font-size:22px;font-weight:850;color:#fff0bb;letter-spacing:.4px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0008}.pb-resource{display:flex;align-items:center;gap:9px;position:relative;min-height:33px;padding:3px 16px 5px 20px;overflow:hidden;border-bottom:1px solid #9d824a;border-radius:0 4px 4px 0;background:linear-gradient(90deg,#1b2a27f5,#121c1bdf);box-shadow:0 2px 4px #0005}.pb-resource:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:var(--resource-fill);background:linear-gradient(90deg,#659d79,#c8c582);opacity:.9}.pb-resource>svg{width:19px;height:25px;flex:none;filter:drop-shadow(0 1px 1px #0008)}.pb-resource-copy{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.pb-resource-copy>span{font-size:11px;color:#cdcfb7;font-weight:700}.pb-resource-copy>div{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.pb-resource-copy strong{font-size:14px;font-weight:800;color:#fff0c6;font-variant-numeric:tabular-nums}.pb-resource-copy small{font-size:10px;color:#a6b5a5}
@media(max-width:360px){.profile-badge{width:304px}.pb-power{padding-right:10px}.pb-power strong{font-size:20px}.pb-power span{font-size:11px}.pb-resource{padding-right:10px}.pb-resource-copy{gap:4px}.pb-character{letter-spacing:1px}}
@media(max-width:360px){.profile-badge{width:276px;height:112px}.pb-portrait{width:100px;height:100px}.pb-name{font-size:12px;min-width:96px}.pb-resource-copy>span{font-size:10px}.pb-resource-copy strong{font-size:12px}.pb-resource-copy small{font-size:9px}.pb-power{padding-left:16px;gap:7px}.pb-resource{padding-left:16px;gap:7px}}

/* Approved position: top-left map corner. Sits below windows, not over dialogs. */
.profile-hud{position:absolute;left:12px;top:12px;z-index:18;pointer-events:none;width:294px;height:114px}
.profile-hud[hidden]{display:none!important}.profile-hud .profile-badge{transform:scale(.9);transform-origin:top left}
#screen-game:not(.topbar-hidden) .profile-hud{top:82px}
@media(max-width:760px){.profile-hud{left:10px;top:10px;width:294px}#screen-game:not(.topbar-hidden) .profile-hud{top:10px}}
@media(max-width:360px){.profile-hud{width:276px}.profile-hud .profile-badge{transform:scale(1)}}

/* Match the game's shared window palette: charcoal, slate borders and amber accents. */
.profile-hud .profile-badge{color:var(--text,#e8ebf3)}
.profile-hud .pb-portrait{border-color:var(--line-2,#364058);background:var(--bg-1,#12151d);box-shadow:0 0 0 2px #0b0d12,0 0 0 3px #ffe05488,inset 0 0 0 2px #bdc4d433,0 4px 9px #0008}
.profile-hud .pb-portrait:before{border-color:#ffe05444}
.profile-hud .pb-portrait>img{filter:saturate(.65) contrast(1.03)}
.profile-hud .pb-level{border-color:var(--line-2,#364058);background:linear-gradient(#212633,#12151d);color:var(--text,#e8ebf3)}
.profile-hud .pb-name{border-color:var(--line-2,#364058);background:linear-gradient(#212633,#12151d);color:var(--orange-2,#ffe054)}
.profile-hud .pb-character{color:var(--text-2,#bdc4d4)}
.profile-hud .pb-power{border-top-color:var(--line-2,#364058);border-bottom-color:var(--line,#2a3040);background:linear-gradient(100deg,#212633fa,#12151dfa);box-shadow:inset 2px 0 #ffd51a66,0 3px 8px #0005}
.profile-hud .pb-power:after{border-top-color:#bdc4d410}
.profile-hud .pb-power span{color:var(--orange-2,#ffe054)}
.profile-hud .pb-power strong,.profile-hud .pb-resource-copy strong{color:var(--text,#e8ebf3)}
.profile-hud .pb-power>svg path{fill:var(--orange-2,#ffe054)}
.profile-hud .pb-resource{border-bottom-color:var(--line-2,#364058);background:linear-gradient(90deg,#181c26fa,#12151dfa)}
.profile-hud .pb-resource:after{background:linear-gradient(90deg,var(--orange,#ffd51a),var(--gold,#f2c14e))}
.profile-hud .pb-resource-copy>span{color:var(--text-2,#bdc4d4)}
.profile-hud .pb-resource-copy small{color:var(--muted,#a3abbe)}

.profile-hud .pb-wallet{display:flex;gap:0;padding:3px 8px 3px 17px;min-height:35px}
.profile-hud .pb-wallet:after{display:none}
.profile-hud .pb-currency{display:flex;align-items:center;gap:5px;min-width:0;flex:1}
.profile-hud .pb-currency img{width:26px;height:28px;object-fit:contain;flex:none}
.profile-hud .pb-currency strong{font-size:13px;font-weight:800;color:var(--text,#e8ebf3);white-space:nowrap;font-variant-numeric:tabular-nums}
.profile-hud .pb-paid-currency{border-left:1px solid var(--line-2,#364058);padding-left:7px;margin-left:6px;flex:.85}
.profile-hud .pb-paid-currency svg{width:19px;height:23px;flex:none}
.profile-hud .pb-paid-currency small{color:var(--muted,#a3abbe);font-size:9px}
@media(max-width:360px){.profile-hud .pb-currency{gap:3px}.profile-hud .pb-currency strong{font-size:11px}.profile-hud .pb-paid-currency{margin-left:4px;padding-left:4px}.profile-hud .pb-wallet{padding-right:5px}}

.profile-hud .pb-paid-currency img{width:27px;height:27px;object-fit:contain}