/* 112 approved Plonk UI icons. One 32px-per-cell runtime atlas keeps these full-colour icons to one request. */
.pui{display:inline-block;width:1.18em;height:1.18em;vertical-align:-.19em;flex:0 0 auto;background-image:url('/icons/ui/plonk-atlas.png');background-repeat:no-repeat;background-size:1200% 1000%;background-position:var(--pui-x,0%) var(--pui-y,0%)}
.pui.lg{width:1.45em;height:1.45em;vertical-align:-.3em}
.abAbilityIcon{display:inline-block;width:22px;height:22px;object-fit:contain;vertical-align:middle;flex:0 0 auto}

/* Dedicated spear ability PNGs use the exact same visual footprint as atlas icons. */
#abilityBar .abSlot .abAbilityIcon{width:48px!important;height:48px!important;vertical-align:0}
#phoneUI .pAbIco .abAbilityIcon{width:30px!important;height:30px!important;vertical-align:0}

/* Icon-first controls should use the space they already own instead of leaving a tiny glyph
   floating in the middle. These sizes stay inside the existing button/slot bounds, so hitboxes,
   HUD placement and phone controls are unchanged. */
#bbActions .bbBtn > .pui{width:48px!important;height:48px!important;vertical-align:0}
#abilityBar .abSlot .pui{width:48px!important;height:48px!important;vertical-align:0}
#chatBtn > .pui{width:32px!important;height:32px!important;vertical-align:0}
#infoBtn > .pui{width:30px!important;height:30px!important;vertical-align:0}
#cogBtn > .pui{position:absolute;inset:0;margin:auto;display:block;width:34px!important;height:34px!important;vertical-align:0}
#mountBtn .pui,#mapBtn .pui{position:static;display:block;width:48px!important;height:48px!important;vertical-align:0}
#playerMenu button .pui{width:28px!important;height:28px!important;vertical-align:0}
#pMenuPop button .pui{width:30px!important;height:30px!important;vertical-align:0}
#chatSend .pui,#bbEmote .pui{width:24px!important;height:24px!important;vertical-align:0}
#setTabs .pui,.setBtn .pui{width:22px!important;height:22px!important;vertical-align:-4px}
#hideUiBtn .pui{width:22px!important;height:22px!important;vertical-align:-4px}
#bbHearth.cooling .pui{opacity:.3}
#phoneUI #pAttack > .pui{width:64px!important;height:64px!important;vertical-align:0}
#phoneUI #pMount > .pui{width:42px!important;height:42px!important;vertical-align:0}
#phoneUI .pAb > .pui{width:38px!important;height:38px!important;vertical-align:0}
#townBoard .tb-action .tb-ico{width:24px!important;height:24px!important}
#townBoard .tb-access > .tb-ico{width:26px!important;height:26px!important}
@media (max-width:700px){
  #mountBtn .pui,#mapBtn .pui{width:28px!important;height:28px!important}
  #abilityBar .abSlot .pui{width:34px!important;height:34px!important}
  #abilityBar .abSlot .abAbilityIcon{width:34px!important;height:34px!important}
}
.pui-amulet{--pui-x:0%;--pui-y:0%}
.pui-archery{--pui-x:9.090909%;--pui-y:0%}
.pui-attack{--pui-x:18.181818%;--pui-y:0%}
.pui-back{--pui-x:27.272727%;--pui-y:0%}
.pui-backpack_equipment{--pui-x:36.363636%;--pui-y:0%}
.pui-bank{--pui-x:45.454545%;--pui-y:0%}
.pui-boss{--pui-x:54.545455%;--pui-y:0%}
.pui-buffs{--pui-x:63.636364%;--pui-y:0%}
.pui-carry_weight{--pui-x:72.727273%;--pui-y:0%}
.pui-castle_raid_battle_flag{--pui-x:81.818182%;--pui-y:0%}
.pui-castle_raid_crystal{--pui-x:90.909091%;--pui-y:0%}
.pui-castle_raid_hourglass{--pui-x:100%;--pui-y:0%}
.pui-castle_raid_shield{--pui-x:0%;--pui-y:11.111111%}
.pui-castle_raid_skull{--pui-x:9.090909%;--pui-y:11.111111%}
.pui-castle_raid_treasure_chest{--pui-x:18.181818%;--pui-y:11.111111%}
.pui-cavern_depths{--pui-x:27.272727%;--pui-y:11.111111%}
.pui-character_gear{--pui-x:36.363636%;--pui-y:11.111111%}
.pui-chat{--pui-x:45.454545%;--pui-y:11.111111%}
.pui-cleave{--pui-x:54.545455%;--pui-y:11.111111%}
.pui-close{--pui-x:63.636364%;--pui-y:11.111111%}
.pui-confirm{--pui-x:72.727273%;--pui-y:11.111111%}
.pui-consumables{--pui-x:81.818182%;--pui-y:11.111111%}
.pui-controller_gamepad{--pui-x:90.909091%;--pui-y:11.111111%}
.pui-controls{--pui-x:100%;--pui-y:11.111111%}
.pui-cooking{--pui-x:0%;--pui-y:22.222222%}
.pui-copper_mine{--pui-x:9.090909%;--pui-y:22.222222%}
.pui-crafting{--pui-x:18.181818%;--pui-y:22.222222%}
.pui-critical_hit{--pui-x:27.272727%;--pui-y:22.222222%}
.pui-crown_of_the_fallen{--pui-x:36.363636%;--pui-y:22.222222%}
.pui-customize_character{--pui-x:45.454545%;--pui-y:22.222222%}
.pui-damage{--pui-x:54.545455%;--pui-y:22.222222%}
.pui-debuffs{--pui-x:63.636364%;--pui-y:22.222222%}
.pui-defense{--pui-x:72.727273%;--pui-y:22.222222%}
.pui-digging{--pui-x:81.818182%;--pui-y:22.222222%}
.pui-discard{--pui-x:90.909091%;--pui-y:22.222222%}
.pui-display_graphics{--pui-x:100%;--pui-y:22.222222%}
.pui-download{--pui-x:0%;--pui-y:33.333333%}
.pui-drop{--pui-x:9.090909%;--pui-y:33.333333%}
.pui-durability{--pui-x:18.181818%;--pui-y:33.333333%}
.pui-emotes{--pui-x:27.272727%;--pui-y:33.333333%}
.pui-equip{--pui-x:36.363636%;--pui-y:33.333333%}
.pui-exit_leave{--pui-x:45.454545%;--pui-y:33.333333%}
.pui-farming{--pui-x:54.545455%;--pui-y:33.333333%}
.pui-favorite_pin{--pui-x:63.636364%;--pui-y:33.333333%}
.pui-filter{--pui-x:72.727273%;--pui-y:33.333333%}
.pui-fishing{--pui-x:81.818182%;--pui-y:33.333333%}
.pui-food{--pui-x:90.909091%;--pui-y:33.333333%}
.pui-forest{--pui-x:100%;--pui-y:33.333333%}
.pui-fullscreen{--pui-x:0%;--pui-y:44.444444%}
.pui-gold{--pui-x:9.090909%;--pui-y:44.444444%}
.pui-health{--pui-x:18.181818%;--pui-y:44.444444%}
.pui-heavy_strike{--pui-x:27.272727%;--pui-y:44.444444%}
.pui-heroic_lunge{--pui-x:36.363636%;--pui-y:44.444444%}
.pui-hide_ui{--pui-x:45.454545%;--pui-y:44.444444%}
.pui-home{--pui-x:54.545455%;--pui-y:44.444444%}
.pui-hub{--pui-x:63.636364%;--pui-y:44.444444%}
.pui-information{--pui-x:72.727273%;--pui-y:44.444444%}
.pui-inspect{--pui-x:81.818182%;--pui-y:44.444444%}
.pui-inventory{--pui-x:90.909091%;--pui-y:44.444444%}
.pui-kite{--pui-x:100%;--pui-y:44.444444%}
.pui-level_xp{--pui-x:0%;--pui-y:55.555556%}
.pui-lock{--pui-x:9.090909%;--pui-y:55.555556%}
.pui-locked_requirement{--pui-x:18.181818%;--pui-y:55.555556%}
.pui-loot_remains{--pui-x:27.272727%;--pui-y:55.555556%}
.pui-magic{--pui-x:36.363636%;--pui-y:55.555556%}
.pui-mail_dm{--pui-x:45.454545%;--pui-y:55.555556%}
.pui-mana{--pui-x:54.545455%;--pui-y:55.555556%}
.pui-map{--pui-x:63.636364%;--pui-y:55.555556%}
.pui-market{--pui-x:72.727273%;--pui-y:55.555556%}
.pui-melee{--pui-x:81.818182%;--pui-y:55.555556%}
.pui-mining{--pui-x:90.909091%;--pui-y:55.555556%}
.pui-mount{--pui-x:100%;--pui-y:55.555556%}
.pui-music{--pui-x:0%;--pui-y:66.666667%}
.pui-mute{--pui-x:9.090909%;--pui-y:66.666667%}
.pui-next_page{--pui-x:18.181818%;--pui-y:66.666667%}
.pui-notifications{--pui-x:27.272727%;--pui-y:66.666667%}
.pui-oasis{--pui-x:36.363636%;--pui-y:66.666667%}
.pui-party{--pui-x:45.454545%;--pui-y:66.666667%}
.pui-pet{--pui-x:54.545455%;--pui-y:66.666667%}
.pui-player_island{--pui-x:63.636364%;--pui-y:66.666667%}
.pui-previous_page{--pui-x:72.727273%;--pui-y:66.666667%}
.pui-quest{--pui-x:81.818182%;--pui-y:66.666667%}
.pui-quiver{--pui-x:90.909091%;--pui-y:66.666667%}
.pui-raid{--pui-x:100%;--pui-y:66.666667%}
.pui-recipe_book{--pui-x:0%;--pui-y:77.777778%}
.pui-repair{--pui-x:9.090909%;--pui-y:77.777778%}
.pui-report_bug{--pui-x:18.181818%;--pui-y:77.777778%}
.pui-reset{--pui-x:27.272727%;--pui-y:77.777778%}
.pui-restoration{--pui-x:36.363636%;--pui-y:77.777778%}
.pui-save{--pui-x:45.454545%;--pui-y:77.777778%}
.pui-search{--pui-x:54.545455%;--pui-y:77.777778%}
.pui-send_message{--pui-x:63.636364%;--pui-y:77.777778%}
.pui-settings{--pui-x:72.727273%;--pui-y:77.777778%}
.pui-shield_offhand{--pui-x:81.818182%;--pui-y:77.777778%}
.pui-skin_painter{--pui-x:90.909091%;--pui-y:77.777778%}
.pui-sort{--pui-x:100%;--pui-y:77.777778%}
.pui-sound{--pui-x:0%;--pui-y:88.888889%}
.pui-speed_haste{--pui-x:9.090909%;--pui-y:88.888889%}
.pui-stamina{--pui-x:18.181818%;--pui-y:88.888889%}
.pui-stats{--pui-x:27.272727%;--pui-y:88.888889%}
.pui-take_all{--pui-x:36.363636%;--pui-y:88.888889%}
.pui-torch{--pui-x:45.454545%;--pui-y:88.888889%}
.pui-town{--pui-x:54.545455%;--pui-y:88.888889%}
.pui-town_board_pin_notice{--pui-x:63.636364%;--pui-y:88.888889%}
.pui-trade{--pui-x:72.727273%;--pui-y:88.888889%}
.pui-treetop_castle{--pui-x:81.818182%;--pui-y:88.888889%}
.pui-tutorial_island{--pui-x:90.909091%;--pui-y:88.888889%}
.pui-unequip{--pui-x:100%;--pui-y:88.888889%}
.pui-upload{--pui-x:0%;--pui-y:100%}
.pui-voice_chat{--pui-x:9.090909%;--pui-y:100%}
.pui-whirlwind{--pui-x:18.181818%;--pui-y:100%}
.pui-woodcutting{--pui-x:27.272727%;--pui-y:100%}