/* Terraria-style pixel art icons as CSS backgrounds */

.element-icon, .icon {
    width: 32px;
    height: 32px;
    image-rendering: pixelated;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ========== LIQUIDS ========== */

/* Water - blue liquid droplet */
.icon-water {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='6' y='2' width='4' height='2' fill='%2387CEEB'/%3E%3Crect x='5' y='4' width='6' height='2' fill='%2369B4D9'/%3E%3Crect x='4' y='6' width='8' height='2' fill='%234A90A4'/%3E%3Crect x='3' y='8' width='10' height='2' fill='%233B7A8C'/%3E%3Crect x='4' y='10' width='8' height='2' fill='%232E6070'/%3E%3Crect x='5' y='12' width='6' height='2' fill='%23234B58'/%3E%3Crect x='7' y='3' width='2' height='1' fill='%23B8E4F0'/%3E%3C/svg%3E");
}

/* Lava - orange/red molten rock */
.icon-lava {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='10' width='12' height='4' fill='%23B22222'/%3E%3Crect x='3' y='8' width='10' height='2' fill='%23CD4500'/%3E%3Crect x='4' y='6' width='3' height='2' fill='%23FF6B35'/%3E%3Crect x='9' y='5' width='3' height='3' fill='%23FF6B35'/%3E%3Crect x='5' y='4' width='2' height='2' fill='%23FF8C42'/%3E%3Crect x='10' y='3' width='2' height='2' fill='%23FF8C42'/%3E%3Crect x='6' y='2' width='1' height='2' fill='%23FFB347'/%3E%3Crect x='11' y='2' width='1' height='1' fill='%23FFD700'/%3E%3Crect x='3' y='11' width='2' height='1' fill='%23FF4500'/%3E%3Crect x='8' y='10' width='3' height='1' fill='%23FF6347'/%3E%3C/svg%3E");
}

/* Toxic - green bubbling liquid */
.icon-toxic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='10' width='12' height='4' fill='%23228B22'/%3E%3Crect x='3' y='8' width='10' height='2' fill='%2332CD32'/%3E%3Crect x='4' y='9' width='2' height='1' fill='%2390EE90'/%3E%3Crect x='10' y='9' width='2' height='1' fill='%2390EE90'/%3E%3Ccircle cx='5' cy='6' r='2' fill='%2332CD32'/%3E%3Ccircle cx='11' cy='5' r='1.5' fill='%2332CD32'/%3E%3Ccircle cx='8' cy='4' r='1' fill='%2390EE90'/%3E%3Crect x='4' y='5' width='1' height='1' fill='%2390EE90'/%3E%3Crect x='10' y='4' width='1' height='1' fill='%23ADFF2F'/%3E%3C/svg%3E");
}

/* Oil - dark purple/black shimmering liquid */
.icon-oil {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='8' width='10' height='6' fill='%231a1a2e'/%3E%3Crect x='4' y='6' width='8' height='2' fill='%23252540'/%3E%3Crect x='5' y='4' width='6' height='2' fill='%23303050'/%3E%3Crect x='6' y='3' width='4' height='1' fill='%23404060'/%3E%3Crect x='5' y='9' width='2' height='1' fill='%23505080'/%3E%3Crect x='9' y='10' width='2' height='1' fill='%23404070'/%3E%3Crect x='7' y='7' width='1' height='1' fill='%236060a0'/%3E%3C/svg%3E");
}

/* Acid - bright green corrosive */
.icon-acid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='9' width='12' height='5' fill='%2366FF00'/%3E%3Crect x='3' y='7' width='10' height='2' fill='%2399FF33'/%3E%3Crect x='4' y='5' width='3' height='2' fill='%23CCFF66'/%3E%3Crect x='9' y='4' width='3' height='3' fill='%23CCFF66'/%3E%3Crect x='5' y='3' width='2' height='2' fill='%23EEFF88'/%3E%3Crect x='10' y='2' width='2' height='2' fill='%23FFFFFF'/%3E%3Crect x='3' y='10' width='1' height='1' fill='%23CCFF00'/%3E%3Crect x='8' y='11' width='2' height='1' fill='%2344DD00'/%3E%3C/svg%3E");
}

/* Mud - brown thick liquid */
.icon-mud {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='8' width='12' height='6' fill='%234a3728'/%3E%3Crect x='3' y='6' width='10' height='2' fill='%235c4433'/%3E%3Crect x='4' y='4' width='8' height='2' fill='%236e5544'/%3E%3Crect x='5' y='3' width='6' height='1' fill='%23806655'/%3E%3Crect x='4' y='9' width='2' height='1' fill='%23382820'/%3E%3Crect x='9' y='10' width='2' height='1' fill='%23382820'/%3E%3Crect x='6' y='7' width='1' height='1' fill='%238a7766'/%3E%3C/svg%3E");
}

/* Honey - golden amber liquid */
.icon-honey {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='8' width='10' height='6' fill='%23CC8800'/%3E%3Crect x='4' y='6' width='8' height='2' fill='%23DDAA00'/%3E%3Crect x='5' y='4' width='6' height='2' fill='%23EECC00'/%3E%3Crect x='6' y='3' width='4' height='1' fill='%23FFDD44'/%3E%3Crect x='5' y='9' width='2' height='1' fill='%23FFEE88'/%3E%3Crect x='9' y='10' width='2' height='1' fill='%23AA6600'/%3E%3Crect x='7' y='7' width='1' height='1' fill='%23FFFF99'/%3E%3C/svg%3E");
}

/* ========== POWDERS ========== */

/* Sand - tan grainy particles */
.icon-sand {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='12' width='12' height='2' fill='%23C2A060'/%3E%3Crect x='3' y='10' width='10' height='2' fill='%23D4B070'/%3E%3Crect x='4' y='8' width='8' height='2' fill='%23E8C878'/%3E%3Crect x='5' y='7' width='2' height='1' fill='%23F0D890'/%3E%3Crect x='9' y='7' width='2' height='1' fill='%23F0D890'/%3E%3Crect x='6' y='5' width='1' height='2' fill='%23E8C878'/%3E%3Crect x='9' y='4' width='1' height='3' fill='%23D4B070'/%3E%3Crect x='7' y='3' width='2' height='2' fill='%23C2A060'/%3E%3Crect x='4' y='11' width='1' height='1' fill='%23A08050'/%3E%3Crect x='8' y='12' width='1' height='1' fill='%23A08050'/%3E%3C/svg%3E");
}

/* Dirt - brown earthy powder */
.icon-dirt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='10' width='12' height='4' fill='%235c4433'/%3E%3Crect x='3' y='8' width='10' height='2' fill='%236e5544'/%3E%3Crect x='4' y='6' width='8' height='2' fill='%23806655'/%3E%3Crect x='5' y='4' width='6' height='2' fill='%238a7766'/%3E%3Crect x='6' y='3' width='4' height='1' fill='%239a8877'/%3E%3Crect x='4' y='11' width='1' height='1' fill='%23443322'/%3E%3Crect x='7' y='12' width='1' height='1' fill='%23443322'/%3E%3Crect x='10' y='10' width='1' height='1' fill='%23443322'/%3E%3C/svg%3E");
}

/* Salt - white crystals */
.icon-salt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='10' width='10' height='4' fill='%23e8e8e8'/%3E%3Crect x='4' y='8' width='8' height='2' fill='%23f0f0f0'/%3E%3Crect x='5' y='6' width='6' height='2' fill='%23f8f8f8'/%3E%3Crect x='6' y='4' width='4' height='2' fill='%23ffffff'/%3E%3Crect x='4' y='11' width='1' height='1' fill='%23d0d0d0'/%3E%3Crect x='8' y='12' width='1' height='1' fill='%23d0d0d0'/%3E%3Crect x='6' y='9' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='10' y='10' width='1' height='1' fill='%23ffffff'/%3E%3C/svg%3E");
}

/* Snow - white fluffy particles */
.icon-snow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='10' width='12' height='4' fill='%23f0f8ff'/%3E%3Crect x='3' y='8' width='10' height='2' fill='%23f5faff'/%3E%3Crect x='4' y='6' width='8' height='2' fill='%23fafeff'/%3E%3Crect x='5' y='4' width='6' height='2' fill='%23ffffff'/%3E%3Ccircle cx='5' cy='5' r='1' fill='%23e0f0ff'/%3E%3Ccircle cx='11' cy='6' r='1' fill='%23e0f0ff'/%3E%3Ccircle cx='8' cy='4' r='0.5' fill='%23d0e8ff'/%3E%3C/svg%3E");
}

/* Ash - grey powder */
.icon-ash {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='10' width='12' height='4' fill='%23404040'/%3E%3Crect x='3' y='8' width='10' height='2' fill='%23505050'/%3E%3Crect x='4' y='6' width='8' height='2' fill='%23606060'/%3E%3Crect x='5' y='4' width='6' height='2' fill='%23707070'/%3E%3Crect x='6' y='3' width='4' height='1' fill='%23808080'/%3E%3Crect x='4' y='11' width='1' height='1' fill='%23303030'/%3E%3Crect x='9' y='12' width='1' height='1' fill='%23303030'/%3E%3C/svg%3E");
}

/* Gunpowder - dark grey speckled */
.icon-gunpowder {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='10' width='12' height='4' fill='%23252525'/%3E%3Crect x='3' y='8' width='10' height='2' fill='%23303030'/%3E%3Crect x='4' y='6' width='8' height='2' fill='%23383838'/%3E%3Crect x='5' y='4' width='6' height='2' fill='%23404040'/%3E%3Crect x='4' y='11' width='1' height='1' fill='%23505050'/%3E%3Crect x='7' y='9' width='1' height='1' fill='%23606060'/%3E%3Crect x='10' y='12' width='1' height='1' fill='%23505050'/%3E%3Crect x='6' y='7' width='1' height='1' fill='%23181818'/%3E%3C/svg%3E");
}

/* Coal - black shiny chunks */
.icon-coal {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='9' width='12' height='5' fill='%23101010'/%3E%3Crect x='3' y='7' width='10' height='2' fill='%23181818'/%3E%3Crect x='4' y='5' width='8' height='2' fill='%23202020'/%3E%3Crect x='5' y='4' width='6' height='1' fill='%23282828'/%3E%3Crect x='5' y='8' width='2' height='1' fill='%23383838'/%3E%3Crect x='9' y='10' width='2' height='1' fill='%23404040'/%3E%3Crect x='7' y='6' width='1' height='1' fill='%23505050'/%3E%3C/svg%3E");
}

/* ========== SOLID BLOCKS ========== */

/* Stone - grey rocky block */
.icon-stone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' fill='%23696969'/%3E%3Crect x='2' y='2' width='12' height='2' fill='%23808080'/%3E%3Crect x='2' y='2' width='2' height='12' fill='%23778899'/%3E%3Crect x='12' y='2' width='2' height='12' fill='%23505050'/%3E%3Crect x='2' y='12' width='12' height='2' fill='%23404040'/%3E%3Crect x='4' y='5' width='3' height='2' fill='%23585858'/%3E%3Crect x='9' y='4' width='2' height='3' fill='%23606060'/%3E%3Crect x='5' y='9' width='4' height='2' fill='%23555555'/%3E%3C/svg%3E");
}

/* Wood - brown wooden planks */
.icon-wood {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' fill='%238B5A2B'/%3E%3Crect x='2' y='2' width='12' height='1' fill='%23A0703C'/%3E%3Crect x='2' y='5' width='12' height='1' fill='%23704020'/%3E%3Crect x='2' y='8' width='12' height='1' fill='%23704020'/%3E%3Crect x='2' y='11' width='12' height='1' fill='%23704020'/%3E%3Crect x='4' y='3' width='1' height='2' fill='%23604018'/%3E%3Crect x='10' y='6' width='1' height='2' fill='%23604018'/%3E%3Crect x='7' y='9' width='1' height='2' fill='%23604018'/%3E%3C/svg%3E");
}

/* Metal - shiny grey metallic */
.icon-metal {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' fill='%23808090'/%3E%3Crect x='2' y='2' width='12' height='2' fill='%23a0a0b0'/%3E%3Crect x='2' y='2' width='2' height='12' fill='%23b0b0c0'/%3E%3Crect x='12' y='2' width='2' height='12' fill='%23606070'/%3E%3Crect x='2' y='12' width='12' height='2' fill='%23505060'/%3E%3Crect x='4' y='4' width='2' height='1' fill='%23d0d0e0'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='8' y='7' width='3' height='1' fill='%23707080'/%3E%3C/svg%3E");
}

/* Ice - light blue transparent */
.icon-ice {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' fill='%2390d0f0'/%3E%3Crect x='2' y='2' width='12' height='2' fill='%23b0e0ff'/%3E%3Crect x='2' y='2' width='2' height='12' fill='%23c0f0ff'/%3E%3Crect x='12' y='2' width='2' height='12' fill='%2370b0d0'/%3E%3Crect x='2' y='12' width='12' height='2' fill='%2360a0c0'/%3E%3Crect x='4' y='4' width='2' height='2' fill='%23ffffff'/%3E%3Crect x='9' y='6' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='6' y='9' width='2' height='1' fill='%23a0e0ff'/%3E%3C/svg%3E");
}

/* Glass - transparent with shine */
.icon-glass {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' fill='%23d0e8f0' opacity='0.7'/%3E%3Crect x='2' y='2' width='12' height='1' fill='%23ffffff'/%3E%3Crect x='2' y='2' width='1' height='12' fill='%23ffffff'/%3E%3Crect x='13' y='2' width='1' height='12' fill='%2390b0c0'/%3E%3Crect x='2' y='13' width='12' height='1' fill='%2390b0c0'/%3E%3Crect x='4' y='4' width='3' height='1' fill='%23ffffff'/%3E%3Crect x='4' y='5' width='1' height='2' fill='%23ffffff'/%3E%3C/svg%3E");
}

/* Brick - red brick pattern */
.icon-brick {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' fill='%23a04030'/%3E%3Crect x='2' y='2' width='6' height='3' fill='%23b85040'/%3E%3Crect x='9' y='2' width='5' height='3' fill='%23c06050'/%3E%3Crect x='2' y='6' width='4' height='3' fill='%23c06050'/%3E%3Crect x='7' y='6' width='7' height='3' fill='%23b85040'/%3E%3Crect x='2' y='10' width='6' height='4' fill='%23b85040'/%3E%3Crect x='9' y='10' width='5' height='4' fill='%23c06050'/%3E%3Crect x='2' y='5' width='12' height='1' fill='%23806050'/%3E%3Crect x='2' y='9' width='12' height='1' fill='%23806050'/%3E%3Crect x='8' y='2' width='1' height='3' fill='%23806050'/%3E%3Crect x='6' y='6' width='1' height='3' fill='%23806050'/%3E%3Crect x='8' y='10' width='1' height='4' fill='%23806050'/%3E%3C/svg%3E");
}

/* ========== GASES & ENERGY ========== */

/* Steam - white wispy */
.icon-steam {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='10' rx='5' ry='3' fill='%23D3D3D3' opacity='0.8'/%3E%3Cellipse cx='5' cy='8' rx='3' ry='2' fill='%23E8E8E8' opacity='0.7'/%3E%3Cellipse cx='11' cy='7' rx='2.5' ry='2' fill='%23DCDCDC' opacity='0.7'/%3E%3Cellipse cx='8' cy='5' rx='2' ry='1.5' fill='%23F0F0F0' opacity='0.6'/%3E%3Cellipse cx='6' cy='4' rx='1.5' ry='1' fill='%23F5F5F5' opacity='0.5'/%3E%3Cellipse cx='10' cy='3' rx='1' ry='0.8' fill='%23FFFFFF' opacity='0.4'/%3E%3C/svg%3E");
}

/* Smoke - dark grey clouds */
.icon-smoke {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='11' rx='5' ry='3' fill='%23404040' opacity='0.8'/%3E%3Cellipse cx='5' cy='9' rx='3' ry='2' fill='%23505050' opacity='0.7'/%3E%3Cellipse cx='11' cy='8' rx='2.5' ry='2' fill='%23454545' opacity='0.7'/%3E%3Cellipse cx='8' cy='6' rx='2' ry='1.5' fill='%23606060' opacity='0.6'/%3E%3Cellipse cx='6' cy='4' rx='1.5' ry='1' fill='%23707070' opacity='0.5'/%3E%3Cellipse cx='10' cy='3' rx='1' ry='0.8' fill='%23808080' opacity='0.4'/%3E%3C/svg%3E");
}

/* Fire - orange flames */
.icon-fire {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 14 Q4 12 4 9 Q4 6 6 5 Q5 7 6 8 Q6 5 8 2 Q10 5 10 8 Q11 7 10 5 Q12 6 12 9 Q12 12 8 14' fill='%23FF4500'/%3E%3Cpath d='M8 14 Q5 12 5 10 Q5 8 7 7 Q6 9 7 10 Q7 7 8 4 Q9 7 9 10 Q10 9 9 7 Q11 8 11 10 Q11 12 8 14' fill='%23FF8C00'/%3E%3Cpath d='M8 14 Q6 12 6 11 Q6 9 7 8 Q8 10 8 11 Q8 9 8 6 Q9 9 9 11 Q9 10 9 8 Q10 9 10 11 Q10 12 8 14' fill='%23FFD700'/%3E%3C/svg%3E");
}

/* Plasma - purple electric energy */
.icon-plasma {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='%238800ff' opacity='0.6'/%3E%3Ccircle cx='8' cy='8' r='4' fill='%23aa44ff' opacity='0.7'/%3E%3Ccircle cx='8' cy='8' r='2' fill='%23dd88ff'/%3E%3Ccircle cx='8' cy='8' r='1' fill='%23ffffff'/%3E%3Cpath d='M8 2 L9 5 L12 4 L10 7 L14 8 L10 9 L12 12 L9 11 L8 14 L7 11 L4 12 L6 9 L2 8 L6 7 L4 4 L7 5 Z' fill='%23cc66ff' opacity='0.5'/%3E%3C/svg%3E");
}

/* Poison Gas - green toxic cloud */
.icon-poison {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='10' rx='5' ry='3' fill='%23228B22' opacity='0.7'/%3E%3Cellipse cx='5' cy='8' rx='3' ry='2' fill='%2332CD32' opacity='0.6'/%3E%3Cellipse cx='11' cy='7' rx='2.5' ry='2' fill='%2328A428' opacity='0.6'/%3E%3Cellipse cx='8' cy='5' rx='2' ry='1.5' fill='%2390EE90' opacity='0.5'/%3E%3Ccircle cx='6' cy='9' r='0.5' fill='%2300FF00'/%3E%3Ccircle cx='10' cy='8' r='0.5' fill='%2300FF00'/%3E%3Ccircle cx='8' cy='7' r='0.5' fill='%2300FF00'/%3E%3C/svg%3E");
}

/* ========== SPECIAL ========== */

/* Void - black hole effect */
.icon-void {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23000000'/%3E%3Ccircle cx='8' cy='8' r='5' fill='%23100020'/%3E%3Ccircle cx='8' cy='8' r='3' fill='%23200040'/%3E%3Ccircle cx='8' cy='8' r='1.5' fill='%23000000'/%3E%3Ccircle cx='6' cy='6' r='0.5' fill='%23400080'/%3E%3Ccircle cx='10' cy='10' r='0.5' fill='%23400080'/%3E%3C/svg%3E");
}

/* Clone - rainbow shifting */
.icon-clone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' fill='%2300ff88'/%3E%3Crect x='3' y='3' width='10' height='10' fill='%2388ff00'/%3E%3Crect x='4' y='4' width='8' height='8' fill='%23ffff00'/%3E%3Crect x='5' y='5' width='6' height='6' fill='%23ff8800'/%3E%3Crect x='6' y='6' width='4' height='4' fill='%23ff0088'/%3E%3Crect x='7' y='7' width='2' height='2' fill='%238800ff'/%3E%3Ctext x='8' y='11' font-size='6' text-anchor='middle' fill='white'%3E+%3C/text%3E%3C/svg%3E");
}

/* Erase - red X mark */
.icon-erase {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' rx='2' fill='%23442222'/%3E%3Cpath d='M4 4 L6 4 L8 6 L10 4 L12 4 L12 6 L10 8 L12 10 L12 12 L10 12 L8 10 L6 12 L4 12 L4 10 L6 8 L4 6 Z' fill='%23DD4444'/%3E%3C/svg%3E");
}

/* Human - stick figure person */
.icon-human {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='3' r='2' fill='%23FFDBB4'/%3E%3Crect x='7' y='5' width='2' height='1' fill='%23FFDBB4'/%3E%3Crect x='6' y='6' width='4' height='4' fill='%233498db'/%3E%3Crect x='4' y='6' width='2' height='1' fill='%233498db'/%3E%3Crect x='10' y='6' width='2' height='1' fill='%233498db'/%3E%3Crect x='3' y='7' width='2' height='1' fill='%233498db'/%3E%3Crect x='11' y='7' width='2' height='1' fill='%233498db'/%3E%3Crect x='2' y='8' width='2' height='1' fill='%23FFDBB4'/%3E%3Crect x='12' y='8' width='2' height='1' fill='%23FFDBB4'/%3E%3Crect x='6' y='10' width='2' height='2' fill='%232c3e50'/%3E%3Crect x='8' y='10' width='2' height='2' fill='%232c3e50'/%3E%3Crect x='5' y='12' width='2' height='2' fill='%232c3e50'/%3E%3Crect x='9' y='12' width='2' height='2' fill='%232c3e50'/%3E%3Crect x='5' y='14' width='2' height='1' fill='%231a1a1a'/%3E%3Crect x='9' y='14' width='2' height='1' fill='%231a1a1a'/%3E%3Crect x='7' y='2' width='1' height='1' fill='%23000'/%3E%3Crect x='9' y='2' width='1' height='1' fill='%23000'/%3E%3C/svg%3E");
}

/* Car - pixel art vehicle */
.icon-car {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='7' width='14' height='5' fill='%23cc3333'/%3E%3Crect x='3' y='4' width='10' height='3' fill='%23cc3333'/%3E%3Crect x='4' y='5' width='3' height='2' fill='%2366ccff'/%3E%3Crect x='9' y='5' width='3' height='2' fill='%2366ccff'/%3E%3Crect x='1' y='7' width='14' height='1' fill='%23ee4444'/%3E%3Crect x='2' y='11' width='3' height='3' rx='1' fill='%23222'/%3E%3Crect x='11' y='11' width='3' height='3' rx='1' fill='%23222'/%3E%3Crect x='3' y='12' width='1' height='1' fill='%23666'/%3E%3Crect x='12' y='12' width='1' height='1' fill='%23666'/%3E%3Crect x='0' y='9' width='1' height='2' fill='%23ffcc00'/%3E%3Crect x='15' y='9' width='1' height='2' fill='%23ff3300'/%3E%3Crect x='1' y='10' width='2' height='1' fill='%23aa2222'/%3E%3Crect x='13' y='10' width='2' height='1' fill='%23aa2222'/%3E%3C/svg%3E");
}

/* ========== DISASTERS ========== */

/* Earthquake - cracked ground with shake lines */
.icon-earthquake {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='0' y='10' width='16' height='6' fill='%234a3a2a'/%3E%3Cpath d='M8 10 L7 12 L9 13 L7 15 L8 16' stroke='%23000' stroke-width='1' fill='none'/%3E%3Cpath d='M4 11 L3 13 L5 14 L4 16' stroke='%23222' stroke-width='1' fill='none'/%3E%3Cpath d='M12 10 L13 12 L11 14 L12 16' stroke='%23222' stroke-width='1' fill='none'/%3E%3Cpath d='M1 4 L3 4' stroke='%23ff6600' stroke-width='1'/%3E%3Cpath d='M13 5 L15 5' stroke='%23ff6600' stroke-width='1'/%3E%3Cpath d='M2 7 L4 7' stroke='%23ff8844' stroke-width='1'/%3E%3Cpath d='M12 8 L14 8' stroke='%23ff8844' stroke-width='1'/%3E%3Crect x='6' y='6' width='4' height='4' fill='%23806040'/%3E%3Crect x='7' y='5' width='2' height='1' fill='%23705030'/%3E%3C/svg%3E");
}

/* Tornado - spinning funnel */
.icon-tornado {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2 Q8 3 13 2 Q12 4 11 5 Q8 6 5 5 Q4 4 3 2' fill='%23667788'/%3E%3Cpath d='M5 5 Q8 6 11 5 Q10 7 9 8 Q8 9 7 8 Q6 7 5 5' fill='%23778899'/%3E%3Cpath d='M6 8 Q8 9 10 8 Q9 10 8 11 Q7 10 6 8' fill='%23889aaa'/%3E%3Cpath d='M7 11 Q8 12 9 11 Q8.5 13 8 14 Q7.5 13 7 11' fill='%2399aabb'/%3E%3Crect x='7' y='14' width='2' height='2' fill='%23aabbcc'/%3E%3Crect x='2' y='4' width='1' height='1' fill='%23556677'/%3E%3Crect x='13' y='3' width='1' height='1' fill='%23556677'/%3E%3Crect x='4' y='7' width='1' height='1' fill='%23667788'/%3E%3Crect x='11' y='6' width='1' height='1' fill='%23667788'/%3E%3C/svg%3E");
}

/* Meteor - fiery rock from sky */
.icon-meteor {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2 L5 5 L4 6 L1 3 Z' fill='%23ff8844' opacity='0.6'/%3E%3Cpath d='M4 4 L7 7 L6 8 L3 5 Z' fill='%23ffaa44' opacity='0.7'/%3E%3Cpath d='M6 6 L9 9 L8 10 L5 7 Z' fill='%23ffcc44' opacity='0.8'/%3E%3Ccircle cx='10' cy='10' r='4' fill='%238B4513'/%3E%3Ccircle cx='10' cy='10' r='3' fill='%23A0522D'/%3E%3Ccircle cx='9' cy='9' r='1.5' fill='%23CD853F'/%3E%3Ccircle cx='11' cy='11' r='1' fill='%23654321'/%3E%3Crect x='6' y='6' width='2' height='2' fill='%23ff6600'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23ffcc00'/%3E%3C/svg%3E");
}

/* Volcano - erupting mountain */
.icon-volcano {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 6 L6 6 L2 14 L14 14 L10 6 Z' fill='%234a3a2a'/%3E%3Cpath d='M8 6 L6 6 L4 10 L12 10 L10 6 Z' fill='%235a4a3a'/%3E%3Crect x='6' y='4' width='4' height='2' fill='%23ff4400'/%3E%3Crect x='7' y='2' width='2' height='2' fill='%23ff6600'/%3E%3Crect x='7' y='0' width='1' height='2' fill='%23ff8800'/%3E%3Crect x='8' y='1' width='1' height='1' fill='%23ffaa00'/%3E%3Crect x='5' y='3' width='1' height='1' fill='%23ff6600'/%3E%3Crect x='10' y='2' width='1' height='2' fill='%23ff4400'/%3E%3Crect x='4' y='5' width='1' height='1' fill='%23ffcc00'/%3E%3Crect x='11' y='4' width='1' height='1' fill='%23ffcc00'/%3E%3Crect x='6' y='5' width='1' height='1' fill='%23ffaa00'/%3E%3Crect x='9' y='5' width='1' height='1' fill='%23ffaa00'/%3E%3C/svg%3E");
}

/* Tsunami - giant wave */
.icon-tsunami {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 14 L0 8 Q2 7 4 8 Q6 6 8 4 Q10 3 11 5 Q12 4 13 5 L14 8 L16 10 L16 14 Z' fill='%232266aa'/%3E%3Cpath d='M0 10 Q2 9 4 10 Q6 8 8 6 Q10 5 11 7 L12 10 L14 12 L14 14 L0 14 Z' fill='%233388cc'/%3E%3Cpath d='M8 4 Q9 3 10 4 Q9 5 8 4' fill='%23ffffff'/%3E%3Crect x='6' y='6' width='3' height='1' fill='%2366aadd'/%3E%3Crect x='9' y='5' width='2' height='1' fill='%23aaddff'/%3E%3Crect x='4' y='9' width='2' height='1' fill='%23aaddff'/%3E%3Crect x='10' y='8' width='2' height='1' fill='%234499bb'/%3E%3C/svg%3E");
}

/* Random - dice/question mark */
.icon-random {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2' y='2' width='12' height='12' rx='2' fill='%23444466'/%3E%3Crect x='3' y='3' width='10' height='10' rx='1' fill='%23555588'/%3E%3Ctext x='8' y='12' font-size='10' font-weight='bold' text-anchor='middle' fill='%23ffcc00'%3E?%3C/text%3E%3Crect x='4' y='4' width='2' height='2' fill='%23ffaa00'/%3E%3Crect x='10' y='4' width='2' height='2' fill='%23ff6600'/%3E%3Crect x='4' y='10' width='2' height='2' fill='%2344ff44'/%3E%3Crect x='10' y='10' width='2' height='2' fill='%234488ff'/%3E%3C/svg%3E");
}

/* Explosive - green glowing particles */
.icon-explosive {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CradialGradient id='glow' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%2388ff88'/%3E%3Cstop offset='100%25' stop-color='%2322aa22'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='4' cy='12' r='2.5' fill='url(%23glow)'/%3E%3Ccircle cx='8' cy='10' r='3' fill='url(%23glow)'/%3E%3Ccircle cx='12' cy='13' r='2' fill='url(%23glow)'/%3E%3Ccircle cx='6' cy='6' r='2.5' fill='url(%23glow)'/%3E%3Ccircle cx='11' cy='7' r='2' fill='url(%23glow)'/%3E%3Ccircle cx='3' cy='8' r='1.5' fill='url(%23glow)'/%3E%3Ccircle cx='13' cy='10' r='1.5' fill='url(%23glow)'/%3E%3Ccircle cx='9' cy='4' r='2' fill='url(%23glow)'/%3E%3Ccircle cx='5' cy='14' r='1.5' fill='url(%23glow)'/%3E%3Ccircle cx='10' cy='14' r='1' fill='%2344dd44'/%3E%3Ccircle cx='4' cy='4' r='1' fill='%2366ff66'/%3E%3Ccircle cx='14' cy='5' r='1' fill='%2344cc44'/%3E%3C/svg%3E");
}

/* ========== WEAPONS ========== */

/* Pistol - detailed handgun */
.icon-pistol {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3C!-- Barrel --%3E%3Crect x='8' y='4' width='7' height='3' fill='%23404040'/%3E%3Crect x='8' y='4' width='7' height='1' fill='%23555555'/%3E%3Crect x='14' y='4' width='1' height='3' fill='%23333333'/%3E%3C!-- Muzzle --%3E%3Crect x='15' y='5' width='1' height='1' fill='%23222222'/%3E%3C!-- Slide --%3E%3Crect x='4' y='4' width='5' height='3' fill='%23484848'/%3E%3Crect x='4' y='4' width='5' height='1' fill='%23606060'/%3E%3C!-- Slide serrations --%3E%3Crect x='5' y='5' width='1' height='2' fill='%23383838'/%3E%3Crect x='7' y='5' width='1' height='2' fill='%23383838'/%3E%3C!-- Frame/Grip --%3E%3Crect x='4' y='7' width='4' height='5' fill='%23353535'/%3E%3Crect x='5' y='8' width='2' height='4' fill='%232a2a2a'/%3E%3C!-- Grip texture --%3E%3Crect x='5' y='8' width='1' height='1' fill='%23333333'/%3E%3Crect x='6' y='9' width='1' height='1' fill='%23333333'/%3E%3Crect x='5' y='10' width='1' height='1' fill='%23333333'/%3E%3Crect x='6' y='11' width='1' height='1' fill='%23333333'/%3E%3C!-- Trigger guard --%3E%3Crect x='8' y='7' width='2' height='1' fill='%23404040'/%3E%3Crect x='8' y='8' width='1' height='2' fill='%23404040'/%3E%3C!-- Trigger --%3E%3Crect x='9' y='8' width='1' height='1' fill='%23303030'/%3E%3C!-- Magazine base --%3E%3Crect x='4' y='12' width='4' height='1' fill='%23303030'/%3E%3C!-- Sights --%3E%3Crect x='5' y='3' width='1' height='1' fill='%23333333'/%3E%3Crect x='13' y='3' width='1' height='1' fill='%23333333'/%3E%3C/svg%3E");
}