/* MRME unit sprites / frame animations */

/* καθάρισμα από παλιά κυκλάκια */
.mrme-marching-unit,
.mrme-army-idle,
.mrme-unit-prod{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* βασικό sprite */
.mrme-unit-sprite{
  --unit-img:none;
  --frames:4;
  --speed:.55s;

  /* default: 46px στρατιώτης */
  --unit-size:20px;
  --sheet-w:184px;
  --shift:-184px;

  display:block;
  width:var(--unit-size);
  height:var(--unit-size);

  background-image:var(--unit-img);
  background-repeat:no-repeat;
  background-size:var(--sheet-w) var(--unit-size);
  background-position:0 0;
  background-color:transparent;

  animation:mrmeUnitFrames var(--speed) steps(var(--frames)) infinite;
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.45));
}

@keyframes mrmeUnitFrames{
  from{background-position:0 0}
  to{background-position:var(--shift) 0}
}

/* ένας στρατιώτης που περπατάει στατικά */
.mrme-marching-unit.one-soldier{
  width:46px!important;
  height:46px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  animation:none!important;
  transform:translate(-50%,-50%)!important;
  z-index:120!important;
}

.mrme-marching-unit.one-soldier .mrme-unit-sprite{
  position:absolute!important;
  left:0!important;
  top:0!important;

  --unit-size:46px;
  --sheet-w:184px;
  --shift:-184px;

  width:46px!important;
  height:46px!important;
  animation:mrmeUnitFrames 1s steps(4) infinite!important;
}
/* badge αριθμού στρατού */
.mrme-marching-unit.one-soldier b{
  position:absolute;
  right:-4px;
  top:-11px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f6c85f;
  color:#111;
  border:2px solid rgba(255,255,255,.65);
  font-size:12px;
  font-weight:1000;
  z-index:5;
}

/* στρατός μέσα στην πόλη */
.mrme-army-idle .mrme-unit-sprite{
  --unit-size:42px;
  --sheet-w:168px;
  --shift:-168px;
}

/* παραγωγή / εκπαίδευση */
.mrme-unit-prod .ico{
  width:46px!important;
  height:46px!important;
}

.mrme-unit-prod .mrme-unit-sprite{
  --unit-size:30px;
  --sheet-w:184px;
  --shift:-184px;
}

/* ανά μονάδα */
.mrme-unit-sprite.tone_soldier{
  --unit-img:url('units/tone_soldier_walk.png?v=12');
  --frames:4;
  --speed:1s;
}

.mrme-unit-sprite.scout{
  --unit-img:url('units/scout_walk.png?v=12');
  --frames:4;
  --speed:.30s;
}

.mrme-unit-sprite.guard{
  --unit-img:url('units/guard_walk.png?v=12');
  --frames:4;
  --speed:.7s;
}

.mrme-unit-sprite.major_tank{
  --unit-img:url('units/major_tank.png?v=13');
  --frames:4;
  --speed:.8s;
}

.mrme-unit-sprite.minor_tank{
  --unit-img:url('units/minor_tank.png?v=13');
  --frames:4;
  --speed:.8s;
}

.mrme-unit-sprite.seventh_tank{
  --unit-img:url('units/seventh_tank.png?v=12');
  --frames:4;
  --speed:.85s;
}

.mrme-unit-sprite.extended_tank{
  --unit-img:url('units/extended_tank.png?v=12');
  --frames:4;
  --speed:.9s;
}

.mrme-unit-sprite.ionian_elite{
  --unit-img:url('units/ionian_elite_walk.png?v=12');
  --frames:4;
  --speed:.6s;
}

.mrme-unit-sprite.harmonic_elite{
  --unit-img:url('units/harmonic_elite_walk.png?v=12');
  --frames:4;
  --speed:.6s;
}
/* ===== city road units: STATIC PNG, no spritesheet ===== */

.mrme-army-idle.one-soldier-city.static-road-unit{
  position:absolute!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  transform:translate(-50%,-50%)!important;

  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  animation:none!important;
  pointer-events:auto!important;
  z-index:5000!important;
}

.mrme-unit-static-img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;

  max-width:64px!important;
  max-height:64px!important;
  width:auto!important;
  height:auto!important;

  object-fit:contain!important;
  display:block!important;
  pointer-events:none!important;

  filter:drop-shadow(0 5px 5px rgba(0,0,0,.65))!important;
}

.mrme-unit-static-img.tone_soldier,
.mrme-unit-static-img.scout,
.mrme-unit-static-img.guard{
  max-width:52px!important;
  max-height:52px!important;
}

.mrme-unit-static-img.major_tank,
.mrme-unit-static-img.minor_tank,
.mrme-unit-static-img.seventh_tank,
.mrme-unit-static-img.extended_tank{
  max-width:66px!important;
  max-height:66px!important;
}

.mrme-unit-static-img.ionian_elite,
.mrme-unit-static-img.harmonic_elite{
  max-width:64px!important;
  max-height:64px!important;
}

.mrme-army-idle.one-soldier-city.static-road-unit b{
  position:absolute!important;
  left:50%!important;
  top:-14px!important;
  right:auto!important;
  transform:translateX(-50%)!important;

  min-width:26px!important;
  height:26px!important;
  border-radius:999px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:#f6c85f!important;
  color:#111!important;
  border:2px solid rgba(255,255,255,.86)!important;
  font-size:14px!important;
  font-weight:1000!important;
  z-index:50!important;
  box-shadow:0 4px 8px rgba(0,0,0,.38)!important;
}

.mrme-army-idle.one-soldier-city.roaming{
  transition:none!important;
}