/* v81: independent HUD. Reference proportions, real profile avatar and frame. */
#player-header,#player-header *{box-sizing:border-box;min-width:0}
#player-header{container-type:inline-size;position:relative;z-index:40;isolation:isolate;display:grid;grid-template-columns:15% 21% 24% 23% 17%;align-items:start;width:100%;height:auto;aspect-ratio:886/142;margin:0;padding:0;border:0;background:none;color:#f3ead7;font-family:Georgia,'Times New Roman',serif;overflow:visible}
#player-header::before{content:'';position:absolute;inset:0 0 auto;height:54%;z-index:-1;background:linear-gradient(172deg,#191c1d,#050709 55%,#111515);border-bottom:3px ridge #8c7958;box-shadow:inset 0 1px #988467,0 2px 2px #000;pointer-events:none}
#player-header a{color:inherit;text-decoration:none}
#player-header .h81-hero{position:relative;z-index:3;display:block;width:100%;height:100%;background:none;border:0}
#player-header .h81-portrait-window{position:absolute;left:-5%;top:-6%;width:116%;height:106%;display:block}
#player-header .st-avatar-image{position:absolute;left:18%;top:19%;width:64%;height:64%;object-fit:cover;object-position:center 22%;border-radius:50%;transform:none}
#player-header .st-avatar-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;transform:none}
#player-header .h81-level{position:absolute;z-index:4;right:-12%;top:3%;display:grid;place-items:center;width:5.1cqw;height:5.9cqw;border:2px ridge #c0aa79;border-radius:50%;background:linear-gradient(140deg,#243138,#030708);box-shadow:0 0 0 1px #080808;color:#f7e9c7;font:400 3cqw/1 Georgia,serif;text-shadow:0 2px #000}
#player-header .h81-identity{height:8.5cqw;display:flex;flex-direction:column;justify-content:center;gap:.6cqw;padding:.5cqw .8cqw .6cqw 1.3cqw;background:none;border:0}
#player-header .h81-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:2.9cqw;line-height:1.2;text-shadow:0 1px 2px #000}
#player-header .h81-health{position:relative;width:100%;height:2.8cqw;padding:.5cqw .8cqw;background:linear-gradient(#b9a079,#292722 38%,#040708 48%,#8e7952);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}
#player-header .h81-health-meter{display:block;appearance:none;-webkit-appearance:none;width:100%;height:100%;border:0;background:#160405;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%)}
#player-header progress::-webkit-progress-bar{background:#210709}
#player-header progress::-webkit-progress-value{background:linear-gradient(#ea6656,#bc1617 40%,#700304 80%,#bb211b)}
#player-header progress::-moz-progress-bar{background:linear-gradient(#ea6656,#bc1617 40%,#700304 80%,#bb211b)}
#player-header .h81-health span{position:absolute;inset:0;display:grid;place-items:center;font:bold 2.1cqw/1 Georgia,serif;color:#fff;text-shadow:0 1px 2px #000}
#player-header .h81-resource{height:8.5cqw;position:relative;display:grid;grid-template-columns:4.2cqw minmax(0,1fr) 4.1cqw;align-items:center;gap:.65cqw;padding:.7cqw 1cqw .9cqw;border-bottom:2px ridge #9a8260;background:linear-gradient(170deg,#14191880,#0009);box-shadow:inset 0 -3px #080b0b,inset 0 -4px #514c3c}
#player-header .h81-resource>img{display:block;width:4.2cqw;height:4.5cqw;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}
#player-header .h81-resource>span{display:block;white-space:nowrap;font-size:2.65cqw;line-height:1.1;letter-spacing:-.04em;text-align:center;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
#player-header .h81-resource>a{display:grid;place-items:center;width:4.1cqw;height:4.5cqw;padding:0;border:3px ridge #ad8b55;border-radius:3px;background:linear-gradient(#622b1b,#21080a);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #150807;color:#efce8c;font:bold 3.6cqw/1 Georgia,serif;text-shadow:0 1px #000}
#player-header .h81-actions{height:8.5cqw;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;padding:0;background:none;border:0}
#player-header .h81-action{position:relative;height:8.5cqw;display:grid;place-items:center;padding:0;border:0;border-bottom:2px ridge #9a8260;background:linear-gradient(160deg,#171a1880,#0008);cursor:pointer;list-style:none}
#player-header .h81-action img{display:block;width:4.6cqw;height:4.6cqw;object-fit:contain;filter:drop-shadow(0 2px 1px #000)}
#player-header .h81-action b{position:absolute;right:.2cqw;top:.3cqw;display:grid;place-items:center;min-width:2.8cqw;height:2.8cqw;padding:0 .3cqw;border:1px solid #cb7650;border-radius:50%;background:linear-gradient(#e64320,#910600);color:#fff;font:400 2.2cqw/1 Georgia,serif;box-shadow:0 1px 3px #000}
#player-header .h81-tools{position:relative;border:0;padding:0;background:none}
#player-header summary::-webkit-details-marker{display:none}
#player-header .h81-menu{position:absolute;right:2px;top:100%;z-index:10;width:190px;padding:5px;border:1px solid #9b8054;background:#0b0e10;box-shadow:0 4px 12px #000}
#player-header .h81-menu a{display:block;padding:12px 8px;font:14px/1.2 Georgia,serif;border-bottom:1px solid #40382b}
#player-header a:focus-visible,#player-header summary:focus-visible{outline:2px solid #f5d181;outline-offset:-2px}
@media(hover:hover){#player-header .h81-action:hover,#player-header .h81-resource>a:hover{filter:brightness(1.3)}#player-header .h81-menu a:hover{background:#342419}}
#player-header .h81-resource,#player-header .h81-action{border:0;box-shadow:none;background:url('/images/header/hud-cell81.svg') center/100% 100% no-repeat}
#player-header .h81-identity{background:url('/images/header/hud-cell81.svg') center/100% 100% no-repeat}
#player-header .h81-resource>span{font-size:2.3cqw;letter-spacing:-.045em}
#player-header .h81-identity{padding-left:2.2cqw}
#player-header .h81-level{right:-7%;width:4.8cqw}

/* v84 header alignment */
#player-header .h81-actions{align-items:start!important;height:8.5cqw!important}
#player-header .h81-tools{display:block!important;height:8.5cqw!important;margin:0!important;padding:0!important;align-self:start!important}
#player-header .h81-tools>summary.h81-action{display:grid!important;width:100%!important;height:8.5cqw!important;margin:0!important;padding:0!important;transform:none!important;vertical-align:top!important}
#player-header .h81-action{align-self:start!important;margin:0!important;transform:none!important}
#player-header .h81-action img{margin:0!important;transform:none!important}

/* v85 — keep mail/settings in one HUD row; dropdown may extend outside its cell. */
#player-header .h81-actions{position:relative;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:start!important;overflow:visible!important}
#player-header .h81-tools{position:relative!important;display:block!important;width:100%!important;height:8.5cqw!important;overflow:visible!important}
#player-header .h81-action,#player-header .h81-tools>summary.h81-action{width:100%!important;height:8.5cqw!important;min-height:0!important;margin:0!important;align-self:start!important;transform:none!important}
#player-header .h81-menu{position:absolute!important;right:0!important;top:calc(100% + 2px)!important;width:190px!important;min-width:190px!important;max-width:190px!important;white-space:normal!important;overflow:visible!important;z-index:100!important}
#player-header .h81-menu a{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}