/* Geometry follows the approved transparent carved-gold frame, 2167 x 725. */
body.player-status-gold-active { --ps-width: 560px; --ps-height: calc(var(--ps-width) * 725 / 2167); }
body.player-status-gold-active #game > .character.panel { display: none !important; }
#game > #player-status-gold { position: absolute; top: 6px; left: 8px; width: 560px; aspect-ratio: 2167 / 725; z-index: 5; isolation: isolate; pointer-events: auto; color: #fff4d9; font-family: 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif; font-variant-numeric: tabular-nums; filter: drop-shadow(0 2px 3px #0008); }
#game > #player-status-gold[hidden], #player-status-gold [hidden] { display: none !important; }
#player-status-gold * { box-sizing: border-box; }
#player-status-gold .ps-frame { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; }
#player-status-gold .ps-portrait { position: absolute; left: 7%; top: 18%; width: 17.8%; height: 47%; overflow: hidden; z-index: 1; background: radial-gradient(ellipse at 50% 25%,#574332,#1a1513 75%); }
#player-status-gold .ps-face, #player-status-gold .ps-face-fallback { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
#player-status-gold .ps-name { position: absolute; z-index: 4; left: 30%; top: 13.8%; width: 17.3%; height: 13.5%; display: flex; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 17px; font-weight: 700; text-shadow: 0 1px 2px #000; }
#player-status-gold .ps-level { position: absolute; z-index: 4; left: 6.8%; top: 69.5%; width: 18%; height: 13.5%; display: flex; align-items: center; justify-content: center; font: 700 19px/1 Georgia,'Times New Roman',serif; text-shadow: 0 1px 3px #000; }
#player-status-gold .ps-resource { position: absolute; left: 36.5%; width: 57.9%; height: 13%; overflow: hidden; border-radius: 8px; z-index: 2; background: #2e0d12; }
#player-status-gold .ps-health { top: 31%; --ps-top: #ee5049; --ps-base: #ad111e; --ps-bottom: #641521; }
#player-status-gold .ps-mana { top: 49.8%; background: #092135; --ps-top: #44c7f7; --ps-base: #087bbf; --ps-bottom: #12477e; }
#player-status-gold .ps-stamina { top: 69%; background: #102b1d; --ps-top: #74da87; --ps-base: #198948; --ps-bottom: #145431; }
#player-status-gold .ps-fill { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(var(--ps-top),var(--ps-base) 34%,var(--ps-bottom)); }
#player-status-gold .ps-shine { position: absolute; inset: 0; background: linear-gradient(#ffffff24,transparent 35%,#00000025 100%); box-shadow: inset 0 1px 1px #fff6,inset 0 -1px 2px #0006; }
#player-status-gold .ps-value { position: absolute; inset: 0 24% 0 4%; display: flex; align-items: center; justify-content: flex-start; white-space: nowrap; color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 1px 2px #000,0 0 3px #000; }
#player-status-gold .ps-caption { margin-right: 4px; }
#player-status-gold .ps-recovery { position: absolute; top: 13%; right: 3.5%; width: 21%; height: 74%; border-left: 1px solid #dfbd6b70; display: flex; align-items: center; justify-content: center; color: #fff0c7; font: 600 12px/1 Tahoma,sans-serif; text-shadow: 0 1px 2px #000; }
body.player-status-gold-active:not(.hud-mobile) #game-tool-open { top: calc(var(--ps-height) + 12px) !important; }
body.player-status-gold-active:not(.hud-mobile) #profession-select-reminder { left: 324px; top: calc(var(--ps-height) + 12px); }
body.player-status-gold-active:not(.hud-mobile) #game > #burden-warning { top: calc(var(--ps-height) + 140px) !important; }
body.photo-mode #game > #player-status-gold, body.touch-typing.hud-mobile #game > #player-status-gold { visibility: hidden; }
@media (max-width: 1050px) { body.player-status-gold-active { --ps-width: 480px; } #game > #player-status-gold { width: 480px; } #player-status-gold .ps-value { font-size: 11px; } #player-status-gold .ps-recovery { font-size: 10px; } #player-status-gold .ps-name { font-size: 14px; } #player-status-gold .ps-level { font-size: 17px; } }
body.hud-mobile.player-status-gold-active { --ps-width: min(350px,43vw); }
body.hud-mobile #game > #player-status-gold { left: var(--hm-safe-left,8px); top: var(--hm-safe-top,8px); width: min(350px,43vw); }
body.hud-mobile #player-status-gold .ps-caption { display: none; }
body.hud-mobile #player-status-gold .ps-value { font-size: 10px; }
body.hud-mobile #player-status-gold .ps-recovery { font-size: 9px; }
body.hud-mobile #player-status-gold .ps-name { font-size: 11px; }
body.hud-mobile #player-status-gold .ps-level { font-size: 13px; }
body.hud-navy.hud-mobile.player-status-gold-active #game > #hud-mobile-left { top: calc(var(--hm-safe-top,8px) + var(--ps-height)); }
body.hud-navy.hud-mobile.player-status-gold-active #game > #quest-tracker,
body.hud-navy.hud-mobile.player-status-gold-active #game > #quest-tracker.collapsed,
body.hud-navy.hud-mobile.player-status-gold-active #map-event-tracker { top: calc(var(--hm-safe-top,8px) + var(--ps-height) + 47px) !important; max-height: max(40px,calc(100dvh - var(--hm-safe-top,8px) - var(--ps-height) - 197px)); }
@media (max-width: 600px) { body:not(.hud-mobile).player-status-gold-active { --ps-width: calc(100vw - 16px); } body:not(.hud-mobile) #game > #player-status-gold { width: calc(100vw - 16px); } #player-status-gold .ps-caption { display: none; } #player-status-gold .ps-value { font-size: 11px; } body.player-status-gold-active:not(.hud-mobile) #profession-select-reminder { left: 12px; top: calc(var(--ps-height) + 8px); } body.player-status-gold-active:not(.hud-mobile) #game-tool-open { top: calc(var(--ps-height) + 62px) !important; } }