/* สร้างโดย tools/gen-icon-css.php — อย่าแก้ไฟล์นี้ด้วยมือ */
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk] {
  background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
}
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="adrenaline_rush"] { background-image: url('assets/ui/skills/adrenaline_rush.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="angelus"] { background-image: url('assets/ui/skills/angelus.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="ankle_snare"] { background-image: url('assets/ui/skills/ankle_snare.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="arrow_shower"] { background-image: url('assets/ui/skills/arrow_shower.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="aspersio"] { background-image: url('assets/ui/skills/aspersio.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="bash"] { background-image: url('assets/ui/skills/bash.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="beast_bane"] { background-image: url('assets/ui/skills/beast_bane.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="blast_mine"] { background-image: url('assets/ui/skills/blast_mine.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="blessing"] { background-image: url('assets/ui/skills/blessing.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="blitz_beat"] { background-image: url('assets/ui/skills/blitz_beat.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="bowling_bash"] { background-image: url('assets/ui/skills/bowling_bash.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="brandish_spear"] { background-image: url('assets/ui/skills/brandish_spear.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="cart_crash"] { background-image: url('assets/ui/skills/cart_crash.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="challenge_roar"] { background-image: url('assets/ui/skills/loud_exclamation.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="cloaking"] { background-image: url('assets/ui/skills/cloaking.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="coin_avalanche"] { background-image: url('assets/ui/skills/coin_avalanche.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="cold_bolt"] { background-image: url('assets/ui/skills/cold_bolt.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="dawn_chorus"] { background-image: url('assets/ui/skills/dawn_chorus.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="decrease_agi"] { background-image: url('assets/ui/skills/decrease_agi.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="demon_bane"] { background-image: url('assets/ui/skills/demon_bane.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="discount"] { background-image: url('assets/ui/skills/discount.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="divine_protection"] { background-image: url('assets/ui/skills/divine_protection.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="double_attack"] { background-image: url('assets/ui/skills/double_attack.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="double_strafe"] { background-image: url('assets/ui/skills/double_strafe.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="dusk_burst"] { background-image: url('assets/ui/skills/dusk_burst.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="dusk_drain"] { background-image: url('assets/ui/skills/dusk_drain.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="enchant_poison"] { background-image: url('assets/ui/skills/enchant_poison.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="endure"] { background-image: url('assets/ui/skills/endure.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="enlarge_weight"] { background-image: url('assets/ui/skills/enlarge_weight.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="envenom"] { background-image: url('assets/ui/skills/envenom.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="feather_guard"] { background-image: url('assets/ui/skills/feather_guard.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="fire_ball"] { background-image: url('assets/ui/skills/fire_ball.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="fire_bolt"] { background-image: url('assets/ui/skills/fire_bolt.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="fire_wall"] { background-image: url('assets/ui/skills/fire_wall.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="focus_shot"] { background-image: url('assets/ui/skills/improve_concentration.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="forge_strike"] { background-image: url('assets/ui/skills/hammer_fall.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="frost_diver"] { background-image: url('assets/ui/skills/frost_diver.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="gloria"] { background-image: url('assets/ui/skills/gloria.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="grimtooth"] { background-image: url('assets/ui/skills/grimtooth.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="hammer_fall"] { background-image: url('assets/ui/skills/hammer_fall.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="heal"] { background-image: url('assets/ui/skills/heal.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="heavens_drive"] { background-image: url('assets/ui/skills/heavens_drive.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="hiding"] { background-image: url('assets/ui/skills/hiding.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="holy_light"] { background-image: url('assets/ui/skills/holy_light.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="hp_recovery"] { background-image: url('assets/ui/skills/hp_recovery.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="improve_concentration"] { background-image: url('assets/ui/skills/improve_concentration.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="improve_dodge"] { background-image: url('assets/ui/skills/improve_dodge.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="increase_agi"] { background-image: url('assets/ui/skills/increase_agi.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="iron_rush"] { background-image: url('assets/ui/skills/iron_rush.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="jupitel_thunder"] { background-image: url('assets/ui/skills/jupitel_thunder.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="katar_mastery"] { background-image: url('assets/ui/skills/katar_mastery.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="keen_edge"] { background-image: url('assets/ui/skills/keen_edge.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="kyrie_eleison"] { background-image: url('assets/ui/skills/kyrie_eleison.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="land_mine"] { background-image: url('assets/ui/skills/land_mine.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="lex_aeterna"] { background-image: url('assets/ui/skills/lex_aeterna.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="lightning_bolt"] { background-image: url('assets/ui/skills/lightning_bolt.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="lord_of_vermilion"] { background-image: url('assets/ui/skills/lord_of_vermilion.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="loud_exclamation"] { background-image: url('assets/ui/skills/loud_exclamation.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="magnificat"] { background-image: url('assets/ui/skills/magnificat.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="magnum_break"] { background-image: url('assets/ui/skills/magnum_break.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="magnus_exorcismus"] { background-image: url('assets/ui/skills/magnus_exorcismus.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="mammonite"] { background-image: url('assets/ui/skills/mammonite.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="mark_prey"] { background-image: url('assets/ui/skills/mark_prey.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="meteor_storm"] { background-image: url('assets/ui/skills/meteor_storm.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="mirage_legion"] { background-image: url('assets/ui/skills/mirage_legion.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="napalm_beat"] { background-image: url('assets/ui/skills/napalm_beat.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="nightfall_vortex"] { background-image: url('assets/ui/skills/nightfall_vortex.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="open_stall"] { background-image: url('assets/ui/skills/open_stall.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="overcharge"] { background-image: url('assets/ui/skills/overcharge.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="owls_eye"] { background-image: url('assets/ui/skills/owls_eye.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="pierce"] { background-image: url('assets/ui/skills/pierce.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="piercing_gale"] { background-image: url('assets/ui/skills/piercing_gale.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="power_thrust"] { background-image: url('assets/ui/skills/power_thrust.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="prism_cataclysm"] { background-image: url('assets/ui/skills/prism_cataclysm.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="provoke"] { background-image: url('assets/ui/skills/provoke.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="quagmire"] { background-image: url('assets/ui/skills/quagmire.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="resurrection"] { background-image: url('assets/ui/skills/resurrection.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="sanctuary"] { background-image: url('assets/ui/skills/sanctuary.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="sanctum_bloom"] { background-image: url('assets/ui/skills/sanctum_bloom.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="shade_cut"] { background-image: url('assets/ui/skills/shade_cut.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="shade_knives"] { background-image: url('assets/ui/skills/shade_knives.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="shadow_bind"] { background-image: url('assets/ui/skills/shadow_bind.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="shadow_step"] { background-image: url('assets/ui/skills/shadow_step.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="shadow_twin"] { background-image: url('assets/ui/skills/shadow_twin.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="sight"] { background-image: url('assets/ui/skills/sight.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="skin_tempering"] { background-image: url('assets/ui/skills/skin_tempering.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="sky_hunt"] { background-image: url('assets/ui/skills/sky_hunt.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="sonic_blow"] { background-image: url('assets/ui/skills/sonic_blow.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="soul_strike"] { background-image: url('assets/ui/skills/soul_strike.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="sp_recovery"] { background-image: url('assets/ui/skills/sp_recovery.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="spear_stab"] { background-image: url('assets/ui/skills/spear_stab.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="starfall"] { background-image: url('assets/ui/skills/starfall.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="steal"] { background-image: url('assets/ui/skills/steal.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="steel_crow"] { background-image: url('assets/ui/skills/steel_crow.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="stone_curse"] { background-image: url('assets/ui/skills/stone_curse.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="storm_gust"] { background-image: url('assets/ui/skills/storm_gust.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="sword_mastery"] { background-image: url('assets/ui/skills/sword_mastery.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="talon_frenzy"] { background-image: url('assets/ui/skills/talon_frenzy.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="thunderstorm"] { background-image: url('assets/ui/skills/thunderstorm.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="titans_hammer"] { background-image: url('assets/ui/skills/titans_hammer.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="two_hand_quicken"] { background-image: url('assets/ui/skills/two_hand_quicken.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="valor_surge"] { background-image: url('assets/ui/skills/valor_surge.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="veil_sense"] { background-image: url('assets/ui/skills/veil_sense.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="vultures_eye"] { background-image: url('assets/ui/skills/vultures_eye.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="weapon_perfection"] { background-image: url('assets/ui/skills/weapon_perfection.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="golden_fever"] { background-image: url('assets/ui/skills/golden_fever.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="lucky_strike"] { background-image: url('assets/ui/skills/lucky_strike.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="riposte"] { background-image: url('assets/ui/skills/riposte.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="sacred_blades"] { background-image: url('assets/ui/skills/sacred_blades.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }
body :is(.sk, .ic, .si-ic, .drag-ghost, .skill-icon)[data-sk="wheel_of_fortune"] { background-image: url('assets/ui/skills/wheel_of_fortune.png') !important; background-color: #00000026 !important; color: transparent !important; text-shadow: none !important; }

html[data-skin="wood"] .eqslot.empty[data-empty] .ic {
  background-position: center; background-repeat: no-repeat; background-size: contain;
  color: transparent; width: 26px; height: 26px; opacity: .38;
}
html[data-skin="wood"] .eqslot.empty[data-empty="armor"] .ic { background-image: url('assets/ui/slots/armor.png'); }
html[data-skin="wood"] .eqslot.empty[data-empty="garment"] .ic { background-image: url('assets/ui/slots/garment.png'); }
html[data-skin="wood"] .eqslot.empty[data-empty="head_low"] .ic { background-image: url('assets/ui/slots/head_low.png'); }
html[data-skin="wood"] .eqslot.empty[data-empty="head_mid"] .ic { background-image: url('assets/ui/slots/head_mid.png'); }
html[data-skin="wood"] .eqslot.empty[data-empty="head_top"] .ic { background-image: url('assets/ui/slots/head_top.png'); }
html[data-skin="wood"] .eqslot.empty[data-empty="shield"] .ic { background-image: url('assets/ui/slots/shield.png'); }
html[data-skin="wood"] .eqslot.empty[data-empty="shoes"] .ic { background-image: url('assets/ui/slots/shoes.png'); }
html[data-skin="wood"] .eqslot.empty[data-empty="weapon"] .ic { background-image: url('assets/ui/slots/weapon.png'); }

/* ไอคอน Attunement เปลี่ยนตามธาตุที่ผูก (ภาพผู้ใช้ ChatGPT 29 ก.ย.) — เฉพาะช่องลัด · หน้าต่างสกิลใช้วงล้อ 4 ธาตุ (cold_bolt.png) */
body[data-attune="fire"] :is(.sk, .drag-ghost)[data-sk="cold_bolt"] { background-image: url('assets/ui/skills/attune_fire.png') !important; }
body[data-attune="water"] :is(.sk, .drag-ghost)[data-sk="cold_bolt"] { background-image: url('assets/ui/skills/attune_water.png') !important; }
body[data-attune="wind"] :is(.sk, .drag-ghost)[data-sk="cold_bolt"] { background-image: url('assets/ui/skills/attune_wind.png') !important; }
body[data-attune="earth"] :is(.sk, .drag-ghost)[data-sk="cold_bolt"] { background-image: url('assets/ui/skills/attune_earth.png') !important; }

/* ── Attunement (สายเวท 29 ก.ย.): ช่อง Arcane Bolt / Attunement มีวงสีธาตุที่ผูกอยู่ — body[data-attune] ตั้งจาก ui.setAttune
   กดเปลี่ยนธาตุ = ช่องวาบ (.attune-pop จาก main.js) · ภาพไอคอนแยกธาตุมาเมื่อไหร่ เปลี่ยน background-image ที่นี่ได้เลย */
body[data-attune] :is(.sk, .ic, .skill-icon)[data-sk="fire_bolt"],
body[data-attune] :is(.sk, .ic, .skill-icon)[data-sk="cold_bolt"] { box-shadow: 0 0 0 2px var(--att-c), 0 0 6px 1px var(--att-c) !important; border-radius: 50%; }
body[data-attune="fire"]  { --att-c: #e8501a; }
body[data-attune="water"] { --att-c: #2f8ae0; }
body[data-attune="wind"]  { --att-c: #d8a810; }
body[data-attune="earth"] { --att-c: #8a5e32; }
.attune-pop { animation: attunePop .55s ease-out; }
@keyframes attunePop { 0% { transform: scale(1); } 30% { transform: scale(1.28); box-shadow: 0 0 0 4px var(--att-c), 0 0 16px 6px var(--att-c); } 100% { transform: scale(1); } }