/* ==========================================================================
   Player Image Styles
   ========================================================================== */

.player-image {
    position: relative;
}

.player-image .emblem-wrapper svg {
    pointer-events: none;
}

.player-image .emblem-wrapper:hover {
    transform: none;
}

/* Article Player Image */
.article .player-image svg {
    height: 150px;
}

.article .player-image {
    height: 150px;
    overflow: hidden;
    margin: 0 1rem 1rem 0;
}

/* Color Picker */
.color-picker-item {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

/* Scorer/Suspended Image Container */
.scorer-image,
.suspended-image {
    width: 48px;
    height: 20px;
    margin-top: -32px;
    display: inline-block;
}

/* Captain Badge */
.captain-badge {
    position: absolute;
    top: 2%;
    right: 0;
    text-align: right;
    line-height: 1;
    pointer-events: none;
    background: #0000007d;
    border-radius: 50%;
    padding: 6px 4px 2px 4px;
    aspect-ratio: 1;
}

.captain-badge__star {
    color: gold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.captain-badge__label {
    color: white;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

/* Player Modal */
.player-modal__image {
    flex-shrink: 0;
}

.player-modal__section {
    clear: both;
}

/* Retirement Icon */
.retirement-icon {
    color: #6c757d;
    cursor: help;
    font-size: 0.85em;
}