/* PNG-based icon system - replaces Font Awesome webfont dependency */
.fa-solid,
.fa-regular {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background: no-repeat center / contain;
}

.fa-solid::before,
.fa-regular::before { content: none !important; }

/* Icon → PNG mappings (relative to /static/) */
.fa-arrow-trend-down  { background-image: url('images/arrow-trend-down-solid.png'); filter: brightness(0) saturate(100%) invert(25%) sepia(89%) saturate(3325%) hue-rotate(346deg) brightness(94%) contrast(91%); }
.fa-arrow-trend-up    { background-image: url('images/arrow-trend-up-solid.png'); filter: brightness(0) saturate(100%) invert(59%) sepia(56%) saturate(527%) hue-rotate(87deg) brightness(98%) contrast(89%); }
.fa-bars              { background-image: url('images/bars-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-bolt              { background-image: url('images/bolt-solid.png'); filter: brightness(0) saturate(100%) invert(72%) sepia(100%) saturate(749%) hue-rotate(358deg) brightness(101%) contrast(102%); }
.fa-bullseye          { background-image: url('images/bullseye-solid.png'); filter: brightness(0) saturate(100%) invert(25%) sepia(89%) saturate(3325%) hue-rotate(346deg) brightness(94%) contrast(91%); }
.fa-chart-bar         { background-image: url('images/chart-simple-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-chart-line        { background-image: url('images/chart-line-solid.png'); filter: brightness(0) saturate(100%) invert(59%) sepia(56%) saturate(527%) hue-rotate(87deg) brightness(98%) contrast(89%); }
.fa-chart-simple      { background-image: url('images/chart-simple-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-chevron-down      { background-image: url('images/chevron-down-solid.png'); filter: brightness(0) saturate(100%) invert(25%) sepia(89%) saturate(3325%) hue-rotate(346deg) brightness(94%) contrast(91%); }
.fa-chevron-up      { background-image: url('images/chevron-up-solid.png'); filter: brightness(0) saturate(100%) invert(59%) sepia(56%) saturate(527%) hue-rotate(87deg) brightness(98%) contrast(89%); }
.fa-chevron-right     { background-image: url('images/chevron-right-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-chevron-left     { background-image: url('images/chevron-left-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-circle            { background-image: url('images/circle-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-clipboard-list    { background-image: url('images/clipboard-list-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-dice              { background-image: url('images/triangle-exclamation-solid.png'); filter: brightness(0) saturate(100%) invert(72%) sepia(100%) saturate(749%) hue-rotate(358deg) brightness(101%) contrast(102%); }
.fa-fire              { background-image: url('images/fire-solid.png'); filter: brightness(0) saturate(100%) invert(65%) sepia(78%) saturate(1498%) hue-rotate(333deg) brightness(101%) contrast(92%); }
.fa-football          { background-image: url('images/football-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-gem               { background-image: url('images/medal-solid.png'); filter: brightness(0) saturate(100%) invert(72%) sepia(78%) saturate(865%) hue-rotate(354deg) brightness(101%) contrast(105%); }
.fa-hand-holding-dollar { background-image: url('images/hand-holding-dollar-solid.png'); filter: brightness(0) saturate(100%) invert(59%) sepia(56%) saturate(527%) hue-rotate(87deg) brightness(98%) contrast(89%); }
.fa-lock              { background-image: url('images/lock-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-lock-open         { background-image: url('images/lock-open-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-magnifying-glass  { background-image: url('images/magnifying-glass-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }
.fa-medal             { background-image: url('images/medal-solid.png'); filter: brightness(0) saturate(100%) invert(72%) sepia(78%) saturate(865%) hue-rotate(354deg) brightness(101%) contrast(105%); }
.fa-rocket            { background-image: url('images/rocket-solid.png'); filter: brightness(0) saturate(100%) invert(59%) sepia(56%) saturate(527%) hue-rotate(87deg) brightness(98%) contrast(89%); }
.fa-snowflake         { background-image: url('images/snowflake-solid.png'); filter: brightness(0) saturate(100%) invert(82%) sepia(43%) saturate(470%) hue-rotate(175deg) brightness(101%) contrast(101%); }
.fa-registered-solid  { background-image: url('images/registered-solid.png'); filter: brightness(0) saturate(100%) invert(29%) sepia(91%) saturate(1165%) hue-rotate(211deg) brightness(94%) contrast(87%); }
.fa-seedling          { background-image: url('images/seedling-solid.png'); filter: brightness(0) saturate(100%) invert(34%) sepia(72%) saturate(500%) hue-rotate(87deg) brightness(98%) contrast(89%); }
.fa-star              { background-image: url('images/star-solid.png'); filter: brightness(0) saturate(100%) invert(72%) sepia(78%) saturate(865%) hue-rotate(354deg) brightness(101%) contrast(105%); }
.fa-trophy            { background-image: url('images/trophy-solid.png'); filter: brightness(0) saturate(100%) invert(72%) sepia(78%) saturate(865%) hue-rotate(354deg) brightness(101%) contrast(105%); }
.fa-xmark             { background-image: url('images/xmark-solid.png'); filter: brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(100%); }

.fa-crown             { background-image: url('images/crown-solid.png'); filter: brightness(0) saturate(100%) invert(15%) sepia(63%) saturate(1325%) hue-rotate(333deg) brightness(95%) contrast(88%); }
.fa-product-hunt-brands { background-image: url('images/product-hunt-brands-solid.png'); filter: brightness(0) saturate(100%) invert(25%) sepia(89%) saturate(3325%) hue-rotate(346deg) brightness(94%) contrast(91%); }
.fa-calendar-days     { background-image: url('images/calendar-days-solid.png'); filter: brightness(0) saturate(100%) invert(62%) sepia(86%) saturate(648%) hue-rotate(202deg) brightness(104%) contrast(97%); }
.fa-calendar          { background-image: url('images/calendar-days-solid.png'); filter: brightness(0) saturate(100%) invert(62%) sepia(86%) saturate(648%) hue-rotate(202deg) brightness(104%) contrast(97%); }
.fa-dumbbell          { background-image: url('images/dumbbell-solid.png'); filter: brightness(0) saturate(100%) invert(73%) sepia(12%) saturate(447%) hue-rotate(176deg) brightness(95%) contrast(88%); }
.fa-heart-crack       { background-image: url('images/heart-crack-solid.png'); filter: brightness(0) saturate(100%) invert(64%) sepia(55%) saturate(600%) hue-rotate(314deg) brightness(105%) contrast(97%); }
.fa-ring              { background-image: url('images/ring-solid.png'); filter: brightness(0) saturate(100%) invert(72%) sepia(78%) saturate(865%) hue-rotate(354deg) brightness(101%) contrast(105%); }
.fa-scale-balanced    { background-image: url('images/scale-balanced-solid.png'); filter: brightness(0) saturate(100%) invert(37%) sepia(9%) saturate(620%) hue-rotate(176deg) brightness(97%) contrast(88%); }
.fa-arrow-right-long  { background-image: url('images/arrow-right-long-solid.png'); filter: brightness(0) saturate(100%) invert(55%); }

/* Blue version for prospect badges */
.player-badge-rookie .fa-product-hunt-brands { filter: brightness(0) saturate(100%) invert(29%) sepia(91%) saturate(1165%) hue-rotate(211deg) brightness(94%) contrast(87%) !important; }

/* Specific overrides for home page icons */
.home-feature-icon .fa-trophy { filter: brightness(0) saturate(100%) invert(72%) sepia(78%) saturate(865%) hue-rotate(354deg) brightness(101%) contrast(105%) !important; }