.resource-orb{position:relative;width:105px;height:105px;border-radius:50%;overflow:hidden;flex-shrink:0;pointer-events:none;border:4px solid rgba(0,0,0,.8);box-shadow:inset 0 0 25px rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.3)}.orb-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#1a1a2e 0,#0a0a14 100%)}.orb-fill{position:absolute;bottom:0;left:0;width:100%;height:0%}.hp-orb .orb-fill{height:100%;transition:height .3s ease-out;background:linear-gradient(180deg,#f44 0,#c22 30%,#a11 70%,#800 100%);box-shadow:inset 0 10px 20px rgba(255,100,100,.3),inset 0 -10px 20px rgba(0,0,0,.4)}.energy-orb .orb-fill{transition:height .2s ease-out;background:linear-gradient(180deg,#4af 0,#28d 30%,#16b 70%,#048 100%);box-shadow:inset 0 10px 20px rgba(100,180,255,.3),inset 0 -10px 20px rgba(0,0,0,.4)}.orb-glass{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 30% 20%,rgba(255,255,255,.3) 0,transparent 50%),radial-gradient(ellipse 40% 30% at 70% 80%,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none}.orb-ring{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:3px solid rgba(100,100,100,.4);border-radius:50%;box-shadow:inset 0 0 5px rgba(0,0,0,.5),0 0 3px rgba(0,0,0,.3);pointer-events:none}.orb-value{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:700;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,.8);white-space:nowrap;z-index:var(--z-ui)}.hp-orb{border-color:#4a1a1a}.hp-orb .orb-ring{border-color:rgba(180,60,60,.5)}.hp-orb.low-hp .orb-fill{animation:1s ease-in-out infinite hp-pulse}@keyframes hp-pulse{0%,100%{filter:brightness(1);box-shadow:inset 0 10px 20px rgba(255,100,100,.3),inset 0 -10px 20px rgba(0,0,0,.4)}50%{filter:brightness(1.3);box-shadow:inset 0 10px 20px rgba(255,100,100,.5),inset 0 -10px 20px rgba(0,0,0,.4),0 0 15px rgba(255,50,50,.5)}}.hp-orb.critical-hp{animation:.5s ease-in-out infinite hp-border-pulse}@keyframes hp-border-pulse{0%,100%{border-color:#4a1a1a;box-shadow:inset 0 0 20px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.5)}50%{border-color:#f33;box-shadow:inset 0 0 20px rgba(0,0,0,.5),0 0 15px rgba(255,0,0,.5)}}.energy-orb{border-color:#1a2a4a}.energy-orb .orb-ring{border-color:rgba(60,100,180,.5)}.orb-fill::after{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);animation:3s linear infinite orb-wave}@keyframes orb-wave{0%{left:-100%}100%{left:100%}}