/* Item icons (js/item-icons.js): the game's 32x32 pictures, 256 to a sheet. --isz sets the size. */
.iic { --isz: 1.25em; --ix: 0; --iy: 0; display: inline-block; flex: none; width: var(--isz); height: var(--isz); vertical-align: -.3em; margin-right: .35em; background-repeat: no-repeat; background-size: calc(var(--isz) * 16) calc(var(--isz) * 16); background-position: calc(var(--ix) * var(--isz) * -1) calc(var(--iy) * var(--isz) * -1); }
.iic--lg { --isz: 64px; image-rendering: pixelated; border-radius: 10px; background-color: var(--bg-2, rgba(255,255,255,.04)); box-shadow: inset 0 0 0 1px var(--line); margin-right: 0; vertical-align: middle; }
.iic--md { --isz: 32px; }
.iic--find { display: none; }
.ix-0 { --ix: 0; } .iy-0 { --iy: 0; }
.ix-1 { --ix: 1; } .iy-1 { --iy: 1; }
.ix-2 { --ix: 2; } .iy-2 { --iy: 2; }
.ix-3 { --ix: 3; } .iy-3 { --iy: 3; }
.ix-4 { --ix: 4; } .iy-4 { --iy: 4; }
.ix-5 { --ix: 5; } .iy-5 { --iy: 5; }
.ix-6 { --ix: 6; } .iy-6 { --iy: 6; }
.ix-7 { --ix: 7; } .iy-7 { --iy: 7; }
.ix-8 { --ix: 8; } .iy-8 { --iy: 8; }
.ix-9 { --ix: 9; } .iy-9 { --iy: 9; }
.ix-10 { --ix: 10; } .iy-10 { --iy: 10; }
.ix-11 { --ix: 11; } .iy-11 { --iy: 11; }
.ix-12 { --ix: 12; } .iy-12 { --iy: 12; }
.ix-13 { --ix: 13; } .iy-13 { --iy: 13; }
.ix-14 { --ix: 14; } .iy-14 { --iy: 14; }
.ix-15 { --ix: 15; } .iy-15 { --iy: 15; }
.is-0 { background-image: url(/img/icons/s0.webp); }
.is-1 { background-image: url(/img/icons/s1.webp); }
.is-2 { background-image: url(/img/icons/s2.webp); }
.is-3 { background-image: url(/img/icons/s3.webp); }
.is-4 { background-image: url(/img/icons/s4.webp); }
.is-5 { background-image: url(/img/icons/s5.webp); }
.is-6 { background-image: url(/img/icons/s6.webp); }
.is-7 { background-image: url(/img/icons/s7.webp); }
.is-8 { background-image: url(/img/icons/s8.webp); }
.is-9 { background-image: url(/img/icons/s9.webp); }
.is-10 { background-image: url(/img/icons/s10.webp); }
.is-11 { background-image: url(/img/icons/s11.webp); }
.is-12 { background-image: url(/img/icons/s12.webp); }
.is-13 { background-image: url(/img/icons/s13.webp); }
.is-14 { background-image: url(/img/icons/s14.webp); }
.is-15 { background-image: url(/img/icons/s15.webp); }
.is-16 { background-image: url(/img/icons/s16.webp); }
.is-17 { background-image: url(/img/icons/s17.webp); }
.is-18 { background-image: url(/img/icons/s18.webp); }
.is-19 { background-image: url(/img/icons/s19.webp); }
.is-20 { background-image: url(/img/icons/s20.webp); }
.is-21 { background-image: url(/img/icons/s21.webp); }
.is-22 { background-image: url(/img/icons/s22.webp); }
.is-23 { background-image: url(/img/icons/s23.webp); }
.is-24 { background-image: url(/img/icons/s24.webp); }
.is-25 { background-image: url(/img/icons/s25.webp); }
.is-26 { background-image: url(/img/icons/s26.webp); }
.is-32 { background-image: url(/img/icons/s32.webp); }
.is-33 { background-image: url(/img/icons/s33.webp); }
.is-34 { background-image: url(/img/icons/s34.webp); }
.is-35 { background-image: url(/img/icons/s35.webp); }
.is-36 { background-image: url(/img/icons/s36.webp); }
.is-37 { background-image: url(/img/icons/s37.webp); }
.is-38 { background-image: url(/img/icons/s38.webp); }
.is-39 { background-image: url(/img/icons/s39.webp); }
.is-40 { background-image: url(/img/icons/s40.webp); }
.is-41 { background-image: url(/img/icons/s41.webp); }
.is-42 { background-image: url(/img/icons/s42.webp); }
.is-43 { background-image: url(/img/icons/s43.webp); }
.is-44 { background-image: url(/img/icons/s44.webp); }
.is-45 { background-image: url(/img/icons/s45.webp); }
.is-46 { background-image: url(/img/icons/s46.webp); }
.is-47 { background-image: url(/img/icons/s47.webp); }
.is-48 { background-image: url(/img/icons/s48.webp); }
.is-49 { background-image: url(/img/icons/s49.webp); }
.is-50 { background-image: url(/img/icons/s50.webp); }
.is-51 { background-image: url(/img/icons/s51.webp); }
.is-52 { background-image: url(/img/icons/s52.webp); }
.is-53 { background-image: url(/img/icons/s53.webp); }
.is-54 { background-image: url(/img/icons/s54.webp); }
.is-55 { background-image: url(/img/icons/s55.webp); }
.is-56 { background-image: url(/img/icons/s56.webp); }
.is-57 { background-image: url(/img/icons/s57.webp); }
.is-58 { background-image: url(/img/icons/s58.webp); }
.is-59 { background-image: url(/img/icons/s59.webp); }
.is-60 { background-image: url(/img/icons/s60.webp); }
.is-61 { background-image: url(/img/icons/s61.webp); }
.is-62 { background-image: url(/img/icons/s62.webp); }
.is-63 { background-image: url(/img/icons/s63.webp); }
.is-64 { background-image: url(/img/icons/s64.webp); }
.is-65 { background-image: url(/img/icons/s65.webp); }
.is-66 { background-image: url(/img/icons/s66.webp); }
.is-67 { background-image: url(/img/icons/s67.webp); }
.is-68 { background-image: url(/img/icons/s68.webp); }
.is-69 { background-image: url(/img/icons/s69.webp); }
.is-70 { background-image: url(/img/icons/s70.webp); }
.is-71 { background-image: url(/img/icons/s71.webp); }
.is-72 { background-image: url(/img/icons/s72.webp); }
.is-73 { background-image: url(/img/icons/s73.webp); }
.is-74 { background-image: url(/img/icons/s74.webp); }
.is-75 { background-image: url(/img/icons/s75.webp); }
.is-77 { background-image: url(/img/icons/s77.webp); }
.is-80 { background-image: url(/img/icons/s80.webp); }
.is-81 { background-image: url(/img/icons/s81.webp); }
.is-82 { background-image: url(/img/icons/s82.webp); }
.is-83 { background-image: url(/img/icons/s83.webp); }
.is-84 { background-image: url(/img/icons/s84.webp); }
.is-85 { background-image: url(/img/icons/s85.webp); }
.is-86 { background-image: url(/img/icons/s86.webp); }
.is-87 { background-image: url(/img/icons/s87.webp); }
.is-92 { background-image: url(/img/icons/s92.webp); }
.is-93 { background-image: url(/img/icons/s93.webp); }
.is-94 { background-image: url(/img/icons/s94.webp); }
.is-99 { background-image: url(/img/icons/s99.webp); }
.is-100 { background-image: url(/img/icons/s100.webp); }
.is-101 { background-image: url(/img/icons/s101.webp); }
.is-102 { background-image: url(/img/icons/s102.webp); }
.is-103 { background-image: url(/img/icons/s103.webp); }
.is-104 { background-image: url(/img/icons/s104.webp); }
.is-105 { background-image: url(/img/icons/s105.webp); }
.is-106 { background-image: url(/img/icons/s106.webp); }
.is-107 { background-image: url(/img/icons/s107.webp); }
.is-108 { background-image: url(/img/icons/s108.webp); }
.is-109 { background-image: url(/img/icons/s109.webp); }
.is-110 { background-image: url(/img/icons/s110.webp); }
.is-111 { background-image: url(/img/icons/s111.webp); }
