.text-warrior { color: #C79C6E; }
.text-paladin { color: #F58CBA; }
.text-hunter { color: #ABD473; }
.text-rogue { color: #FFF569; }
.text-priest { color: #FFFFFF; }
.text-shaman { color: #0070DE; }
.text-mage { color: #40C7EB; }
.text-warlock { color: #8787ED; }
.text-druid { color: #FF7D0A; }
.no-border { border: none!important; }
.gear-grid {
    display: grid;
    grid-template-columns: repeat(6, 48px);
    gap: 4px;
    margin-top: 12px;
}
.gear-slot {
    position: relative;
    width: 48px;
    height: 48px;
}
.gear-slot img {
    width: 100%;
    height: 100%;
    display: block;
}
.gear-border {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border: 2px solid #9d9d9d;
    box-sizing: border-box;
    border-radius: 4px;
    pointer-events: none;
}
.gear-ilvl {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 0 2px;
    border-radius: 2px;
}
.player-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.player-avatar {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    margin-right: 12px;
}
.highlight-join {
    animation: highlightFlash 2s ease-in-out;
    background-color: #33ff99;
}
.highlight-levelup {
    animation: highlightFlash 2s ease-in-out;
    background-color: #ffaa00;
}
@keyframes highlightFlash {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}