/* ============================================================
   ICONS-GOTHIC.CSS — Custom SVG Icon System
   Replaces all emoji usage with gothic ornate SVG icons.
   Palette: Gold (#c9a84c), Crimson (#c62828), Sapphire (#1565c0),
            Emerald (#2e7d32), Parchment (#e8dcc8)
   ============================================================ */

/* =================================================================
   1. BASE ICON CLASS
   ================================================================= */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: -0.125em;
    flex-shrink: 0;
}

/* Size variants */
.icon-xs  { width: 10px; height: 10px; }
.icon-sm  { width: 14px; height: 14px; }
.icon-md  { width: 18px; height: 18px; }
.icon-lg  { width: 22px; height: 22px; }
.icon-xl  { width: 28px; height: 28px; }
.icon-2xl { width: 36px; height: 36px; }


/* =================================================================
   2. BATTLE / COMBAT ICONS
   ================================================================= */

/* Crossed Swords — Attack / Battle */
.icon-sword {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.92 5L5 7l2 2 1-1 5.5 5.5-1.5 1.5 1 1 1.5-1.5L17 17l-1 1 2 2 2-2-1-1 2.5-2.5 1 1 1.5-1.5L19 9l-5.5 5.5-1-1L17 9l-2-2-4.5 4.5L5 6l1-1z' fill='%23c9a84c'/%3E%3Cpath d='M3 19l2 2 4-4-2-2z' fill='%23c9a84c' opacity='0.7'/%3E%3C/svg%3E");
}

/* Shield — Defense */
.icon-shield {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L3 7v5c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-9-5zm0 2.18l7 3.89v4.43c0 4.56-3.07 8.82-7 9.88-3.93-1.06-7-5.32-7-9.88V8.07l7-3.89z' fill='%231565c0'/%3E%3Cpath d='M12 6.5L7 9.2V12c0 3.17 2.13 6.14 5 6.92 2.87-.78 5-3.75 5-6.92V9.2L12 6.5z' fill='%231565c0' opacity='0.3'/%3E%3C/svg%3E");
}

/* Heart — Health */
.icon-heart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23c62828'/%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23ef5350' opacity='0.4'/%3E%3C/svg%3E");
}

/* Flame — Fire / Popular */
.icon-flame {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 23c-4.97 0-8-3.56-8-7.5 0-2.97 1.86-5.18 3.6-7.18.87-1 1.74-1.96 2.4-3.07.2-.34.4-.7.55-1.1.1-.25.42-.33.6-.14C14 6.87 17 9.5 17 9.5s.63-.43 1.07-.93c.2-.22.54-.17.65.1.34.87.28 1.85.28 2.83 0 2.1-.62 3.96-1.68 5.5C15.84 19.46 13.6 23 12 23z' fill='%23c62828'/%3E%3Cpath d='M12 23c-2 0-4-1.5-4-4.5 0-1.5.8-2.8 1.7-3.9.35-.42.68-.8.95-1.25.1-.15.28-.2.4-.08 1.4 1.3 2.95 2.73 2.95 2.73s.3-.2.52-.45c.1-.1.26-.08.32.05.17.42.16.9.16 1.4 0 1-.3 1.9-.82 2.65C13.3 21.2 12 23 12 23z' fill='%23ff8f00' opacity='0.8'/%3E%3C/svg%3E");
}

/* Lightning — Event / Energy */
.icon-lightning {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v11h3v9l7-12h-4l4-8z' fill='%23c9a84c'/%3E%3Cpath d='M10 13h-1.5L13 7h-2l1.5-3H9v6h3z' fill='%23ffd54f' opacity='0.5'/%3E%3C/svg%3E");
}

/* Sparkle — Blessed / Cosmetic / Special */
.icon-sparkle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8z' fill='%23c9a84c'/%3E%3Cpath d='M12 6l1.2 3.6L17 12l-3.8 1.4L12 17l-1.2-3.6L7 12l3.8-1.4z' fill='%23ffd54f' opacity='0.6'/%3E%3C/svg%3E");
}

/* Crosshairs — Targeting */
.icon-crosshairs {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='12' y1='2' x2='12' y2='6' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='12' y1='18' x2='12' y2='22' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='2' y1='12' x2='6' y2='12' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='18' y1='12' x2='22' y2='12' stroke='%23c9a84c' stroke-width='1.5'/%3E%3C/svg%3E");
}


/* =================================================================
   3. CURRENCY ICONS
   ================================================================= */

/* Coins — Gold currency */
.icon-coins {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='10' cy='16' rx='7' ry='4' fill='%23c9a84c' opacity='0.5'/%3E%3Cellipse cx='10' cy='14' rx='7' ry='4' fill='%23c9a84c' opacity='0.7'/%3E%3Cellipse cx='10' cy='12' rx='7' ry='4' fill='%23c9a84c'/%3E%3Cellipse cx='10' cy='12' rx='4.5' ry='2.5' fill='none' stroke='%23ffd54f' stroke-width='0.7' opacity='0.6'/%3E%3Ctext x='10' y='13.5' text-anchor='middle' font-size='5' font-weight='bold' fill='%23ffd54f' font-family='serif'%3EA%3C/text%3E%3C/svg%3E");
}

/* Gem — Premium currency */
.icon-gem {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12,2 20,9 12,22 4,9' fill='%237c4dff' opacity='0.3'/%3E%3Cpolygon points='12,2 20,9 12,22 4,9' fill='none' stroke='%23b388ff' stroke-width='1.5'/%3E%3Cline x1='4' y1='9' x2='20' y2='9' stroke='%23b388ff' stroke-width='1'/%3E%3Cline x1='12' y1='2' x2='8' y2='9' stroke='%23b388ff' stroke-width='0.8' opacity='0.6'/%3E%3Cline x1='12' y1='2' x2='16' y2='9' stroke='%23b388ff' stroke-width='0.8' opacity='0.6'/%3E%3Cline x1='8' y1='9' x2='12' y2='22' stroke='%23b388ff' stroke-width='0.8' opacity='0.4'/%3E%3Cline x1='16' y1='9' x2='12' y2='22' stroke='%23b388ff' stroke-width='0.8' opacity='0.4'/%3E%3C/svg%3E");
}

/* Single Coin */
.icon-coin-single {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23c9a84c'/%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%23ffd54f' stroke-width='1' opacity='0.5'/%3E%3Ccircle cx='12' cy='12' r='4.5' fill='none' stroke='%23ffd54f' stroke-width='0.8' opacity='0.3'/%3E%3Ctext x='12' y='15' text-anchor='middle' font-size='8' font-weight='bold' fill='%23ffd54f' font-family='serif'%3EA%3C/text%3E%3C/svg%3E");
}


/* =================================================================
   4. SHOP / ITEM ICONS
   ================================================================= */

/* Pack / Box */
.icon-pack {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4z' fill='none'/%3E%3Crect x='3' y='4' width='18' height='14' rx='2' fill='%23c9a84c' opacity='0.2'/%3E%3Crect x='3' y='4' width='18' height='14' rx='2' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='3' y1='10' x2='21' y2='10' stroke='%23c9a84c' stroke-width='1'/%3E%3Crect x='10' y='7' width='4' height='6' rx='0.5' fill='%23c9a84c' opacity='0.4'/%3E%3C/svg%3E");
}

/* Cart — Shopping */
.icon-cart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM7.16 14.26l.04-.12.94-1.7h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1 1 0 0020.04 4H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7.42c-.14 0-.25-.11-.25-.25z' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Gift */
.icon-gift {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='12' width='18' height='9' rx='1' fill='%23c9a84c' opacity='0.2' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Crect x='2' y='8' width='20' height='5' rx='1' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='12' y1='8' x2='12' y2='21' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M12 8c-2-3-5-4-5-2s3 2 5 2' fill='none' stroke='%23c62828' stroke-width='1.5'/%3E%3Cpath d='M12 8c2-3 5-4 5-2s-3 2-5 2' fill='none' stroke='%23c62828' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Shopping Bag */
.icon-bag {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6v13c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V6H6z' fill='%23c9a84c' opacity='0.2'/%3E%3Cpath d='M6 6v13c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V6H6z' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M16 6V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Store */
.icon-store {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4v2l1 4v1h14v-1l1-4V4z' fill='%23c9a84c' opacity='0.3'/%3E%3Cpath d='M20 4H4v2l1 4v1h14v-1l1-4V4z' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Crect x='5' y='11' width='14' height='9' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Crect x='9' y='14' width='6' height='6' fill='%23c9a84c' opacity='0.2' stroke='%23c9a84c' stroke-width='1'/%3E%3C/svg%3E");
}


/* =================================================================
   5. STATUS INDICATOR ICONS
   ================================================================= */

/* Check — Success */
.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%232e7d32' opacity='0.2'/%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%232e7d32' stroke-width='1.5'/%3E%3Cpath d='M9 12l2 2 4-4' fill='none' stroke='%2366bb6a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Cross — Error */
.icon-cross {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23c62828' opacity='0.2'/%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23c62828' stroke-width='1.5'/%3E%3Cpath d='M15 9l-6 6M9 9l6 6' stroke='%23ef5350' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Status dots */
.icon-dot-online {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6' fill='%232e7d32'/%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%232e7d32' stroke-width='1' opacity='0.4'/%3E%3C/svg%3E");
}

.icon-dot-away {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6' fill='%23ff8f00'/%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23ff8f00' stroke-width='1' opacity='0.4'/%3E%3C/svg%3E");
}

.icon-dot-busy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6' fill='%23c62828'/%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23c62828' stroke-width='1' opacity='0.4'/%3E%3C/svg%3E");
}

.icon-dot-offline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6' fill='%23555'/%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23555' stroke-width='1' opacity='0.4'/%3E%3C/svg%3E");
}


/* =================================================================
   6. NAVIGATION / UI ICONS
   ================================================================= */

/* Star — Favorites / Rating */
.icon-star {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z' fill='%23c9a84c'/%3E%3Cpath d='M12 5l2 4.06 4.5.66-3.25 3.17.77 4.47L12 15.27l-4.02 2.11.77-4.47L5.5 9.72l4.5-.66z' fill='%23ffd54f' opacity='0.4'/%3E%3C/svg%3E");
}

/* Star Outline — Unfavorited */
.icon-star-outline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Search / Magnifying Glass */
.icon-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23c9a84c' stroke-width='2'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21' stroke='%23c9a84c' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Gear — Settings */
.icon-gear {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58a.49.49 0 00.12-.61l-1.92-3.32a.49.49 0 00-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94L14.4 3.17a.49.49 0 00-.48-.41h-3.84a.49.49 0 00-.48.41l-.36 2.18c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 00-.59.22L2.72 9.37a.49.49 0 00.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 00-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.18c.05.24.26.41.48.41h3.84c.24 0 .44-.17.48-.41l.36-2.18c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 1115.6 12 3.6 3.6 0 0112 15.6z' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Trophy — Achievements / Leaderboard */
.icon-trophy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Crown — VIP / Premium */
.icon-crown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 16l4-7 4 4 2-8 2 8 4-4 4 7z' fill='%23c9a84c'/%3E%3Cpath d='M2 16l4-7 4 4 2-8 2 8 4-4 4 7z' fill='none' stroke='%23ffd54f' stroke-width='1'/%3E%3Crect x='3' y='17' width='18' height='3' rx='1' fill='%23c9a84c'/%3E%3Ccircle cx='6' cy='9' r='1.2' fill='%23ffd54f'/%3E%3Ccircle cx='12' cy='5' r='1.2' fill='%23ffd54f'/%3E%3Ccircle cx='18' cy='9' r='1.2' fill='%23ffd54f'/%3E%3C/svg%3E");
}

/* Playing Card */
.icon-card {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' fill='%23c9a84c' opacity='0.15'/%3E%3Crect x='4' y='2' width='16' height='20' rx='2' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ctext x='12' y='14' text-anchor='middle' font-size='10' font-weight='bold' fill='%23c9a84c' font-family='serif'%3EA%3C/text%3E%3Ccircle cx='8' cy='6' r='1.5' fill='%23c9a84c' opacity='0.5'/%3E%3Ccircle cx='16' cy='18' r='1.5' fill='%23c9a84c' opacity='0.5'/%3E%3C/svg%3E");
}

/* Crystal Orb — Fusion */
.icon-orb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%237c4dff' opacity='0.2'/%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23b388ff' stroke-width='1.5'/%3E%3Cellipse cx='12' cy='12' rx='5' ry='3' fill='none' stroke='%23b388ff' stroke-width='0.8' opacity='0.5' transform='rotate(-30 12 12)'/%3E%3Cellipse cx='12' cy='12' rx='5' ry='3' fill='none' stroke='%23b388ff' stroke-width='0.8' opacity='0.5' transform='rotate(30 12 12)'/%3E%3Ccircle cx='10' cy='9' r='2' fill='%23e1bee7' opacity='0.3'/%3E%3C/svg%3E");
}

/* Calendar — Events */
.icon-calendar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='17' rx='2' fill='%23c9a84c' opacity='0.15' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='3' y1='9' x2='21' y2='9' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='8' y1='2' x2='8' y2='6' stroke='%23c9a84c' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='16' y1='2' x2='16' y2='6' stroke='%23c9a84c' stroke-width='1.5' stroke-linecap='round'/%3E%3Crect x='7' y='12' width='3' height='3' rx='0.5' fill='%23c9a84c' opacity='0.4'/%3E%3C/svg%3E");
}

/* Key — Unlock */
.icon-key {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='9' r='5' fill='%23c9a84c' opacity='0.2'/%3E%3Ccircle cx='8' cy='9' r='5' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='9' r='2' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M12 12l8 8M17 17l3-3' stroke='%23c9a84c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Chart — Statistics */
.icon-chart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='14' width='4' height='6' rx='0.5' fill='%23c9a84c' opacity='0.6'/%3E%3Crect x='10' y='8' width='4' height='12' rx='0.5' fill='%23c9a84c' opacity='0.8'/%3E%3Crect x='16' y='4' width='4' height='16' rx='0.5' fill='%23c9a84c'/%3E%3Cline x1='2' y1='21' x2='22' y2='21' stroke='%23c9a84c' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Trending — Growth */
.icon-trending {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18l6-6 4 4 8-10' fill='none' stroke='%232e7d32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 6h4v4' fill='none' stroke='%232e7d32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Scroll — News */
.icon-scroll {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h12v14c0 1.1.9 2 2 2h-12c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z' fill='%23c9a84c' opacity='0.15' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M16 4v14c0 1.1.9 2 2 2s2-.9 2-2V8h-4' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='8' y1='8' x2='14' y2='8' stroke='%23c9a84c' stroke-width='1' opacity='0.5'/%3E%3Cline x1='8' y1='11' x2='14' y2='11' stroke='%23c9a84c' stroke-width='1' opacity='0.5'/%3E%3Cline x1='8' y1='14' x2='12' y2='14' stroke='%23c9a84c' stroke-width='1' opacity='0.5'/%3E%3C/svg%3E");
}

/* Book — Library / Deck */
.icon-book {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2z' fill='none'/%3E%3Cpath d='M4 4h7v16H4c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1z' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M13 4h7c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1h-7V4z' fill='%23c9a84c' opacity='0.15' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='12' y1='4' x2='12' y2='20' stroke='%23c9a84c' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Lock */
.icon-lock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='10' rx='2' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M8 10V7c0-2.21 1.79-4 4-4s4 1.79 4 4v3' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='15' r='1.5' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Medal — Achievements */
.icon-medal {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2l2 5h-3l-2 5 7-3 7 3-2-5h-3l2-5' fill='%23c9a84c' opacity='0.3'/%3E%3Ccircle cx='12' cy='16' r='5' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='16' r='3' fill='none' stroke='%23ffd54f' stroke-width='1' opacity='0.6'/%3E%3Cpath d='M9 3l3 7 3-7' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3C/svg%3E");
}


/* =================================================================
   7. AUDIO / SOCIAL ICONS
   ================================================================= */

/* Volume On */
.icon-volume-on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3z' fill='%23c9a84c'/%3E%3Cpath d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z' fill='%23c9a84c' opacity='0.7'/%3E%3Cpath d='M19 12c0 2.97-1.65 5.54-4 6.93v-2.19c1.48-1.17 2.5-3.01 2.5-4.74s-1.02-3.57-2.5-4.74V5.07c2.35 1.39 4 3.96 4 6.93z' fill='%23c9a84c' opacity='0.4'/%3E%3C/svg%3E");
}

/* Volume Off */
.icon-volume-off {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3z' fill='%23c9a84c' opacity='0.5'/%3E%3Cpath d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63z' fill='%23c9a84c' opacity='0.3'/%3E%3Cline x1='19' y1='5' x2='5' y2='19' stroke='%23c62828' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Eye — Watch */
.icon-eye {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5z' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='3.5' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Home */
.icon-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 12h3v8h6v-6h2v6h6v-8h3z' fill='%23c9a84c' opacity='0.3'/%3E%3Cpath d='M12 3L2 12h3v8h6v-6h2v6h6v-8h3z' fill='none' stroke='%23c9a84c' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Door — Login/Exit */
.icon-door {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='3' width='14' height='18' rx='1' fill='%23c9a84c' opacity='0.15' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='15' cy='12' r='1' fill='%23c9a84c'/%3E%3Cpath d='M10 21V3l8 2v16l-8-2z' fill='%23c9a84c' opacity='0.25' stroke='%23c9a84c' stroke-width='1'/%3E%3C/svg%3E");
}

/* Wave — Join/Leave */
.icon-wave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12c0-2 1-3 2-3s2 .5 2 2v-3c0-1.5 1-2 2-2s2 1 2 2v-1c0-1.5 1-2 2-2s2 1 2 2v6c0 3-2 6-5 6H11c-2 0-4-2-4-4v-3z' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3C/svg%3E");
}


/* =================================================================
   8. ACHIEVEMENT / SPECIAL ICONS
   ================================================================= */

/* Scales — Comparison / Balance */
.icon-scales {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cline x1='12' y1='3' x2='12' y2='21' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='4' y1='7' x2='20' y2='7' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M4 7l-2 6h8l-2-6' fill='%23c9a84c' opacity='0.2' stroke='%23c9a84c' stroke-width='1'/%3E%3Cpath d='M16 7l-2 6h8l-2-6' fill='%23c9a84c' opacity='0.2' stroke='%23c9a84c' stroke-width='1'/%3E%3Crect x='9' y='19' width='6' height='2' rx='1' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Wizard — Mage / Secret Shop */
.icon-wizard {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 9-3 2-3-2z' fill='%237c4dff' opacity='0.4' stroke='%23b388ff' stroke-width='1'/%3E%3Ccircle cx='12' cy='16' r='4' fill='%23c9a84c' opacity='0.2' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='16' r='1.5' fill='%23c9a84c'/%3E%3Cpath d='M9 20l-2 2h10l-2-2' stroke='%23c9a84c' stroke-width='1' fill='%23c9a84c' opacity='0.3'/%3E%3Ccircle cx='12' cy='4' r='1' fill='%23ffd54f'/%3E%3C/svg%3E");
}

/* Tent — Bundle Hunter */
.icon-tent {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L3 20h18z' fill='%23c9a84c' opacity='0.2' stroke='%23c9a84c' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M12 3l-4 17h8z' fill='%23c62828' opacity='0.2'/%3E%3Cline x1='12' y1='3' x2='12' y2='20' stroke='%23c9a84c' stroke-width='1' opacity='0.5'/%3E%3Cpath d='M9 20c0-2 1.5-5 3-5s3 3 3 5' fill='none' stroke='%23c9a84c' stroke-width='1'/%3E%3C/svg%3E");
}

/* Masks — Bundle Master / Theater */
.icon-masks {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5c0 4 2 8 5 9 1.5.5 3 0 3-1V5c0-1-2-2-4-2S4 4 4 5z' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.2'/%3E%3Ccircle cx='7' cy='7' r='0.8' fill='%23c9a84c'/%3E%3Ccircle cx='10' cy='7' r='0.8' fill='%23c9a84c'/%3E%3Cpath d='M7.5 10c.5.5 1.5.5 2 0' fill='none' stroke='%23c9a84c' stroke-width='0.8'/%3E%3Cpath d='M12 7c0 4 2 8 5 9 1.5.5 3 0 3-1V7c0-1-2-2-4-2s-4 1-4 2z' fill='%23c62828' opacity='0.2' stroke='%23c62828' stroke-width='1.2'/%3E%3Ccircle cx='15' cy='9' r='0.8' fill='%23c62828'/%3E%3Ccircle cx='18' cy='9' r='0.8' fill='%23c62828'/%3E%3Cpath d='M15 12c.5-.5 1.5-.5 2 0' fill='none' stroke='%23c62828' stroke-width='0.8'/%3E%3C/svg%3E");
}

/* Person — Profile / Player */
.icon-person {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='%23c9a84c'/%3E%3Cpath d='M12 14c-5 0-8 2.5-8 5v1h16v-1c0-2.5-3-5-8-5z' fill='%23c9a84c' opacity='0.7'/%3E%3C/svg%3E");
}

/* Wrench — Tools / Dev */
.icon-wrench {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Spirit — SP / Ghost */
.icon-spirit {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C8.13 3 5 6.13 5 10v8l1.5-1.5L8 18l1.5-1.5L11 18l1-1 1 1 1.5-1.5L16 18l1.5-1.5L19 18v-8c0-3.87-3.13-7-7-7z' fill='%23b388ff' opacity='0.4' stroke='%23b388ff' stroke-width='1.2'/%3E%3Ccircle cx='10' cy='10' r='1.2' fill='%23b388ff'/%3E%3Ccircle cx='14' cy='10' r='1.2' fill='%23b388ff'/%3E%3C/svg%3E");
}

/* Hourglass — Timer / Waiting */
.icon-hourglass {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2v6l4 4-4 4v6h12v-6l-4-4 4-4V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Clock — Timer / Countdown */
.icon-clock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='13' r='8' fill='%23c9a84c' opacity='0.15' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M12 7v6l4 2' fill='none' stroke='%23c9a84c' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 2h4' stroke='%23c9a84c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Globe — Online / Network */
.icon-globe {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9' fill='none' stroke='%23c9a84c' stroke-width='1'/%3E%3Cline x1='3' y1='12' x2='21' y2='12' stroke='%23c9a84c' stroke-width='1'/%3E%3Cpath d='M4 8h16M4 16h16' stroke='%23c9a84c' stroke-width='0.8' opacity='0.5'/%3E%3C/svg%3E");
}

/* Flask — Fusion / Science */
.icon-flask {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6v5l4 8c1 2-.5 4-3 4H8c-2.5 0-4-2-3-4l4-8V3z' fill='%232e7d32' opacity='0.2' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='8' y1='3' x2='16' y2='3' stroke='%23c9a84c' stroke-width='2'/%3E%3Cpath d='M7 16h10' stroke='%232e7d32' stroke-width='1' opacity='0.5'/%3E%3Ccircle cx='10' cy='14' r='1' fill='%232e7d32' opacity='0.5'/%3E%3Ccircle cx='14' cy='16' r='0.8' fill='%232e7d32' opacity='0.5'/%3E%3C/svg%3E");
}

/* Refresh — Trade / Swap */
.icon-refresh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.96 7.96 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* People — Social / Group */
.icon-people {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3' fill='%23c9a84c'/%3E%3Cpath d='M9 13c-3.5 0-6 2-6 4v1h12v-1c0-2-2.5-4-6-4z' fill='%23c9a84c' opacity='0.7'/%3E%3Ccircle cx='17' cy='9' r='2.5' fill='%23c9a84c' opacity='0.6'/%3E%3Cpath d='M17 13c2 0 4 1.5 4 3v1h-5' fill='none' stroke='%23c9a84c' stroke-width='1' opacity='0.6'/%3E%3C/svg%3E");
}

/* Chat Bubble — Message */
.icon-chat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M7 9h10M7 13h6' stroke='%23c9a84c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Gamepad — Game / Play */
.icon-gamepad {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z' fill='%23c9a84c' opacity='0.2' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M9 10v4M7 12h4' stroke='%23c9a84c' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='11' r='1' fill='%23c9a84c'/%3E%3Ccircle cx='18' cy='13' r='1' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Warning — Alert / Caution */
.icon-warning {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21z' fill='%23c9a84c' opacity='0.2' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='12' y1='9' x2='12' y2='15' stroke='%23c9a84c' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18' r='1' fill='%23c9a84c'/%3E%3C/svg%3E");
}

/* Lightbulb — Idea / Tip */
.icon-lightbulb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.87-3.13-7-7-7z' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M9 21h6' stroke='%23c9a84c' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10 17v1M14 17v1' stroke='%23c9a84c' stroke-width='1'/%3E%3C/svg%3E");
}

/* Bell — Notification */
.icon-bell {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z' fill='%23c9a84c'/%3E%3Ccircle cx='12' cy='22' r='2' fill='%23c9a84c' opacity='0.7'/%3E%3C/svg%3E");
}

/* Pin — Bookmark / Location */
.icon-pin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z' fill='%23c62828' opacity='0.3' stroke='%23c62828' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='9' r='2.5' fill='%23c62828'/%3E%3C/svg%3E");
}

/* No/Block — Forbidden */
.icon-block {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23c62828' opacity='0.15' stroke='%23c62828' stroke-width='1.5'/%3E%3Cline x1='5.5' y1='5.5' x2='18.5' y2='18.5' stroke='%23c62828' stroke-width='2'/%3E%3C/svg%3E");
}

/* Target — Aim / Crosshairs */
.icon-target {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23c62828' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%23c62828' stroke-width='1'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23c62828'/%3E%3Cline x1='12' y1='2' x2='12' y2='6' stroke='%23c62828' stroke-width='1'/%3E%3Cline x1='12' y1='18' x2='12' y2='22' stroke='%23c62828' stroke-width='1'/%3E%3Cline x1='2' y1='12' x2='6' y2='12' stroke='%23c62828' stroke-width='1'/%3E%3Cline x1='18' y1='12' x2='22' y2='12' stroke='%23c62828' stroke-width='1'/%3E%3C/svg%3E");
}

/* Bird — Social / Twitter */
.icon-bird {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 5.8a8.49 8.49 0 01-2.36.64 4.13 4.13 0 001.81-2.27 8.21 8.21 0 01-2.61 1 4.1 4.1 0 00-7 3.74A11.64 11.64 0 013.39 4.62a4.16 4.16 0 001.27 5.49A4.09 4.09 0 013 9.74a4.1 4.1 0 003.3 4.03 4.12 4.12 0 01-1.86.07 4.1 4.1 0 003.83 2.85A8.23 8.23 0 012 18.4a11.62 11.62 0 006.29 1.84A11.58 11.58 0 0020 8.75v-.53A8.43 8.43 0 0022 5.8z' fill='%231565c0'/%3E%3C/svg%3E");
}

/* Castle — Guild */
.icon-castle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='8' width='14' height='13' fill='%23c9a84c' opacity='0.15' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M5 8V4h2v2h2V4h2v2h2V4h2v2h2V4h2v4' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Crect x='10' y='14' width='4' height='7' rx='2' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1'/%3E%3C/svg%3E");
}

/* Whale — Big Spender */
.icon-whale {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12c0-4 4-7 9-7s9 3 9 7-3 6-6 6c-1 0-2 2-3 2s-2-2-3-2c-3 0-6-2-6-6z' fill='%231565c0' opacity='0.3' stroke='%231565c0' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='11' r='1' fill='%231565c0'/%3E%3Cpath d='M4 8c-1-2-2-4-1-5' stroke='%231565c0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Spade — Duel */
.icon-spade {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8 7 3 10 3 14c0 3 2 5 4.5 5 1.5 0 3-.8 4-2v3h1v-3c1 1.2 2.5 2 4 2 2.5 0 4.5-2 4.5-5 0-4-5-7-9-12z' fill='%23c9a84c'/%3E%3C/svg%3E");
}


/* =================================================================
   9. EMOJI REPLACEMENT HELPERS
   Utility classes for common emoji → icon replacements in CSS
   pseudo-elements. Use in place of content: 'emoji'.
   ================================================================= */

/* Common pattern: replaces content emoji with SVG background */
/* Usage: add .icon-pseudo-{name} to element, its ::before gets the icon */

.icon-pseudo-sword::before,
.icon-pseudo-attack::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.92 5L5 7l2 2 1-1 5.5 5.5-1.5 1.5 1 1 1.5-1.5L17 17l-1 1 2 2 2-2-1-1 2.5-2.5 1 1 1.5-1.5L19 9l-5.5 5.5-1-1L17 9l-2-2-4.5 4.5L5 6l1-1z' fill='%23c9a84c'/%3E%3Cpath d='M3 19l2 2 4-4-2-2z' fill='%23c9a84c' opacity='0.7'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-shield::before,
.icon-pseudo-defense::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L3 7v5c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-9-5zm0 2.18l7 3.89v4.43c0 4.56-3.07 8.82-7 9.88-3.93-1.06-7-5.32-7-9.88V8.07l7-3.89z' fill='%231565c0'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-heart::before,
.icon-pseudo-health::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23c62828'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-flame::before,
.icon-pseudo-fire::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 23c-4.97 0-8-3.56-8-7.5 0-2.97 1.86-5.18 3.6-7.18.87-1 1.74-1.96 2.4-3.07.2-.34.4-.7.55-1.1.1-.25.42-.33.6-.14C14 6.87 17 9.5 17 9.5s.63-.43 1.07-.93c.2-.22.54-.17.65.1.34.87.28 1.85.28 2.83 0 2.1-.62 3.96-1.68 5.5C15.84 19.46 13.6 23 12 23z' fill='%23c62828'/%3E%3Cpath d='M12 23c-2 0-4-1.5-4-4.5 0-1.5.8-2.8 1.7-3.9.35-.42.68-.8.95-1.25.1-.15.28-.2.4-.08 1.4 1.3 2.95 2.73 2.95 2.73s.3-.2.52-.45c.1-.1.26-.08.32.05.17.42.16.9.16 1.4 0 1-.3 1.9-.82 2.65C13.3 21.2 12 23 12 23z' fill='%23ff8f00' opacity='0.8'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-lightning::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v11h3v9l7-12h-4l4-8z' fill='%23c9a84c'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-coins::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='10' cy='16' rx='7' ry='4' fill='%23c9a84c' opacity='0.5'/%3E%3Cellipse cx='10' cy='14' rx='7' ry='4' fill='%23c9a84c' opacity='0.7'/%3E%3Cellipse cx='10' cy='12' rx='7' ry='4' fill='%23c9a84c'/%3E%3Ctext x='10' y='13.5' text-anchor='middle' font-size='5' font-weight='bold' fill='%23ffd54f' font-family='serif'%3EA%3C/text%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-gem::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12,2 20,9 12,22 4,9' fill='%237c4dff' opacity='0.3'/%3E%3Cpolygon points='12,2 20,9 12,22 4,9' fill='none' stroke='%23b388ff' stroke-width='1.5'/%3E%3Cline x1='4' y1='9' x2='20' y2='9' stroke='%23b388ff' stroke-width='1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-pack::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='14' rx='2' fill='%23c9a84c' opacity='0.2'/%3E%3Crect x='3' y='4' width='18' height='14' rx='2' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cline x1='3' y1='10' x2='21' y2='10' stroke='%23c9a84c' stroke-width='1'/%3E%3Crect x='10' y='7' width='4' height='6' rx='0.5' fill='%23c9a84c' opacity='0.4'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-sparkle::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8z' fill='%23c9a84c'/%3E%3Cpath d='M12 6l1.2 3.6L17 12l-3.8 1.4L12 17l-1.2-3.6L7 12l3.8-1.4z' fill='%23ffd54f' opacity='0.6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-star::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z' fill='%23c9a84c'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-trophy::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z' fill='%23c9a84c'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-check::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%232e7d32' opacity='0.2'/%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%232e7d32' stroke-width='1.5'/%3E%3Cpath d='M9 12l2 2 4-4' fill='none' stroke='%2366bb6a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-cross::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23c62828' opacity='0.2'/%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23c62828' stroke-width='1.5'/%3E%3Cpath d='M15 9l-6 6M9 9l6 6' stroke='%23ef5350' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-search::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23c9a84c' stroke-width='2'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21' stroke='%23c9a84c' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-gear::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58a.49.49 0 00.12-.61l-1.92-3.32a.49.49 0 00-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94L14.4 3.17a.49.49 0 00-.48-.41h-3.84a.49.49 0 00-.48.41l-.36 2.18c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 00-.59.22L2.72 9.37a.49.49 0 00.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 00-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.18c.05.24.26.41.48.41h3.84c.24 0 .44-.17.48-.41l.36-2.18c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6A3.6 3.6 0 1115.6 12 3.6 3.6 0 0112 15.6z' fill='%23c9a84c'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-card::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' fill='%23c9a84c' opacity='0.15'/%3E%3Crect x='4' y='2' width='16' height='20' rx='2' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ctext x='12' y='14' text-anchor='middle' font-size='10' font-weight='bold' fill='%23c9a84c' font-family='serif'%3EA%3C/text%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-lock::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='10' rx='2' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpath d='M8 10V7c0-2.21 1.79-4 4-4s4 1.79 4 4v3' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='15' r='1.5' fill='%23c9a84c'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-crown::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 16l4-7 4 4 2-8 2 8 4-4 4 7z' fill='%23c9a84c'/%3E%3Crect x='3' y='17' width='18' height='3' rx='1' fill='%23c9a84c'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-orb::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%237c4dff' opacity='0.2'/%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%23b388ff' stroke-width='1.5'/%3E%3Cellipse cx='12' cy='12' rx='5' ry='3' fill='none' stroke='%23b388ff' stroke-width='0.8' opacity='0.5' transform='rotate(-30 12 12)'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

.icon-pseudo-eye::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5z' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='3.5' fill='%23c9a84c' opacity='0.3' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23c9a84c'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

/* Green heart variant */
.icon-pseudo-heart-green::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%232e7d32'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}

/* Coin single (for shop) */
.icon-pseudo-coin::before {
    content: '' !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23c9a84c'/%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%23ffd54f' stroke-width='1' opacity='0.5'/%3E%3Ctext x='12' y='15' text-anchor='middle' font-size='8' font-weight='bold' fill='%23ffd54f' font-family='serif'%3EA%3C/text%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.25em;
}