/* Zealot X Sprite Sheet — zealotx-asset-pack.png
   Grid: 8×8 @ 256px per cell, 2048×2048 total
   background-position: -(x1)px -(y1)px from pixel_bounds [x1,y1,x2,y2]
*/

.sprite {
    background-image: url('../images/zealotx-asset-pack.png');
    background-repeat: no-repeat;
    background-size: 2048px 2048px;
    display: inline-block;
}

/* === AVATAR CARDS (row 0) === */
.sprite-avatar-xtian7   { background-position:    0px    0px; width: 256px; height: 256px; }
.sprite-avatar-ancel    { background-position: -256px    0px; width: 256px; height: 256px; }
.sprite-avatar-ronin    { background-position: -512px    0px; width: 256px; height: 256px; }
.sprite-avatar-ipx-ninja{ background-position: -768px    0px; width: 256px; height: 256px; }

/* === SERVICE CARDS (row 0, cols 4-6) === */
.sprite-service-freelancer { background-position: -1024px   0px; width: 256px; height: 256px; }
.sprite-service-projects   { background-position: -1280px   0px; width: 256px; height: 256px; }
.sprite-service-consult    { background-position: -1536px   0px; width: 256px; height: 256px; }

/* === WANTED POSTERS (row 1) === */
.sprite-wanted-01      { background-position:    0px -256px; width: 256px; height: 256px; }
.sprite-wanted-02      { background-position: -256px -256px; width: 256px; height: 256px; }
.sprite-wanted-unknown { background-position: -1024px -256px; width: 256px; height: 256px; }

/* === LOCATION THUMBNAILS (row 2) === */
.sprite-location-neo-eden    { background-position: -1024px -512px; width: 256px; height: 256px; }
.sprite-location-void-digital{ background-position: -1536px -512px; width: 256px; height: 256px; }

/* === UI BUTTONS (row 3) === */
.sprite-btn-primary   { background-position:    0px -768px; width: 256px; height: 128px; }
.sprite-btn-secondary { background-position: -256px -768px; width: 256px; height: 128px; }
.sprite-slider-bar    { background-position: -1536px -768px; width: 256px; height: 128px; }

/* === FRAMES / PANELS (row 4) === */
.sprite-panel-large { background-position:   0px -1024px; width: 512px; height: 512px; }
.sprite-panel-small { background-position: -512px -1024px; width: 256px; height: 256px; }

/* === ICONS (row 5) === */
.sprite-icon-user   { background-position: -1280px -1280px; width: 64px; height: 64px; }
.sprite-icon-shield { background-position: -1344px -1280px; width: 64px; height: 64px; }

/* === RESPONSIVE COMPACT VARIANTS (50% scale) === */
.sprite-avatar-xtian7-sm {
    background-position: 0px 0px;
    background-size: 1024px 1024px;
    width: 128px; height: 128px;
}
.sprite-wanted-01-sm {
    background-position: 0px -128px;
    background-size: 1024px 1024px;
    width: 128px; height: 128px;
}