:root{--gaming-green:#4ADE80;--gaming-green-dark:#16A34A;--gaming-yellow:#FFD700;--gaming-yellow-glow:#FFC107;--gaming-red:#EF4444;--gaming-red-dark:#DC2626;--gaming-border:#2A2A2A;--gaming-bg:rgba(0,0,0,0.85);--gaming-heart-empty:#1a1a1a;--gaming-text-shadow:0 2px 4px rgba(0,0,0,0.9)}.nameplate-container{background:var(--gaming-bg);border:2px solid var(--gaming-border);border-radius:4px;padding:4px;min-width:140px;max-width:180px;user-select:none;-webkit-user-select:none;-moz-user-select:none;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.6);transition:transform .1s ease-out,opacity .2s ease-out}.nameplate-container:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.7),0 6px 12px rgba(0,0,0,.8)}.nameplate-header-compact{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:3px;height:20px;position:relative}.nameplate-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nameplate-icon-skull{font-size:14px;color:#ffffff;text-shadow:var(--gaming-text-shadow)}.nameplate-avatar{width:16px;height:16px;border-radius:2px;border:1px solid var(--player-color,#ffffff);background:#1a1a1a;-o-object-fit:cover;object-fit:cover;flex-shrink:0;display:none}.nameplate-name-compact{flex:1;color:#ffffff;font-size:11px;font-weight:600;font-family:Courier New,Monaco,monospace;letter-spacing:.5px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px;text-shadow:var(--gaming-text-shadow)}.nameplate-hearts-container{display:flex;gap:2px;height:10px;align-items:center;margin-bottom:3px;padding:1px}.nameplate-heart{flex-shrink:0;width:10px;height:10px;transition:transform .2s ease-out,filter .1s ease-out}.nameplate-heart svg{display:block;width:100%;height:100%}.nameplate-heart path{transition:fill .2s ease-out,stroke .2s ease-out,opacity .2s ease-out}.nameplate-heart.filled path{fill:var(--gaming-red);stroke:var(--gaming-red-dark);stroke-width:1}.nameplate-heart.empty path{fill:var(--gaming-heart-empty);stroke:var(--gaming-border);stroke-width:2;opacity:.4}.nameplate-heart.damaged{animation:heartDamage .5s ease-out}.nameplate-progress-bar{height:4px;background:rgba(0,0,0,.6);border:1px solid var(--gaming-border);border-radius:2px;overflow:hidden;position:relative}.nameplate-progress-fill{height:100%;background:linear-gradient(90deg,var(--gaming-yellow) 0,var(--gaming-yellow-glow) 100%);transition:width .3s cubic-bezier(.4,0,.2,1);transform-origin:left;box-shadow:0 0 6px rgba(255,215,0,.6),inset 0 1px 0 rgba(255,255,255,.4)}.nameplate-progress-fill.near-rankup{animation:progressPulse 1s ease-in-out infinite}@keyframes heartDamage{0%{transform:scale(1.2);filter:brightness(2) hue-rotate(-10deg)}50%{transform:scale(1.1);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes progressPulse{0%,to{box-shadow:0 0 6px rgba(255,215,0,.6),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 0 12px rgba(255,215,0,1),0 0 20px rgba(255,215,0,.4),inset 0 1px 0 rgba(255,255,255,.6)}}@keyframes nameplateSpawn{0%{opacity:0;transform:scale(.8) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.nameplate-container{animation:nameplateSpawn .3s ease-out}@keyframes lifeLostFlash{0%{border-color:var(--gaming-red);background:rgba(239,68,68,.1)}to{border-color:var(--gaming-border);background:var(--gaming-bg)}}.nameplate-container.life-lost{animation:lifeLostFlash .6s ease-out}.nameplate-container.nameplate-skeleton{opacity:.5}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite;background:rgba(255,255,255,.1);border-radius:2px}@keyframes skeletonPulse{0%,to{opacity:.3;background:rgba(255,255,255,.05)}50%{opacity:.6;background:rgba(255,255,255,.1)}}.nameplate-heart.skeleton-pulse path{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.1)}.nameplate-container.distant{min-width:100px;padding:2px}.nameplate-container.distant .nameplate-name-compact{font-size:9px}.nameplate-container.distant .nameplate-progress-bar{display:none}.nameplate-container.distant .nameplate-hearts-container{gap:1px;height:8px}.nameplate-container.distant .nameplate-heart{width:8px;height:8px}.nameplate-container[data-player-color="0"]{--player-color:#FBBF24;--player-color-dim:#92400E}.nameplate-container[data-player-color="1"]{--player-color:#EF4444;--player-color-dim:#7F1D1D}.nameplate-container[data-player-color="2"]{--player-color:#10B981;--player-color-dim:#064E3B}.nameplate-container[data-player-color="3"]{--player-color:#3B82F6;--player-color-dim:#1E3A8A}.nameplate-container[data-player-color="4"]{--player-color:#8B5CF6;--player-color-dim:#4C1D95}.nameplate-container[data-player-color="5"]{--player-color:#EC4899;--player-color-dim:#831843}.nameplate-container[data-player-color="6"]{--player-color:#14B8A6;--player-color-dim:#134E4A}.nameplate-container[data-player-color="7"]{--player-color:#F97316;--player-color-dim:#7C2D12}.nameplate-container.occluded{opacity:.3;filter:blur(1px)}