:root{--orange:#e8c443;--orange-2:#f1d36f;--gold:#e8c443;--mana:#e8c443;--chakra:#e8c443;--exp:#a777e1}
/* Approved Faixa nobre: circular portrait with black/gold skewed bands. */
.profile-hud{width:360px;height:121px}.profile-hud .profile-badge{width:400px;height:130px;transform:scale(.9);transform-origin:top left}.profile-hud .pb-portrait{width:116px;height:116px;border:3px solid #c5a461;box-shadow:0 0 0 2px #0b1018,0 0 0 3px #5b4728}.profile-hud .pb-portrait:before{border-color:#c4a46966}.profile-hud .pb-name{color:#efcc84;background:linear-gradient(#24252a,#101318);border-color:#9e8049;font-size:12px;min-width:106px}.profile-hud .pb-info{gap:9px;margin-left:-11px;min-width:0}.profile-hud .pb-character{padding-left:24px;color:#ded4ba;letter-spacing:1.6px}.profile-hud .pb-level{background:#1c202a;border-color:#b89753;color:#f6dfab}.profile-hud .pb-power{padding:7px 23px 7px 27px;min-height:43px;border:1px solid #b99a5c;background:linear-gradient(105deg,#0d0e12,#202126 65%,#101218);border-radius:0;box-shadow:inset 0 0 0 2px #0a0d14,inset 0 0 0 3px #93753f40;transform:skewX(-17deg);isolation:isolate}.profile-hud .pb-power:before{content:'';position:absolute;left:-7px;right:7px;top:-7px;height:5px;background:linear-gradient(110deg,#9d751a,#f1db9a 30%,#bf9e2c 65%,#f2df86);z-index:-1}.profile-hud .pb-power:after{inset:auto 20px -7px 45px;height:4px;background:linear-gradient(100deg,#8e7624,#e9cc83,#8e7624);border:0}.profile-hud .pb-power>div,.profile-hud .pb-power>img{transform:skewX(17deg)}.profile-hud .pb-power span{font-size:12px;color:#e4c37f}.profile-hud .pb-power strong{font-size:24px;color:#f3eddf;letter-spacing:.1px}.profile-hud .pb-power-art{width:23px;height:28px;object-fit:contain;flex:none;filter:hue-rotate(14deg)}.profile-hud .pb-wallet{transform:skewX(-17deg);border:1px solid #756443;background:#14161ddf;border-radius:0;padding-left:26px;min-height:34px;box-shadow:inset 0 0 0 2px #070b12}.profile-hud .pb-currency{transform:skewX(17deg)}.profile-hud .pb-currency strong{color:#e8e6df}.profile-hud .pb-currency img{width:24px;height:24px}
/* Continuous gold-edged translucent navigation, following the supplied silhouette. */
#toolbar{border:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate;padding:5px 18px;gap:5px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
#toolbar:before{content:'';position:absolute;inset:0;background:url('/assets/ui/topbar-noble-frame.svg') center/100% 100% no-repeat;z-index:-1;pointer-events:none}
#toolbar .tb-side{background:transparent!important;border:0!important;box-shadow:none!important;padding:3px 1px;gap:2px}
#toolbar .tool-btn{background:transparent;border:0;border-right:1px solid #bba57319;border-radius:3px;box-shadow:none;color:#dfe3ea;padding:4px 6px;--ic-acc:#e8c443}
#toolbar .tool-btn:last-child{border-right:0}#toolbar .tool-btn.active,#toolbar .tool-btn:hover{color:#f3d875;background:linear-gradient(#e8c4430c,#e8c44319)!important;box-shadow:inset 0 -1px #e8c44388}
#toolbar .tool-btn.tool-auto{color:#f1d36f;border:1px solid #d5b65555!important;background:#d4af3710!important;box-shadow:none!important}
#toolbar .tool-play{background:linear-gradient(#f4da79,#ddbb3d)!important;color:#17150b!important;border:1px solid #eed58a!important;border-radius:5px;box-shadow:inset 0 1px #fff7c766!important}
#toolbar .tool-shop{color:#f3db8c;background:#e8c4430b!important}
.reference-combat-hud .combat-resource{--wave:rgba(182,223,137,.17)}.reference-combat-hud .combat-energy{--wave:rgba(255,243,160,.18)}
.reference-combat-hud .five-xp{left:17%;right:17%;bottom:4.1%;height:4px;background:#160f24;border:1px solid #72548d;border-radius:2px;z-index:6;box-shadow:0 0 3px #0006}
.reference-combat-hud .five-xp>i{background:linear-gradient(#d0b4f5,#ac7cdb 45%,#7446ac);box-shadow:0 0 4px #ab70df66}
@media(max-width:760px){.profile-hud{width:310px!important;height:104px}.profile-hud .profile-badge{transform:scale(.77)}#toolbar{padding-left:10px;padding-right:10px}#toolbar .tb-side{display:contents}}
@media(max-width:340px){.profile-hud{width:288px!important}.profile-hud .profile-badge{transform:scale(.71)}}
.reference-combat-hud .combat-shell{background-image:url('/assets/ui/combat-hud-eight-slot-green-yellow-v3.png')}
.reference-combat-hud .five-xp{bottom:6px;height:5px;background:#100a19;border-color:#62526f;overflow:hidden}
#toolbar .tb-side{flex:1 1 0;min-width:0;justify-content:space-evenly}
/* Silver bevels unify the approved profile silhouette with the skill frame. */
.profile-hud .pb-power{border:3px solid transparent;background:linear-gradient(105deg,#0d1118,#202630 65%,#10151d) padding-box,linear-gradient(135deg,#edf0f3 0%,#929caa 18%,#384353 44%,#b7c0cb 64%,#e3e6eb 76%,#697586 100%) border-box;box-shadow:inset 0 0 0 1px #050a12,inset 0 2px 3px #0009,0 0 0 1px #121a27;min-height:43px;padding:5px 21px 5px 25px}
.profile-hud .pb-power:before{height:4px;top:-8px;background:linear-gradient(100deg,#596779,#c8cfd7 30%,#8b98a9 65%,#e7ebef);box-shadow:0 -1px #172233,0 1px #0b111d}
.profile-hud .pb-power:after{height:3px;bottom:-7px;background:linear-gradient(100deg,#465364,#c1cad5,#576679);box-shadow:0 1px #111a28}
.profile-hud .pb-wallet{border:2px solid transparent;background:linear-gradient(#141b25ed,#101720ed) padding-box,linear-gradient(130deg,#cbd3dd,#657185 35%,#dbe1e7 70%,#4b596d) border-box;box-shadow:inset 0 0 0 1px #080e18;min-height:34px;padding-top:2px;padding-bottom:2px}
.profile-hud .pb-portrait{border-color:#aab5c3;box-shadow:0 0 0 2px #101827,0 0 0 3px #718095,inset 0 0 0 1px #e6edf533}
.profile-hud .pb-portrait:before{border-color:#d0d9e56b}
.profile-hud .pb-level{border-color:#a3b0c2;background:linear-gradient(#293444,#101722)}
.profile-hud .pb-name{border-color:#8b99ab;background:linear-gradient(#232e3d,#101722);box-shadow:inset 0 1px #e4ebf21c,0 1px 3px #0006}
/* Resolution-independent silver frame, matching the approved profile bevels. */
.reference-combat-hud .combat-shell{background-image:url('/assets/ui/combat-hud-smooth-silver-v4.svg');background-size:100% 100%;image-rendering:auto}
.reference-combat-hud .combat-skills{top:35.2%;bottom:9.8%}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd>.hk{top:80%;font-family:'Multiverse Nunito Sans',Arial,sans-serif;font-size:11px;font-weight:800;line-height:18px;letter-spacing:0;color:#f1f3f7;text-shadow:0 1px 1px #0009;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic{border-radius:1px;overflow:hidden}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .left{font:800 14px 'Multiverse Nunito Sans',Arial,sans-serif;letter-spacing:-.3px;text-shadow:0 1px 3px #000,0 0 2px #000}
.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .lv{font:700 7px 'Multiverse Nunito Sans',Arial,sans-serif;text-shadow:0 1px 2px #000}
.reference-combat-hud .five-xp{left:15.1%;right:15.1%;bottom:6.6%;height:3px;border:0;border-radius:2px;background:#110b1a}
@media(max-width:760px){.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd>.hk{font-size:8px;line-height:12px}.win.reference-combat-hud[data-win="hotbar"] .jutsu-cd .ic .left{font-size:11px}}
/* Approved aligned silhouette: reservoir tops meet the skill deck edge at y72/270. */
.reference-combat-hud .combat-shell{background-image:url('/assets/ui/combat-hud-aligned-silver-v5.svg')}
.reference-combat-hud .combat-resource,.reference-combat-hud .combat-drain{top:33.7%;bottom:13.7%;width:12.3%;height:auto;aspect-ratio:auto;transform:none;border-radius:0}
.reference-combat-hud .combat-resource.combat-life,.reference-combat-hud .combat-drain-hp{left:2.2%;right:auto;clip-path:polygon(20% 0,60% 0,58% 10%,60% 24%,66% 42%,76% 64%,88% 83%,100% 100%,18% 100%,10% 78%,4% 55%,5% 33%,11% 13%)}
.reference-combat-hud .combat-resource.combat-energy,.reference-combat-hud .combat-drain-energy{right:2.2%;left:auto;clip-path:polygon(40% 0,80% 0,89% 13%,95% 33%,96% 55%,90% 78%,82% 100%,0 100%,12% 83%,24% 64%,34% 42%,40% 24%,42% 10%)}
/* Clear map cutout above the skills: no inherited window blur. */
#screen-game .win.reference-combat-hud[data-win="hotbar"],#screen-game .win.reference-combat-hud[data-win="hotbar"]>.win-body,.reference-combat-hud .combat-shell{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}