/* ============================================================
MURK ATLAS SPRITE SYSTEM
Source: uploads/murk_atlas_2048.png
Layout: uploads/murk_atlas_2048_layout.json
Grid: 8×8 cells, 256×256px each, 0px padding
Formula:
background-size = 8 × display-size
background-position = -(col × size)px -(row × size)px
Usage:
Add atlas-inv for inverted (light on dark) version:
============================================================ */
/* BASE */
.atlas {
display: inline-block;
background-image: url('uploads/murk_atlas_2048.png');
background-repeat: no-repeat;
flex-shrink: 0;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}
/* INVERTED — SVG for sharp rendering on dark backgrounds */
.atlas.atlas-inv {
background-image: url('uploads/murk_atlas_2048_inverted.svg');
}
/* SIZE VARIANTS (background-size = 8 × display size) */
.atlas-16 { width: 16px; height: 16px; background-size: 128px 128px; }
.atlas-24 { width: 24px; height: 24px; background-size: 192px 192px; }
.atlas-32 { width: 32px; height: 32px; background-size: 256px 256px; }
.atlas-48 { width: 48px; height: 48px; background-size: 384px 384px; }
.atlas-64 { width: 64px; height: 64px; background-size: 512px 512px; }
.atlas-96 { width: 96px; height: 96px; background-size: 768px 768px; }
.atlas-128 { width: 128px; height: 128px; background-size: 1024px 1024px; }
/* ============================================================
ROW 0 — Logos & Core Icons
============================================================ */
/* logo_white_on_black col:0 row:0 */
.atlas-16.atlas-logo-white-on-black { background-position: 0px 0px; }
.atlas-24.atlas-logo-white-on-black { background-position: 0px 0px; }
.atlas-32.atlas-logo-white-on-black { background-position: 0px 0px; }
.atlas-48.atlas-logo-white-on-black { background-position: 0px 0px; }
.atlas-64.atlas-logo-white-on-black { background-position: 0px 0px; }
.atlas-96.atlas-logo-white-on-black { background-position: 0px 0px; }
/* logo_black_on_white col:1 row:0 */
.atlas-16.atlas-logo-black-on-white { background-position: -16px 0px; }
.atlas-24.atlas-logo-black-on-white { background-position: -24px 0px; }
.atlas-32.atlas-logo-black-on-white { background-position: -32px 0px; }
.atlas-48.atlas-logo-black-on-white { background-position: -48px 0px; }
.atlas-64.atlas-logo-black-on-white { background-position: -64px 0px; }
/* warning_label col:2 row:0 */
.atlas-16.atlas-warning-label { background-position: -32px 0px; }
.atlas-24.atlas-warning-label { background-position: -48px 0px; }
.atlas-32.atlas-warning-label { background-position: -64px 0px; }
.atlas-48.atlas-warning-label { background-position: -96px 0px; }
.atlas-64.atlas-warning-label { background-position: -128px 0px; }
.atlas-96.atlas-warning-label { background-position: -192px 0px; }
.atlas-128.atlas-warning-label { background-position: -256px 0px; }
/* biohazard col:3 row:0 */
.atlas-16.atlas-biohazard { background-position: -48px 0px; }
.atlas-24.atlas-biohazard { background-position: -72px 0px; }
.atlas-32.atlas-biohazard { background-position: -96px 0px; }
.atlas-48.atlas-biohazard { background-position: -144px 0px; }
.atlas-64.atlas-biohazard { background-position: -192px 0px; }
/* crosshair col:4 row:0 */
.atlas-16.atlas-crosshair { background-position: -64px 0px; }
.atlas-24.atlas-crosshair { background-position: -96px 0px; }
.atlas-32.atlas-crosshair { background-position: -128px 0px; }
.atlas-48.atlas-crosshair { background-position: -192px 0px; }
.atlas-64.atlas-crosshair { background-position: -256px 0px; }
/* globe col:5 row:0 */
.atlas-16.atlas-globe { background-position: -80px 0px; }
.atlas-24.atlas-globe { background-position: -120px 0px; }
.atlas-32.atlas-globe { background-position: -160px 0px; }
.atlas-48.atlas-globe { background-position: -240px 0px; }
.atlas-64.atlas-globe { background-position: -320px 0px; }
/* discord col:6 row:0 */
.atlas-16.atlas-discord { background-position: -96px 0px; }
.atlas-24.atlas-discord { background-position: -144px 0px; }
.atlas-32.atlas-discord { background-position: -192px 0px; }
.atlas-48.atlas-discord { background-position: -288px 0px; }
.atlas-64.atlas-discord { background-position: -384px 0px; }
/* skull_crossbones col:7 row:0 */
.atlas-16.atlas-skull-crossbones { background-position: -112px 0px; }
.atlas-24.atlas-skull-crossbones { background-position: -168px 0px; }
.atlas-32.atlas-skull-crossbones { background-position: -224px 0px; }
.atlas-48.atlas-skull-crossbones { background-position: -336px 0px; }
.atlas-64.atlas-skull-crossbones { background-position: -448px 0px; }
/* ============================================================
ROW 1 — Symbols & Barcodes
============================================================ */
/* lightning col:0 row:1 */
.atlas-16.atlas-lightning { background-position: 0px -16px; }
.atlas-24.atlas-lightning { background-position: 0px -24px; }
.atlas-32.atlas-lightning { background-position: 0px -32px; }
.atlas-48.atlas-lightning { background-position: 0px -48px; }
.atlas-64.atlas-lightning { background-position: 0px -64px; }
/* no_entry col:1 row:1 */
.atlas-16.atlas-no-entry { background-position: -16px -16px; }
.atlas-24.atlas-no-entry { background-position: -24px -24px; }
.atlas-32.atlas-no-entry { background-position: -32px -32px; }
.atlas-48.atlas-no-entry { background-position: -48px -48px; }
.atlas-64.atlas-no-entry { background-position: -64px -64px; }
/* x_mark col:2 row:1 */
.atlas-16.atlas-x-mark { background-position: -32px -16px; }
.atlas-24.atlas-x-mark { background-position: -48px -24px; }
.atlas-32.atlas-x-mark { background-position: -64px -32px; }
.atlas-48.atlas-x-mark { background-position: -96px -48px; }
.atlas-64.atlas-x-mark { background-position: -128px -64px; }
/* chevron_stripe col:3 row:1 */
.atlas-16.atlas-chevron-stripe { background-position: -48px -16px; }
.atlas-24.atlas-chevron-stripe { background-position: -72px -24px; }
.atlas-32.atlas-chevron-stripe { background-position: -96px -32px; }
.atlas-48.atlas-chevron-stripe { background-position: -144px -48px; }
.atlas-64.atlas-chevron-stripe { background-position: -192px -64px; }
/* barcode_mp000_ax col:4 row:1 */
.atlas-16.atlas-barcode-mp000-ax { background-position: -64px -16px; }
.atlas-24.atlas-barcode-mp000-ax { background-position: -96px -24px; }
.atlas-32.atlas-barcode-mp000-ax { background-position: -128px -32px; }
.atlas-48.atlas-barcode-mp000-ax { background-position: -192px -48px; }
.atlas-64.atlas-barcode-mp000-ax { background-position: -256px -64px; }
.atlas-96.atlas-barcode-mp000-ax { background-position: -384px -96px; }
/* barcode_23057_01175 col:5 row:1 */
.atlas-16.atlas-barcode-23057-01175 { background-position: -80px -16px; }
.atlas-24.atlas-barcode-23057-01175 { background-position: -120px -24px; }
.atlas-32.atlas-barcode-23057-01175 { background-position: -160px -32px; }
.atlas-48.atlas-barcode-23057-01175 { background-position: -240px -48px; }
.atlas-64.atlas-barcode-23057-01175 { background-position: -320px -64px; }
/* barcode_23040_04709 col:6 row:1 */
.atlas-16.atlas-barcode-23040-04709 { background-position: -96px -16px; }
.atlas-24.atlas-barcode-23040-04709 { background-position: -144px -24px; }
.atlas-32.atlas-barcode-23040-04709 { background-position: -192px -32px; }
.atlas-48.atlas-barcode-23040-04709 { background-position: -288px -48px; }
.atlas-64.atlas-barcode-23040-04709 { background-position: -384px -64px; }
/* id_tag col:7 row:1 */
.atlas-16.atlas-id-tag { background-position: -112px -16px; }
.atlas-24.atlas-id-tag { background-position: -168px -24px; }
.atlas-32.atlas-id-tag { background-position: -224px -32px; }
.atlas-48.atlas-id-tag { background-position: -336px -48px; }
.atlas-64.atlas-id-tag { background-position: -448px -64px; }
/* ============================================================
ROW 2 — Dividers & Corners
============================================================ */
/* divider_h_scratch col:0 row:2 */
.atlas-16.atlas-divider-h-scratch { background-position: 0px -32px; }
.atlas-24.atlas-divider-h-scratch { background-position: 0px -48px; }
.atlas-32.atlas-divider-h-scratch { background-position: 0px -64px; }
.atlas-48.atlas-divider-h-scratch { background-position: 0px -96px; }
.atlas-64.atlas-divider-h-scratch { background-position: 0px -128px; }
/* divider_h_dashed col:1 row:2 */
.atlas-16.atlas-divider-h-dashed { background-position: -16px -32px; }
.atlas-24.atlas-divider-h-dashed { background-position: -24px -48px; }
.atlas-32.atlas-divider-h-dashed { background-position: -32px -64px; }
.atlas-48.atlas-divider-h-dashed { background-position: -48px -96px; }
.atlas-64.atlas-divider-h-dashed { background-position: -64px -128px; }
/* divider_v_solid col:2 row:2 */
.atlas-16.atlas-divider-v-solid { background-position: -32px -32px; }
.atlas-24.atlas-divider-v-solid { background-position: -48px -48px; }
.atlas-32.atlas-divider-v-solid { background-position: -64px -64px; }
.atlas-48.atlas-divider-v-solid { background-position: -96px -96px; }
.atlas-64.atlas-divider-v-solid { background-position: -128px -128px; }
/* divider_v_dashed col:3 row:2 */
.atlas-16.atlas-divider-v-dashed { background-position: -48px -32px; }
.atlas-24.atlas-divider-v-dashed { background-position: -72px -48px; }
.atlas-32.atlas-divider-v-dashed { background-position: -96px -64px; }
.atlas-48.atlas-divider-v-dashed { background-position: -144px -96px; }
.atlas-64.atlas-divider-v-dashed { background-position: -192px -128px; }
/* corner_tl col:4 row:2 */
.atlas-16.atlas-corner-tl { background-position: -64px -32px; }
.atlas-24.atlas-corner-tl { background-position: -96px -48px; }
.atlas-32.atlas-corner-tl { background-position: -128px -64px; }
.atlas-48.atlas-corner-tl { background-position: -192px -96px; }
.atlas-64.atlas-corner-tl { background-position: -256px -128px; }
/* corner_tr col:5 row:2 */
.atlas-16.atlas-corner-tr { background-position: -80px -32px; }
.atlas-24.atlas-corner-tr { background-position: -120px -48px; }
.atlas-32.atlas-corner-tr { background-position: -160px -64px; }
.atlas-48.atlas-corner-tr { background-position: -240px -96px; }
.atlas-64.atlas-corner-tr { background-position: -320px -128px; }
/* corner_bl col:6 row:2 */
.atlas-16.atlas-corner-bl { background-position: -96px -32px; }
.atlas-24.atlas-corner-bl { background-position: -144px -48px; }
.atlas-32.atlas-corner-bl { background-position: -192px -64px; }
.atlas-48.atlas-corner-bl { background-position: -288px -96px; }
.atlas-64.atlas-corner-bl { background-position: -384px -128px; }
/* corner_br col:7 row:2 */
.atlas-16.atlas-corner-br { background-position: -112px -32px; }
.atlas-24.atlas-corner-br { background-position: -168px -48px; }
.atlas-32.atlas-corner-br { background-position: -224px -64px; }
.atlas-48.atlas-corner-br { background-position: -336px -96px; }
.atlas-64.atlas-corner-br { background-position: -448px -128px; }
/* ============================================================
ROW 3 — Frames & Indicators
============================================================ */
/* frame_full col:0 row:3 */
.atlas-16.atlas-frame-full { background-position: 0px -48px; }
.atlas-24.atlas-frame-full { background-position: 0px -72px; }
.atlas-32.atlas-frame-full { background-position: 0px -96px; }
.atlas-48.atlas-frame-full { background-position: 0px -144px; }
.atlas-64.atlas-frame-full { background-position: 0px -192px; }
/* frame_top col:1 row:3 */
.atlas-16.atlas-frame-top { background-position: -16px -48px; }
.atlas-24.atlas-frame-top { background-position: -24px -72px; }
.atlas-32.atlas-frame-top { background-position: -32px -96px; }
.atlas-48.atlas-frame-top { background-position: -48px -144px; }
.atlas-64.atlas-frame-top { background-position: -64px -192px; }
/* frame_bottom col:2 row:3 */
.atlas-16.atlas-frame-bottom { background-position: -32px -48px; }
.atlas-24.atlas-frame-bottom { background-position: -48px -72px; }
.atlas-32.atlas-frame-bottom { background-position: -64px -96px; }
.atlas-48.atlas-frame-bottom { background-position: -96px -144px; }
.atlas-64.atlas-frame-bottom { background-position: -128px -192px; }
/* frame_left col:3 row:3 */
.atlas-16.atlas-frame-left { background-position: -48px -48px; }
.atlas-24.atlas-frame-left { background-position: -72px -72px; }
.atlas-32.atlas-frame-left { background-position: -96px -96px; }
.atlas-48.atlas-frame-left { background-position: -144px -144px; }
.atlas-64.atlas-frame-left { background-position: -192px -192px; }
/* frame_right col:4 row:3 */
.atlas-16.atlas-frame-right { background-position: -64px -48px; }
.atlas-24.atlas-frame-right { background-position: -96px -72px; }
.atlas-32.atlas-frame-right { background-position: -128px -96px; }
.atlas-48.atlas-frame-right { background-position: -192px -144px; }
.atlas-64.atlas-frame-right { background-position: -256px -192px; }
/* rec_indicator col:5 row:3 */
.atlas-16.atlas-rec-indicator { background-position: -80px -48px; }
.atlas-24.atlas-rec-indicator { background-position: -120px -72px; }
.atlas-32.atlas-rec-indicator { background-position: -160px -96px; }
.atlas-48.atlas-rec-indicator { background-position: -240px -144px; }
.atlas-64.atlas-rec-indicator { background-position: -320px -192px; }
/* dots_3x3 col:6 row:3 */
.atlas-16.atlas-dots-3x3 { background-position: -96px -48px; }
.atlas-24.atlas-dots-3x3 { background-position: -144px -72px; }
.atlas-32.atlas-dots-3x3 { background-position: -192px -96px; }
.atlas-48.atlas-dots-3x3 { background-position: -288px -144px; }
.atlas-64.atlas-dots-3x3 { background-position: -384px -192px; }
/* plus_small col:7 row:3 */
.atlas-16.atlas-plus-small { background-position: -112px -48px; }
.atlas-24.atlas-plus-small { background-position: -168px -72px; }
.atlas-32.atlas-plus-small { background-position: -224px -96px; }
.atlas-48.atlas-plus-small { background-position: -336px -144px; }
.atlas-64.atlas-plus-small { background-position: -448px -192px; }
/* ============================================================
ROW 4 — Marks & Textures
============================================================ */
/* plus_large col:0 row:4 */
.atlas-16.atlas-plus-large { background-position: 0px -64px; }
.atlas-24.atlas-plus-large { background-position: 0px -96px; }
.atlas-32.atlas-plus-large { background-position: 0px -128px; }
.atlas-48.atlas-plus-large { background-position: 0px -192px; }
.atlas-64.atlas-plus-large { background-position: 0px -256px; }
/* tick_vertical col:1 row:4 */
.atlas-16.atlas-tick-vertical { background-position: -16px -64px; }
.atlas-24.atlas-tick-vertical { background-position: -24px -96px; }
.atlas-32.atlas-tick-vertical { background-position: -32px -128px; }
.atlas-48.atlas-tick-vertical { background-position: -48px -192px; }
.atlas-64.atlas-tick-vertical { background-position: -64px -256px; }
/* tick_horizontal col:2 row:4 */
.atlas-16.atlas-tick-horizontal { background-position: -32px -64px; }
.atlas-24.atlas-tick-horizontal { background-position: -48px -96px; }
.atlas-32.atlas-tick-horizontal { background-position: -64px -128px; }
.atlas-48.atlas-tick-horizontal { background-position: -96px -192px; }
.atlas-64.atlas-tick-horizontal { background-position: -128px -256px; }
/* circuit_board col:3 row:4 */
.atlas-16.atlas-circuit-board { background-position: -48px -64px; }
.atlas-24.atlas-circuit-board { background-position: -72px -96px; }
.atlas-32.atlas-circuit-board { background-position: -96px -128px; }
.atlas-48.atlas-circuit-board { background-position: -144px -192px; }
.atlas-64.atlas-circuit-board { background-position: -192px -256px; }
/* scanline_overlay col:4 row:4 */
.atlas-16.atlas-scanline-overlay { background-position: -64px -64px; }
.atlas-24.atlas-scanline-overlay { background-position: -96px -96px; }
.atlas-32.atlas-scanline-overlay { background-position: -128px -128px; }
.atlas-48.atlas-scanline-overlay { background-position: -192px -192px; }
.atlas-64.atlas-scanline-overlay { background-position: -256px -256px; }
/* noise_texture col:5 row:4 */
.atlas-16.atlas-noise-texture { background-position: -80px -64px; }
.atlas-24.atlas-noise-texture { background-position: -120px -96px; }
.atlas-32.atlas-noise-texture { background-position: -160px -128px; }
.atlas-48.atlas-noise-texture { background-position: -240px -192px; }
.atlas-64.atlas-noise-texture { background-position: -320px -256px; }
/* scratch_texture col:6 row:4 */
.atlas-16.atlas-scratch-texture { background-position: -96px -64px; }
.atlas-24.atlas-scratch-texture { background-position: -144px -96px; }
.atlas-32.atlas-scratch-texture { background-position: -192px -128px; }
.atlas-48.atlas-scratch-texture { background-position: -288px -192px; }
.atlas-64.atlas-scratch-texture { background-position: -384px -256px; }
/* dirt_speckle col:7 row:4 */
.atlas-16.atlas-dirt-speckle { background-position: -112px -64px; }
.atlas-24.atlas-dirt-speckle { background-position: -168px -96px; }
.atlas-32.atlas-dirt-speckle { background-position: -224px -128px; }
.atlas-48.atlas-dirt-speckle { background-position: -336px -192px; }
.atlas-64.atlas-dirt-speckle { background-position: -448px -256px; }
/* ============================================================
ROW 5 — Paper & Hazard Panels
============================================================ */
/* paper_grunge_light col:0 row:5 */
.atlas-16.atlas-paper-grunge-light { background-position: 0px -80px; }
.atlas-24.atlas-paper-grunge-light { background-position: 0px -120px; }
.atlas-32.atlas-paper-grunge-light { background-position: 0px -160px; }
.atlas-48.atlas-paper-grunge-light { background-position: 0px -240px; }
.atlas-64.atlas-paper-grunge-light { background-position: 0px -320px; }
/* paper_fold col:1 row:5 */
.atlas-16.atlas-paper-fold { background-position: -16px -80px; }
.atlas-24.atlas-paper-fold { background-position: -24px -120px; }
.atlas-32.atlas-paper-fold { background-position: -32px -160px; }
.atlas-48.atlas-paper-fold { background-position: -48px -240px; }
.atlas-64.atlas-paper-fold { background-position: -64px -320px; }
/* panel_dark col:2 row:5 */
.atlas-16.atlas-panel-dark { background-position: -32px -80px; }
.atlas-24.atlas-panel-dark { background-position: -48px -120px; }
.atlas-32.atlas-panel-dark { background-position: -64px -160px; }
.atlas-48.atlas-panel-dark { background-position: -96px -240px; }
.atlas-64.atlas-panel-dark { background-position: -128px -320px; }
/* panel_mid col:3 row:5 */
.atlas-16.atlas-panel-mid { background-position: -48px -80px; }
.atlas-24.atlas-panel-mid { background-position: -72px -120px; }
.atlas-32.atlas-panel-mid { background-position: -96px -160px; }
.atlas-48.atlas-panel-mid { background-position: -144px -240px; }
.atlas-64.atlas-panel-mid { background-position: -192px -320px; }
/* panel_light col:4 row:5 */
.atlas-16.atlas-panel-light { background-position: -64px -80px; }
.atlas-24.atlas-panel-light { background-position: -96px -120px; }
.atlas-32.atlas-panel-light { background-position: -128px -160px; }
.atlas-48.atlas-panel-light { background-position: -192px -240px; }
.atlas-64.atlas-panel-light { background-position: -256px -320px; }
/* warning_stripes_01 col:5 row:5 */
.atlas-16.atlas-warning-stripes-01 { background-position: -80px -80px; }
.atlas-24.atlas-warning-stripes-01 { background-position: -120px -120px; }
.atlas-32.atlas-warning-stripes-01 { background-position: -160px -160px; }
.atlas-48.atlas-warning-stripes-01 { background-position: -240px -240px; }
.atlas-64.atlas-warning-stripes-01 { background-position: -320px -320px; }
/* warning_stripes_02 col:6 row:5 */
.atlas-16.atlas-warning-stripes-02 { background-position: -96px -80px; }
.atlas-24.atlas-warning-stripes-02 { background-position: -144px -120px; }
.atlas-32.atlas-warning-stripes-02 { background-position: -192px -160px; }
.atlas-48.atlas-warning-stripes-02 { background-position: -288px -240px; }
.atlas-64.atlas-warning-stripes-02 { background-position: -384px -320px; }
/* caution_tape col:7 row:5 */
.atlas-16.atlas-caution-tape { background-position: -112px -80px; }
.atlas-24.atlas-caution-tape { background-position: -168px -120px; }
.atlas-32.atlas-caution-tape { background-position: -224px -160px; }
.atlas-48.atlas-caution-tape { background-position: -336px -240px; }
.atlas-64.atlas-caution-tape { background-position: -448px -320px; }
/* ============================================================
ROW 6 — Japanese & FX
============================================================ */
/* japanese_hardcore_text col:0 row:6 */
.atlas-16.atlas-japanese-hardcore-text { background-position: 0px -96px; }
.atlas-24.atlas-japanese-hardcore-text { background-position: 0px -144px; }
.atlas-32.atlas-japanese-hardcore-text { background-position: 0px -192px; }
.atlas-48.atlas-japanese-hardcore-text { background-position: 0px -288px; }
.atlas-64.atlas-japanese-hardcore-text { background-position: 0px -384px; }
/* ink_splat col:1 row:6 */
.atlas-16.atlas-ink-splat { background-position: -16px -96px; }
.atlas-24.atlas-ink-splat { background-position: -24px -144px; }
.atlas-32.atlas-ink-splat { background-position: -32px -192px; }
.atlas-48.atlas-ink-splat { background-position: -48px -288px; }
.atlas-64.atlas-ink-splat { background-position: -64px -384px; }
/* smoke_01 col:2 row:6 */
.atlas-16.atlas-smoke-01 { background-position: -32px -96px; }
.atlas-24.atlas-smoke-01 { background-position: -48px -144px; }
.atlas-32.atlas-smoke-01 { background-position: -64px -192px; }
.atlas-48.atlas-smoke-01 { background-position: -96px -288px; }
.atlas-64.atlas-smoke-01 { background-position: -128px -384px; }
/* smoke_02 col:3 row:6 */
.atlas-16.atlas-smoke-02 { background-position: -48px -96px; }
.atlas-24.atlas-smoke-02 { background-position: -72px -144px; }
.atlas-32.atlas-smoke-02 { background-position: -96px -192px; }
.atlas-48.atlas-smoke-02 { background-position: -144px -288px; }
.atlas-64.atlas-smoke-02 { background-position: -192px -384px; }
/* drip_01 col:4 row:6 */
.atlas-16.atlas-drip-01 { background-position: -64px -96px; }
.atlas-24.atlas-drip-01 { background-position: -96px -144px; }
.atlas-32.atlas-drip-01 { background-position: -128px -192px; }
.atlas-48.atlas-drip-01 { background-position: -192px -288px; }
.atlas-64.atlas-drip-01 { background-position: -256px -384px; }
/* drip_02 col:5 row:6 */
.atlas-16.atlas-drip-02 { background-position: -80px -96px; }
.atlas-24.atlas-drip-02 { background-position: -120px -144px; }
.atlas-32.atlas-drip-02 { background-position: -160px -192px; }
.atlas-48.atlas-drip-02 { background-position: -240px -288px; }
.atlas-64.atlas-drip-02 { background-position: -320px -384px; }
/* scribble_01 col:6 row:6 */
.atlas-16.atlas-scribble-01 { background-position: -96px -96px; }
.atlas-24.atlas-scribble-01 { background-position: -144px -144px; }
.atlas-32.atlas-scribble-01 { background-position: -192px -192px; }
.atlas-48.atlas-scribble-01 { background-position: -288px -288px; }
.atlas-64.atlas-scribble-01 { background-position: -384px -384px; }
/* scribble_02 col:7 row:6 */
.atlas-16.atlas-scribble-02 { background-position: -112px -96px; }
.atlas-24.atlas-scribble-02 { background-position: -168px -144px; }
.atlas-32.atlas-scribble-02 { background-position: -224px -192px; }
.atlas-48.atlas-scribble-02 { background-position: -336px -288px; }
.atlas-64.atlas-scribble-02 { background-position: -448px -384px; }
/* ============================================================
ROW 7 — Item Icons
============================================================ */
/* poison_bottle col:0 row:7 */
.atlas-16.atlas-poison-bottle { background-position: 0px -112px; }
.atlas-24.atlas-poison-bottle { background-position: 0px -168px; }
.atlas-32.atlas-poison-bottle { background-position: 0px -224px; }
.atlas-48.atlas-poison-bottle { background-position: 0px -336px; }
.atlas-64.atlas-poison-bottle { background-position: 0px -448px; }
/* flask col:1 row:7 */
.atlas-16.atlas-flask { background-position: -16px -112px; }
.atlas-24.atlas-flask { background-position: -24px -168px; }
.atlas-32.atlas-flask { background-position: -32px -224px; }
.atlas-48.atlas-flask { background-position: -48px -336px; }
.atlas-64.atlas-flask { background-position: -64px -448px; }
/* folder col:2 row:7 */
.atlas-16.atlas-folder { background-position: -32px -112px; }
.atlas-24.atlas-folder { background-position: -48px -168px; }
.atlas-32.atlas-folder { background-position: -64px -224px; }
.atlas-48.atlas-folder { background-position: -96px -336px; }
.atlas-64.atlas-folder { background-position: -128px -448px; }
/* document col:3 row:7 */
.atlas-16.atlas-document { background-position: -48px -112px; }
.atlas-24.atlas-document { background-position: -72px -168px; }
.atlas-32.atlas-document { background-position: -96px -224px; }
.atlas-48.atlas-document { background-position: -144px -336px; }
.atlas-64.atlas-document { background-position: -192px -448px; }
/* lock col:4 row:7 */
.atlas-16.atlas-lock { background-position: -64px -112px; }
.atlas-24.atlas-lock { background-position: -96px -168px; }
.atlas-32.atlas-lock { background-position: -128px -224px; }
.atlas-48.atlas-lock { background-position: -192px -336px; }
.atlas-64.atlas-lock { background-position: -256px -448px; }
/* key col:5 row:7 */
.atlas-16.atlas-key { background-position: -80px -112px; }
.atlas-24.atlas-key { background-position: -120px -168px; }
.atlas-32.atlas-key { background-position: -160px -224px; }
.atlas-48.atlas-key { background-position: -240px -336px; }
.atlas-64.atlas-key { background-position: -320px -448px; }
/* eye col:6 row:7 */
.atlas-16.atlas-eye { background-position: -96px -112px; }
.atlas-24.atlas-eye { background-position: -144px -168px; }
.atlas-32.atlas-eye { background-position: -192px -224px; }
.atlas-48.atlas-eye { background-position: -288px -336px; }
.atlas-64.atlas-eye { background-position: -384px -448px; }
/* target col:7 row:7 */
.atlas-16.atlas-target { background-position: -112px -112px; }
.atlas-24.atlas-target { background-position: -168px -168px; }
.atlas-32.atlas-target { background-position: -224px -224px; }
.atlas-48.atlas-target { background-position: -336px -336px; }
.atlas-64.atlas-target { background-position: -448px -448px; }